:root{color:#27313b;font-synthesis:none;--ink:#27313b;--muted:#7d8995;--line:#dfe4e9;--soft-line:#edf0f3;--surface:#fff;--canvas:#f6f7f8;--accent:#2e6f95;--accent-soft:#e8f2f7;--warning:#b66a3c;--warning-soft:#fff4dc;--danger:#b24e4b;--radius-sm:6px;--radius-md:10px;--shadow:0 9px 28px #24303c14;background:#eef1f4;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}body{background:#eef1f4;min-width:1000px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2e6f9547}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex}.brand-lockup,.topbar-actions,.canvas-tools,.inline-actions,.save-state,.toolbar-button,.tool-button,.zoom-control,.canvas-status,.canvas-status span,.shortcut-title,.good-state,.warning-row,.secondary-action{align-items:center;display:flex}.brand-lockup{gap:10px}.brand-mark{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 3px 8px #2e6f9538}.brand-name{letter-spacing:.01em;font-size:14px;font-weight:760;line-height:1.1}.brand-context{color:var(--muted);letter-spacing:.02em;margin-top:3px;font-size:11px}.topbar-actions{gap:7px}.save-state{color:var(--muted);gap:7px;margin-right:9px;font-size:11px}.status-dot{background:#58a67c;border-radius:50%;width:6px;height:6px}.save-state-saving .status-dot{background:#c88755}.save-state-error .status-dot{background:var(--danger)}.divider{background:var(--line);width:1px;height:22px;margin:0 6px}.icon-button,.quiet-icon-button,.mini-add,.danger-icon-button{color:var(--muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.icon-button{width:30px;height:30px}.icon-button:hover,.quiet-icon-button:hover,.mini-add:hover{color:var(--ink);background:#f0f3f5}.toolbar-button,.tool-button{border:1px solid var(--line);color:#53616d;background:#fff;border-radius:6px;gap:7px;height:31px;padding:0 10px;font-size:12px;font-weight:650}.toolbar-button:hover,.tool-button:hover{color:var(--ink);background:#f9fafb;border-color:#b9c7d1}.workspace{flex:1;grid-template-columns:250px minmax(520px,1fr) 278px;min-height:0;display:grid}.sidebar{background:#fff;min-height:0;overflow:auto}.left-sidebar{border-right:1px solid var(--line);flex-direction:column;display:flex}.right-sidebar{border-left:1px solid var(--line)}.sidebar-heading{border-bottom:1px solid var(--soft-line);color:#55616c;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;height:53px;padding:0 15px;font-size:11px;font-weight:760;display:flex}.quiet-icon-button{width:25px;height:25px}.sidebar-section{padding:16px 10px 3px}.section-label{color:#8a949e;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:7px;padding:0 6px 8px;font-size:10px;font-weight:760;display:flex}.count-badge{color:#7f8993;letter-spacing:0;background:#f1f3f5;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10px;display:grid}.mini-add{width:22px;height:22px;margin-left:auto}.object-list-item{width:100%;min-height:37px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:6px 7px;display:flex}.object-list-item:hover{background:#f6f8f9}.object-list-item.is-selected{background:var(--accent-soft);color:#235775;border-color:#c5dce8}.object-list-item.has-warning:not(.is-selected){background:#fffaf1}.object-icon{border-radius:6px;flex:none;place-items:center;width:24px;height:24px;display:grid}.room-icon{color:#597182;background:#ecf1f4}.door-icon{color:#a45e37;background:#fbefe8}.fixture-icon{color:#806844;background:#f2ede6}.furniture-icon{color:#326986;background:#e8f2f7}.object-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.object-meta,.type-tag{color:#9aa3ac;white-space:nowrap;margin-left:auto;font-size:10px}.type-tag{color:#9ba4ad;font-weight:570}.warning-icon{color:var(--warning);margin-left:auto}.inline-actions{flex-wrap:wrap;gap:5px;padding:6px 3px 0;display:flex}.inline-actions button{color:#6b7781;background:0 0;border:0;align-items:center;gap:5px;padding:4px 5px;font-size:11px;display:flex}.fixture-actions{grid-template-columns:1fr 1fr;gap:2px;display:grid}.fixture-actions button{min-width:0}.house-selector,.compact-label input{width:100%}.compact-label{color:var(--muted);gap:4px;font-size:11px;display:grid}.compact-label input,.house-selector{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:7px 8px}.check-field{color:var(--ink);align-items:center;gap:7px;padding:8px 0;font-size:12px;display:flex}.check-field input{accent-color:var(--accent)}.furniture-list-item{cursor:grab}.furniture-list-item:active{cursor:grabbing}.inline-actions button:hover{color:var(--accent)}.furniture-section{padding-top:18px}.template-list{border-top:1px solid var(--soft-line);margin:7px 3px 0;padding-top:8px}.template-button{color:#73808b;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;padding:6px 3px;font-size:11px;display:flex}.template-button:hover{color:var(--accent)}.template-button span{color:#b0b7bd;margin-left:auto;font-size:10px}.sidebar-footer{border-top:1px solid var(--soft-line);margin-top:auto;padding:14px 15px}.footer-action{color:#8b959e;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:6px 0;font-size:11px;display:flex}.footer-action:hover{color:var(--danger)}.canvas-area{background:var(--canvas);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-header{border-bottom:1px solid var(--line);background:#ffffffc7;justify-content:space-between;align-items:center;padding:17px 24px 15px;display:flex}.canvas-header h1{letter-spacing:-.02em;margin:0;font-size:17px;line-height:1.1}.canvas-header p{color:var(--muted);margin:6px 0 0;font-size:11px}.canvas-tools{gap:8px}.tool-button{height:29px;padding:0 8px;font-size:11px}.tool-button.is-active{color:var(--accent);background:var(--accent-soft);border-color:#c5dce8}.zoom-control{border:1px solid var(--line);color:#596774;background:#fff;border-radius:6px;gap:5px;height:29px;padding:0 4px;font-size:11px}.zoom-control button{color:#6e7a84;background:0 0;border:0;border-radius:4px;place-items:center;width:23px;height:22px;display:grid}.zoom-control button:hover{background:#f2f4f5}.zoom-control span{text-align:center;width:38px}.canvas-wrap{background:radial-gradient(circle at 50% 48%,#fff 0,#f6f7f8 60%);flex:1;place-items:center;min-height:0;padding:34px;display:grid;overflow:auto}.layout-canvas{transform-origin:50%;touch-action:none;width:min(89%,900px);height:min(86%,700px);transition:transform .15s;overflow:visible}.layout-canvas>rect:first-child{filter:drop-shadow(0 16px 25px #26313b21)}.wall-label{fill:#8a959f;letter-spacing:.08em;font-size:82px;font-weight:700}.dimension-label{fill:#65727d;font-size:72px;font-weight:700}.object-label{fill:#fff;pointer-events:none;letter-spacing:.02em;font-size:76px;font-weight:750}.fixture-label{fill:#563b2b;font-size:59px}.furniture-group,.fixture-group{cursor:grab}.furniture-group:active,.fixture-group:active{cursor:grabbing}.furniture-group:not(.is-selected) rect:first-child{filter:drop-shadow(0 6px 6px #27313b1f)}.furniture-group.has-warning rect:first-child{stroke:#b66a3c;stroke-dasharray:50 22}.furniture-group.is-selected rect:first-child,.fixture-group.is-selected rect:first-child{filter:drop-shadow(0 0 #1f5f854d)}.canvas-status{border-top:1px solid var(--line);color:#7a8690;background:#fff;gap:17px;min-height:37px;padding:0 24px;font-size:10px}.canvas-status span{gap:6px}.legend-swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.furniture-swatch{background:#2e6f95}.fixture-swatch{background:#a98f6b}.door-swatch{border:1px dashed #b66a3c}.canvas-warning{color:var(--warning);margin-left:auto;font-weight:700}.toast{color:#357253;box-shadow:var(--shadow);background:#f1faf4;border:1px solid #cfe3d7;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:650;display:flex;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.toast button{color:#6b9a7e;background:0 0;border:0;place-items:center;padding:0;display:grid}.right-sidebar{padding-bottom:18px}.inspector-section,.info-section{padding:21px 18px 0}.inspector-kicker{color:#96a0a8;letter-spacing:.12em;font-size:10px;font-weight:800}.inspector-section h2{color:#303b45;letter-spacing:-.02em;margin:7px 0 4px;font-size:16px}.inspector-title-row{justify-content:space-between;align-items:center;display:flex}.inspector-title-row h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inspector-description{color:var(--muted);margin:0 0 18px;font-size:11px;line-height:1.6}.danger-icon-button{color:#a0a9b1;width:27px;height:27px}.danger-icon-button:hover{color:var(--danger);background:#fff1f0}.field-label{color:#6c7883;margin-top:12px;font-size:10px;font-weight:700;display:block}.field-label input,.field-label select{color:#3b4751;background:#fff;border:1px solid #dbe1e6;border-radius:5px;width:100%;height:31px;margin-top:6px;padding:0 8px;font-size:12px}.field-label select{appearance:auto}.field-label input:hover,.field-label select:hover{border-color:#bdcbd4}.unit{float:right;color:#a3acb4;font-weight:500}.field-grid,.position-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.position-fields .field-label{position:relative}.position-fields svg{vertical-align:-3px;color:#9ba5ad;margin-right:3px}.metric-card{border:1px solid var(--soft-line);background:var(--soft-line);border-radius:7px;grid-template-columns:1fr 1fr;gap:1px;margin-top:17px;display:grid;overflow:hidden}.metric-card div{background:#fbfcfc;flex-direction:column;gap:4px;padding:10px;display:flex}.metric-card span{color:#9ca5ac;font-size:10px}.metric-card strong{color:#4e5b66;font-size:13px}.secondary-action{color:#2e6f95;background:#f5fafc;border:1px solid #c9dce7;border-radius:5px;justify-content:center;gap:7px;width:100%;height:32px;margin-top:15px;font-size:11px;font-weight:700}.secondary-action:hover{background:#e8f2f7}.wall-meter{background:#f6f8f9;border-radius:7px;margin-top:18px;padding:11px}.wall-meter-header{color:#89949e;justify-content:space-between;font-size:10px;display:flex}.wall-meter-header strong{color:#54636f}.meter-track{background:#e2e7ea;border-radius:4px;height:5px;margin-top:8px;overflow:hidden}.meter-track span{border-radius:inherit;background:#a98f6b;height:100%;display:block}.inspector-divider{background:var(--soft-line);height:1px;margin:20px 18px 0}.info-section .section-label{padding-left:0}.good-state{color:#3b805e;background:#f1faf4;border-radius:7px;gap:7px;padding:10px;font-size:11px;font-weight:650}.warning-list{gap:7px;display:grid}.warning-row{color:#925b35;background:var(--warning-soft);border-radius:6px;align-items:flex-start;gap:7px;padding:8px 9px;font-size:10px;line-height:1.45}.warning-row.danger{color:#994c48;background:#fff0ed}.warning-row svg{flex:none;margin-top:1px}.shortcut-card{color:#8b969f;background:#f7f9fa;border-left:3px solid #a9c8d8;gap:7px;margin:24px 18px 0;padding:12px;font-size:10px;line-height:1.4;display:grid}.shortcut-title{color:#63717c;gap:6px;margin-bottom:3px;font-weight:750}.shortcut-card kbd{color:#78838c;text-align:center;background:#fff;border:1px solid #d6dde2;border-bottom-width:2px;border-radius:3px;min-width:27px;margin-right:2px;padding:2px 4px;font-family:inherit;font-size:9px;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1180px){body{min-width:860px}.workspace{grid-template-columns:215px minmax(440px,1fr) 250px}.canvas-header{padding-left:16px;padding-right:16px}.canvas-wrap{padding:20px}.canvas-status{gap:10px;padding:0 16px}.topbar{padding:0 13px}.topbar-actions .toolbar-button{padding:0 7px}.save-state{margin-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}