:root{--paper:#f5f2eb;--surface:#fcfbf8;--ink:#211f1b;--ink-soft:#6b675e;--line:#e3dfd4;--accent:#c14e33;--accent-soft:#c14e331f;--sans:"Archivo", sans-serif;--serif:"Fraunces", serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:13px}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:16px;height:54px;padding:0 18px 0 20px;display:flex;position:relative}.brand{align-items:baseline;gap:14px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);font-size:22px;font-style:italic;font-weight:600}.brand-rule{background:var(--line);align-self:center;width:1px;height:18px}.brand-sub{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.04em;font-size:11px}.topbar-right{align-items:center;gap:18px;display:flex}.mode-toggle{background:var(--paper);border:1px solid var(--line);border-radius:4px;gap:2px;margin-inline:auto;padding:2px;display:flex}.mode-toggle button{font-family:var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 18px;font-size:11px;font-weight:600;transition:color .1s,background .1s}.mode-toggle button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #211f1b1a}.mode-toggle button:disabled{opacity:.4;cursor:not-allowed}.field{align-items:center;gap:7px;display:flex}.field-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:500}.field input{width:58px;font-family:var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--line);text-align:right;border-radius:3px;outline:none;padding:5px 7px;font-size:12px}.field input:focus{border-color:var(--accent)}.field-unit{font-family:var(--mono);color:var(--ink-soft);font-size:11px}.file-actions{gap:2px;display:flex}.file-actions button{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex}.file-actions button:hover:not(:disabled){color:var(--ink);background:var(--paper)}.file-actions button:disabled{opacity:.35;cursor:not-allowed}.topbar-rule{background:var(--line);width:1px;height:18px}.build-btn{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--surface);background:var(--accent);cursor:pointer;border:none;border-radius:3px;padding:9px 22px;font-size:12px;font-weight:600;transition:background .12s}.build-btn:hover:not(:disabled){background:#a8412a}.build-btn:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}@media (width<=1000px){.brand-rule,.brand-sub,.field-unit{display:none}.field-label{letter-spacing:.03em;font-size:10px}.topbar-right{gap:10px}}.app-body{flex:1;min-height:0;display:flex}.toolbar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:52px;padding:12px 0;display:flex}.tool-btn{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:color .1s,background .1s;display:flex;position:relative}.tool-btn:hover{color:var(--ink);background:var(--paper)}.tool-btn.active{color:var(--accent);background:var(--accent-soft);border-color:#c14e3340}.tool-hint{font-family:var(--mono);color:currentColor;opacity:.55;font-size:7.5px;position:absolute;bottom:1px;right:3px}.toolbar-rule{background:var(--line);width:24px;height:1px;margin:4px 0}.palette{background:var(--surface);border-right:1px solid var(--line);flex-shrink:0;width:172px;padding:12px 10px 20px;overflow-y:auto}.palette-head{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);padding:2px 6px 10px;font-size:11px;font-weight:600}.palette-group{margin-bottom:12px}.palette-group-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:0 6px 4px;font-size:9.5px;font-weight:600}.palette-item{width:100%;font-family:var(--sans);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:baseline;padding:5px 6px;font-size:12px;display:flex}.palette-item:hover{background:var(--paper)}.palette-item.active{background:var(--accent-soft);color:var(--accent)}.palette-item-dims{font-family:var(--mono);color:var(--ink-soft);font-size:9.5px}.palette-item.active .palette-item-dims{color:var(--accent)}.canvas-wrap{flex:1;min-width:0;position:relative}.view-plan{position:absolute;inset:0}.plan-canvas{background:var(--paper);position:absolute;inset:0}.scene-3d{position:absolute;inset:0}.scene-loading{font-family:var(--mono);color:var(--ink-soft);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.room-label{pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.room-label.interactive{pointer-events:auto;cursor:pointer}.room-name{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:500}.room-name.unnamed{color:var(--ink-soft);opacity:.7}.room-area{font-family:var(--mono);color:var(--ink-soft);font-size:10px}.room-name-input{width:130px;font-family:var(--sans);text-align:center;color:var(--ink);background:var(--surface);border:1px solid var(--accent);border-radius:3px;outline:none;padding:5px 8px;font-size:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #211f1b14}.opening-inspector{background:var(--surface);border:1px solid var(--line);border-radius:4px;align-items:center;gap:6px;padding:5px 7px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 2px 12px #211f1b1a}.oi-type{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.opening-inspector input{width:52px;font-family:var(--mono);text-align:right;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:3px;outline:none;padding:3px 5px;font-size:12px}.opening-inspector input:focus{border-color:var(--accent)}.oi-unit{font-family:var(--mono);color:var(--ink-soft);font-size:10px}.oi-delete{width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;font-size:11px;display:flex}.oi-delete:hover{color:var(--accent);background:var(--accent-soft)}.room-ai-panel{background:var(--surface);border:1px solid var(--line);border-radius:5px;flex-direction:column;gap:8px;width:218px;padding:10px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 3px 16px #211f1b1f}.rap-title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);font-size:11px;font-weight:600}.rap-title.rap-error{color:var(--accent)}.rap-loading:after{content:"";border:1.5px solid var(--accent);border-top-color:#0000;border-radius:50%;width:9px;height:9px;margin-left:7px;animation:.7s linear infinite rap-spin;display:inline-block}@keyframes rap-spin{to{transform:rotate(360deg)}}.rap-hint{color:var(--ink-soft);font-size:11px;line-height:1.45}.room-ai-panel input{width:100%;font-family:var(--mono);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:3px;outline:none;padding:6px 8px;font-size:11px}.room-ai-panel input:focus{border-color:var(--accent)}.rap-row{gap:6px;display:flex}.rap-primary{font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--surface);background:var(--accent);cursor:pointer;border:none;border-radius:3px;flex:1;padding:7px 10px;font-size:11px;font-weight:600}.rap-primary:hover:not(:disabled){background:#a8412a}.rap-primary:disabled{opacity:.45;cursor:not-allowed}.rap-ghost{font-family:var(--sans);color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:3px;padding:7px 10px;font-size:11px;font-weight:500}.rap-ghost:hover{color:var(--ink);background:var(--paper)}.statusbar{background:var(--surface);border-top:1px solid var(--line);height:30px;color:var(--ink-soft);flex-shrink:0;align-items:center;gap:12px;padding:0 14px;font-size:11px;display:flex}.status-tool{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:600}.status-sep{background:var(--line);width:1px;height:12px}.status-mono{font-family:var(--mono);font-size:11px}.status-length{color:var(--accent);font-weight:500}.status-spacer{flex:1}.status-hint{letter-spacing:.02em}.status-credit{font-family:var(--mono);color:var(--ink-soft);font-size:11px;text-decoration:none;transition:color .1s}.status-credit:hover{color:var(--accent)}