.shell{max-width:1580px;padding-top:24px}.back{display:inline-block;color:#8de2d5;text-decoration:none;margin-bottom:22px}.back:hover{text-decoration:underline}.hero{max-width:900px;margin-bottom:22px}.hero h1{font-size:clamp(2rem,4vw,3.5rem)}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#142431;border:1px solid #315063;border-radius:14px;padding:12px 16px}.import-button{border-radius:9px;background:#48c7b5;color:#06211f;font-weight:750;padding:10px 14px;cursor:pointer;white-space:nowrap}.import-button:hover{background:#78ddcf}.source{color:#a7bac5;min-width:180px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch,.zoom{display:flex;align-items:center;gap:8px;color:#c4d4dc;font-size:.85rem;white-space:nowrap}.switch input{accent-color:#48c7b5}.zoom input{accent-color:#48c7b5;width:120px}.zoom span{min-width:42px}.message{min-height:1.2em;font-size:.84rem;color:#8de2d5;margin:8px 2px 13px}.message.error{color:#ff9a90}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.plan-panel,.side-card{border:1px solid #315063;border-radius:16px;background:#142431;overflow:hidden}.canvas{height:min(72vh,780px);min-height:480px;overflow:auto;background:#0b1821;position:relative}.canvas svg{display:block;width:100%;min-width:660px;height:auto;min-height:100%;background:#0b1821}.empty{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:410px;padding:28px;margin:auto}.empty h2{margin:8px 0}.empty p{line-height:1.55;color:#a7bac5}.empty-icon{font-size:4rem;color:#48c7b5}.legend{display:flex;gap:16px;flex-wrap:wrap;padding:12px 16px;color:#a7bac5;font-size:.78rem}.swatch{display:inline-block;width:14px;height:10px;border-radius:2px;margin-right:5px}.room-swatch{background:#205052}.wall-swatch{background:#b9cad0}.door-swatch{background:#e3c48a}.window-swatch{background:#7bc4e9}.sidebar{display:grid;gap:18px;max-height:calc(72vh + 48px);overflow:auto}.side-card{padding:16px}.side-card h2{font-size:1rem;margin:0 0 13px}.room-list{display:grid;gap:6px}.room-button{width:100%;display:flex;justify-content:space-between;gap:12px;border:1px solid #294354;background:#10202c;color:#e8f1f5;border-radius:8px;padding:9px 10px;font:inherit;text-align:left;cursor:pointer}.room-button:hover,.room-button.active{border-color:#48c7b5;background:#1a3e41}.room-button span:last-child{color:#a7bac5;white-space:nowrap}.detail-title{font-size:1.1rem;font-weight:750;margin:0 0 12px}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:.86rem}.detail-grid dt{color:#a7bac5}.detail-grid dd{margin:0;text-align:right}.detail-sub{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#48c7b5;font-weight:750;margin:20px 0 9px}.edge-list{display:grid;gap:6px}.edge-button{border:1px solid #294354;border-radius:7px;background:#10202c;color:#e8f1f5;font:inherit;font-size:.81rem;padding:7px 9px;text-align:left;cursor:pointer}.edge-button:hover{border-color:#48c7b5}.muted{color:#a7bac5;font-size:.84rem;line-height:1.5;margin:0}.hint{color:#a7bac5;font-size:.78rem;line-height:1.5;margin:12px 0 0}.room-shape{fill:#1b4145;stroke:#39736e;stroke-width:20;cursor:pointer;transition:fill .15s}.room-shape:hover,.room-shape.selected{fill:#286e6c;stroke:#68d7c4}.wall-shape{fill:#b9cad0;stroke:#91aeb6;stroke-width:8;cursor:pointer}.wall-shape:hover,.wall-shape.selected{fill:#f2e0b1;stroke:#f2e0b1}.opening-shape{cursor:pointer}.room-label{fill:#dcece9;font-weight:750;text-anchor:middle;pointer-events:none}.area-label{fill:#a9cbc7;text-anchor:middle;pointer-events:none}.dimension{stroke:#e4c997;stroke-width:18;pointer-events:none}.dimension-label{fill:#f3dfa8;font-weight:750;text-anchor:middle;paint-order:stroke;stroke:#0b1821;stroke-width:65;stroke-linejoin:round;pointer-events:none}.overall-dim{stroke:#708d9e;stroke-width:20;pointer-events:none}.overall-label{fill:#bfd4dc;font-weight:750;text-anchor:middle;paint-order:stroke;stroke:#0b1821;stroke-width:70;pointer-events:none}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}}@media(max-width:640px){.shell{padding-left:14px;padding-right:14px}.sidebar{grid-template-columns:1fr}.canvas{height:60vh;min-height:400px}.zoom input{width:85px}.source{order:4;flex-basis:100%}}
.tool-button{border:1px solid #365366;background:#203a4a;border-radius:9px;color:#e8f1f5;font:inherit;font-size:.84rem;font-weight:700;padding:9px 11px;cursor:pointer;white-space:nowrap}.tool-button:hover{border-color:#48c7b5}.tool-button:disabled{opacity:.45;cursor:not-allowed}
.calc-actions{display:grid;gap:7px}.calc-actions a{display:block;border-radius:8px;background:#1a3e41;border:1px solid #3c7c74;color:#d8fff6;font-size:.84rem;font-weight:700;padding:9px 10px;text-decoration:none}.calc-actions a:hover{background:#225d58;border-color:#48c7b5}
.project-calculators[hidden]{display:none}.project-calculators{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;color:#b8d6d4;font-size:.86rem}.project-calculators span{font-weight:750;margin-right:4px}.project-calculators a{display:inline-block;border:1px solid #3c7c74;background:#1a3e41;border-radius:8px;color:#d8fff6;font-weight:700;text-decoration:none;padding:9px 12px}.project-calculators a:hover{background:#225d58;border-color:#48c7b5}
.room-rename{display:grid;gap:6px;color:#a7bac5;font-size:.78rem;margin-bottom:15px}.room-rename input{width:100%;background:#0b1821;border:1px solid #365366;border-radius:8px;padding:9px;color:#e8f1f5;font:inherit;font-size:1rem;font-weight:750}
.finish-line{pointer-events:none;stroke-linecap:round;opacity:.95}.finish-area-label{fill:#f0d0a2;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#0b1821;stroke-width:35}.finish-measurements{margin:10px 0;color:#b8d6d4;font-size:.78rem;line-height:1.4}.finish-measurements p{margin:5px 0}.edge-finish{display:grid;grid-template-columns:1fr;gap:5px;padding:7px;border:1px solid #294354;border-radius:8px}.edge-finish .edge-button{width:100%}.finish-color{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#a7bac5;font-size:.78rem}.finish-color input{width:42px;height:28px;border:0;padding:0;background:transparent;cursor:pointer}
.tile-swatch{background:#c99857}.soundproof-swatch{background:#78aee8}
.finish-defaults{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border:1px solid #315063;border-radius:12px;background:#142431}.finish-defaults strong{align-self:center;margin-right:8px}.finish-defaults label{display:grid;gap:5px;color:#c4d4dc;font-size:.82rem}.finish-defaults input{width:110px;padding:8px;border:1px solid #456070;border-radius:7px;background:#10202c;color:#e8f1f5;font:inherit}.finish-defaults span{color:#a7bac5;font-size:.78rem;align-self:center}
.dimension-adjusted{fill:#8de2d5;font-weight:700;text-anchor:middle;paint-order:stroke;stroke:#0b1821;stroke-width:55;stroke-linejoin:round;pointer-events:none}
.canvas{overflow:hidden;cursor:grab;touch-action:none}.canvas.dragging{cursor:grabbing}.plan-layer{position:absolute;inset:0;overflow:hidden}.canvas .plan-layer svg{display:block;width:100%;height:100%;min-width:0;min-height:0;transform-origin:center center;user-select:none}.map-controls{position:absolute;top:14px;right:14px;z-index:2;display:flex;flex-direction:column;align-items:stretch;min-width:64px;overflow:hidden;border:1px solid #456576;border-radius:10px;background:#142431;box-shadow:0 5px 18px #0008}.map-controls button{border:0;border-bottom:1px solid #365366;background:#142431;color:#e8f1f5;font:inherit;font-size:1.3rem;font-weight:750;min-height:38px;cursor:pointer}.map-controls button:hover{background:#22505a}.map-controls output{padding:6px;text-align:center;color:#c4d4dc;font-size:.72rem}.map-controls #zoomFit{border-top:1px solid #365366;border-bottom:0;padding:5px 8px;font-size:.7rem;white-space:nowrap}.map-hint{position:absolute;left:14px;bottom:12px;z-index:1;padding:5px 8px;border-radius:6px;background:#0b1821d9;color:#a7bac5;font-size:.72rem;pointer-events:none}@media(max-width:640px){.map-hint{max-width:55%;line-height:1.35}}
.canvas.dragging .room-shape,.canvas.dragging .wall-shape,.canvas.dragging .opening-shape{cursor:grabbing}.map-controls button:disabled{opacity:.45;cursor:not-allowed}.map-controls button:disabled:hover{background:#142431}
.plan-options{margin-top:20px}.plan-options>p:first-child{margin:0 0 14px;color:#a7bac5;line-height:1.5}.plan-options .finish-defaults{margin:14px 0}.plan-layer .empty{min-height:100%}.plan-layer .empty .import-button{margin-top:18px}.canvas:not(.has-plan) .map-hint{display:none}