.studio-shell{display:grid;grid-template-columns:350px 1fr;min-height:calc(100vh - 116px);background:#dfe6e3}.studio-tools{background:#fff;border-inline-end:1px solid var(--line);padding:22px;overflow:auto;max-height:calc(100vh - 116px);position:sticky;top:116px}.studio-tools h1{font-size:25px;margin:5px 0}.studio-tools>div>p{font-size:13px;color:var(--muted)}.studio-tools section{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.studio-tools section h2{margin-bottom:12px}.studio-tools section>small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.template-grid button,.tool-buttons button{border:1px solid var(--line);background:#f6f8f7;border-radius:7px;padding:9px;font-weight:750;cursor:pointer}.template-grid button.active{background:var(--ink);color:#fff}.tool-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.layer-list label{display:flex;align-items:center;gap:6px;font-size:12px}.layer-list input{width:17px;height:17px}.studio-workspace{min-width:0}.studio-bar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:8px 14px;gap:10px}.mode-tabs,.studio-actions{display:flex;gap:5px}.mode-tabs button,.studio-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;height:38px;padding:0 12px;font-weight:750;cursor:pointer}.mode-tabs button.active{background:var(--ink);color:#fff}.studio-actions .primary{border-color:var(--orange)}.studio-canvas-wrap{position:relative;margin:14px;background:#fff;border:1px solid #aab6b3;box-shadow:0 8px 24px #17353a14;overflow:hidden}.studio-canvas-wrap:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#d8e0dd 1px,transparent 1px),linear-gradient(90deg,#d8e0dd 1px,transparent 1px);background-size:20px 20px;opacity:.45;pointer-events:none}.studio-canvas-wrap svg{position:relative;width:100%;height:min(66vh,760px);display:block;touch-action:none}.zoom-controls{position:absolute;inset-inline-end:12px;bottom:12px;display:grid;gap:4px}.zoom-controls button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:18px}.studio-bottom{margin:0 14px 20px;display:grid;grid-template-columns:1fr 1.4fr;gap:12px}.studio-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-metrics article,.studio-schedule{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px}.studio-metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.studio-metrics b{font-size:19px}.studio-schedule table{font-size:12px;margin-top:10px}.studio-schedule th{background:#eaf0ed;text-align:start;padding:7px}.studio-schedule td{padding:7px}.outline{fill:#f8fbfa;stroke:#10272b;stroke-width:4}.roof-fill{fill:#d96a2230;stroke:#d96a22;stroke-width:2}.roof-cover{fill:url(#tilePattern);opacity:.65}.studio-rafter{stroke:#db7129;stroke-width:3}.studio-ridge{stroke:#e5b534;stroke-width:7}.studio-valley{stroke:#8d5b42;stroke-width:6;stroke-dasharray:10 6}.studio-dim{stroke:#435c61;stroke-width:1.4;marker-start:url(#studioArrow);marker-end:url(#studioArrow)}.studio-ext{stroke:#9aa9a5;stroke-width:1}.studio-label{font:600 14px Arial;fill:#10272b}.studio-small{font:12px Arial;fill:#4f666b}.studio-handle{fill:#ef7c2d;stroke:#fff;stroke-width:3;cursor:grab}.opening{stroke-width:3}.opening-skylight{fill:#78b8d0aa;stroke:#286b84}.opening-chimney{fill:#9e574caa;stroke:#653027}.opening-solar{fill:#284f70cc;stroke:#102d46}.opening-label{font:700 11px Arial;fill:#fff;pointer-events:none}.section-timber{fill:#d28a46;stroke:#77461e;stroke-width:2}.section-tile{fill:none;stroke:#c45227;stroke-width:13;stroke-dasharray:16 5}.iso-member{stroke:#d66b26;stroke-width:5;fill:none}.iso-support{stroke:#386c79;stroke-width:8;fill:none}@media(max-width:1050px){.studio-shell{grid-template-columns:1fr}.studio-tools{position:static;max-height:none}.studio-bottom{grid-template-columns:1fr}.studio-bar{height:auto;align-items:flex-start;flex-wrap:wrap}.studio-actions{overflow:auto;max-width:100%}}@media(max-width:650px){.studio-tools{padding:16px}.studio-canvas-wrap{margin:8px}.studio-canvas-wrap svg{height:54vh}.studio-bottom{margin:0 8px 15px}.studio-metrics{grid-template-columns:1fr 1fr}.mode-tabs,.studio-actions{width:100%;overflow:auto}.mode-tabs button,.studio-actions button{white-space:nowrap;padding:0 9px}}@media print{@page{size:A3 landscape;margin:8mm}.topbar,.module-nav,.studio-tools,.studio-bar,.zoom-controls,.studio-bottom{display:none!important}.studio-shell{display:block!important;background:#fff}.studio-canvas-wrap{border:0;box-shadow:none;margin:0}.studio-canvas-wrap svg{height:185mm}}