@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:#e9edf0;font-synthesis:none;text-rendering:optimizelegibility;background:#101820;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:360px;min-height:100vh;margin:0}.app-shell{background:#111a22;flex-direction:column;height:100vh;min-height:680px;display:flex}.topbar{background:#111a22;border-bottom:1px solid #2a3741;flex:none;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;min-width:260px;display:flex}.brand-mark{color:#e5c47f;border:1px solid #b89452;place-items:center;width:34px;height:34px;font-family:DM Mono;font-size:20px;display:grid}.brand strong{letter-spacing:2px;font-size:13px;display:block}.brand span{color:#8d9aa4;letter-spacing:1.2px;margin-top:3px;font:9px DM Mono;display:block}.project-name{color:#e4e9ec;align-items:center;gap:8px;font-size:12px;display:flex}.project-name small{color:#8b98a2;margin-left:8px}.live-dot,.view-dot{background:#38a878;border-radius:50%;width:7px;height:7px;display:inline-block}.top-actions{align-items:center;gap:12px;display:flex}.unit-chip,.version{letter-spacing:1px;color:#9eabb4;border:1px solid #34424c;padding:7px 9px;font:9px DM Mono}.workspace{flex:1;grid-template-columns:255px minmax(350px,1fr) 285px;min-height:0;display:grid}.left-panel,.right-panel{background:#151f28;flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid #2a3741}.right-panel{border-left:1px solid #2a3741}.panel-heading{letter-spacing:1.2px;color:#aeb9c0;justify-content:space-between;padding:17px 15px 12px;font:10px DM Mono;display:flex}.count{color:#d6b66e}.design-panel{overflow:auto}.field{color:#aebbc4;justify-content:space-between;align-items:center;gap:8px;padding:6px 13px;font-size:10px;display:flex}.field span{flex:1}.field input{color:#e8edf0;background:#101820;border:1px solid #34414b;border-radius:2px;outline:none;width:88px;padding:7px 8px;font:10px DM Mono}.field input:focus{border-color:#b89452}.full-field{display:block}.full-field input{width:100%;margin-top:7px;display:block}.form-section,.section-label{color:#84939e;letter-spacing:1.1px;border-top:1px solid #283640;margin-top:8px;padding:11px 14px 7px;font:9px DM Mono}.button-row{gap:7px;padding:12px;display:flex}.primary-button,.secondary-button{color:#111a22;letter-spacing:.7px;cursor:pointer;background:#b89452;border:1px solid #9b7b43;padding:9px 10px;font:9px DM Mono}.secondary-button{color:#d7c08e;background:0 0;border-color:#59636b}.primary-button:disabled,.secondary-button:disabled{opacity:.4;cursor:not-allowed}.layer-row{color:#c4cdd2;align-items:center;gap:9px;padding:7px 15px;font-size:10px;display:flex}.layer-row input{accent-color:#c4a15d}.swatch{background:#a6adb5;border-radius:2px;width:9px;height:9px;display:inline-block}.swatch.walls{background:#d7d0c2}.swatch.columns{background:#4f91c7}.swatch.beams{background:#d4a65d}.swatch.openings{background:#57b7b0}.swatch.slabs{background:#a7b1ba}.layer-name{letter-spacing:.5px;font:9px DM Mono}.left-foot{color:#778791;border-top:1px solid #2a3741;margin-top:auto;padding:12px 14px;font-size:9px;line-height:1.5}.viewport{background:#1b2731;flex-direction:column;min-width:0;display:flex;position:relative}.viewport-toolbar{color:#c5cdd2;letter-spacing:.7px;border-bottom:1px solid #35434e;flex:none;justify-content:space-between;align-items:center;height:45px;padding:0 15px;font:10px DM Mono;display:flex}.viewport-toolbar button{color:#e2c37e;cursor:pointer;background:0 0;border:1px solid #46535d;margin-left:5px;padding:6px 8px;font:9px DM Mono}.viewport-toolbar button:hover{background:#2b3a44}.viewport-toolbar button:disabled{opacity:.4;cursor:not-allowed}.muted{color:#788993}.view-tabs{border-bottom:1px solid #35434e;align-items:center;gap:3px;height:42px;padding:0 12px;display:flex}.view-tabs button{color:#91a0aa;letter-spacing:.7px;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;height:100%;padding:0 13px;font:9px DM Mono}.view-tabs button.active{color:#e3c37e;border-bottom-color:#b89452}.floor-select{color:#91a0aa;margin-left:auto;font:9px DM Mono}.floor-select select{color:#e8edf0;background:#101820;border:1px solid #46535d;margin-left:7px;padding:5px}.canvas-wrap{flex:1;min-height:0;position:relative}.design-canvas{background:#1b2731;justify-content:center;align-items:center;display:flex;overflow:auto}.drawing-svg{object-fit:contain;width:auto;min-width:min(100%,520px);max-width:100%;height:auto;max-height:100%;display:block}.viewport-bottom{color:#82919a;letter-spacing:.7px;border-top:1px solid #35434e;flex:none;justify-content:space-between;align-items:center;height:27px;padding:0 14px;font:8px DM Mono;display:flex}.inspector-panel{overflow:auto}.tabs{color:#e3c37e;letter-spacing:.8px;border-bottom:1px solid #2a3741;align-items:center;height:43px;padding:0 14px;font:9px DM Mono;display:flex}.tabs span{border-bottom:2px solid #b89452;align-items:center;height:100%;display:flex}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;padding:13px;display:grid}.metric-grid>div{background:#202e38;border:1px solid #394751;padding:11px 9px}.metric-grid span,.quantity-card span{color:#93a1aa;letter-spacing:.6px;font:8px DM Mono;display:block}.metric-grid strong{color:#e4c47c;margin-top:7px;font:15px DM Mono;display:block}.quantity-card{border-bottom:1px solid #2a3741;padding:11px 14px}.quantity-card strong{margin:6px 0 3px;font-size:11px;display:block}.quantity-card small{color:#84939d;font-size:9px}.info-row{color:#91a0aa;text-transform:capitalize;border-bottom:1px solid #25323c;justify-content:space-between;gap:10px;padding:8px 14px;font-size:10px;display:flex}.info-row strong{color:#e0e6e9;text-align:right;font-weight:500}.details{padding:0 14px 14px}.detail-type{color:#d3b36d;letter-spacing:1px;margin-top:12px;font:9px DM Mono}.details h2{margin:6px 0;font-size:14px;font-weight:600}.disclaimer{color:#85939c;margin:12px 14px;font-size:9px;line-height:1.6}.warning{color:#e6c77f;background:#3a3020;border:1px solid #78613a;margin:10px 13px;padding:9px;font-size:9px;line-height:1.5}.error-state{color:#e6b1a8;text-align:center;margin:auto;padding:24px;font-size:12px}footer{color:#778791;letter-spacing:.7px;border-top:1px solid #2b3943;flex:none;justify-content:space-between;align-items:center;height:27px;padding:0 15px;font:8px DM Mono;display:flex}.loading{color:#d7e0e5;padding:30px;font-size:12px}@media (width<=1050px){.workspace{grid-template-columns:225px minmax(300px,1fr)}.inspector-panel,.project-name small{display:none}}@media (width<=700px){.workspace{grid-template-rows:230px minmax(300px,1fr);grid-template-columns:1fr}.design-panel{display:none}.topbar{padding:0 9px}.brand{min-width:0}.project-name{display:none}.top-actions{gap:4px}.viewport-toolbar{padding:0 7px}.viewport-toolbar button{padding:5px;font-size:8px}.muted,footer span:nth-child(2){display:none}}@media print{body,.app-shell{color:#111;background:#fff;height:auto;min-height:0}.topbar,.design-panel,.inspector-panel,.viewport-toolbar,.view-tabs,footer,.viewport-bottom{display:none!important}.workspace{display:block}.viewport{background:#fff;height:auto}.canvas-wrap{height:90vh;overflow:visible}.drawing-svg{max-width:100%;max-height:90vh}.app-shell{display:block}}.drawing-upload{border-top:1px solid #283640;margin-top:8px;padding:0 12px 12px}.upload-drop{color:#e4c47c;letter-spacing:.7px;cursor:pointer;background:#202c35;border:1px dashed #8e774c;flex-direction:column;gap:5px;padding:12px;font:9px DM Mono;display:flex;position:relative}.upload-drop small{color:#8998a2;font:8px DM Mono}.upload-drop input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-status,.upload-note{color:#9ba8b0;font-size:9px;line-height:1.5}.upload-stats{color:#e3c37e;padding:8px 0;font:8px DM Mono}.ocr-output{resize:vertical;color:#dbe3e8;background:#101820;border:1px solid #394751;width:100%;min-height:90px;padding:8px;font:9px/1.5 DM Mono}.upload-download{width:100%;margin-top:8px}