/* Quiet controls, persistent navigation, and a focused selection inspector. */
:root{--tabs-height:58px;--planner-head-height:70px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.main-tabs{position:sticky;top:0;z-index:40;background:var(--paper);gap:30px}
.planner-head{position:sticky;top:var(--tabs-height);z-index:35;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;margin:0;border-bottom:1px solid var(--line)}
.planner-head .plan-picker{margin:0;white-space:nowrap;gap:10px}
.planner-head .plan-picker select{min-width:240px}
.planner-head .head-actions{margin:0;display:flex;gap:7px;flex-wrap:wrap}
.head-actions button{font-size:11px;padding:9px 11px}
.workspace{margin-top:16px;overflow:visible}
.canvas-panel{min-width:0}
.canvas-toolbar{gap:12px;flex-wrap:wrap}
.toolbar-actions{flex-wrap:wrap;gap:10px;flex-direction:row;align-items:center}
.toolbar-actions kbd{font:9px inherit;padding:1px 4px;border:1px solid #cccdbd;border-radius:3px;margin-left:4px;opacity:.7}
.plan-tools{position:relative}
.plan-tools summary{cursor:pointer;font-size:11px;padding:8px 0;white-space:nowrap}
.tools-menu{position:absolute;right:0;top:100%;width:240px;padding:10px;background:#fffdf8;border:1px solid var(--line);box-shadow:0 8px 26px #344a3422;border-radius:8px;z-index:30}
.tools-menu .setup-toolbar{display:grid;padding:0;border:0;background:none;gap:6px}
.tools-menu #measurements{margin-top:6px;width:100%;text-align:left}
.tools-menu button,.tools-menu select{font-size:11px!important;text-align:left;min-height:36px}
.drawing-shell{position:relative;padding-bottom:48px}
#drawing-wrap{width:100%;min-width:0}
.zoom-controls{position:absolute;right:12px;bottom:7px;z-index:5;padding:4px;gap:3px;background:#fffdf4e8;border:1px solid #dcdacb;border-radius:8px;flex-wrap:nowrap}
.zoom-controls button{min-height:30px;padding:5px 8px;background:transparent;border-color:transparent}
.zoom-controls button:hover{background:#e7ecde}
.zoom-controls output{font-size:10px;min-width:37px}
.canvas-note{margin:0;padding:10px 16px 16px;font-size:10px;line-height:1.5}
#selection:empty{display:none}
.your-list .panel-title[hidden]{display:none}
.your-list{padding-top:14px}
#view-furniture-list{font-size:11px;margin:12px 0 0;background:transparent;text-align:left}
.fit-panel{padding-top:0;border-top:0}
.details:has(.selection-heading) .fit-panel,.details:has(.measurement-value) .fit-panel{padding-top:18px;border-top:1px solid var(--line)}
.details .save-note{line-height:1.5}
.inventory-card{scroll-margin-top:calc(var(--tabs-height) + 20px)}
#inventory,#inspiration{scroll-margin-top:calc(var(--tabs-height) + 18px)}
.our-pick{padding:13px;margin-top:16px}
.our-pick h4{font-size:11px;margin:0 0 7px;color:var(--jade)}
.our-pick .pick-name{font-size:12px;margin:0;display:block}
.our-pick>small{font-size:10px;color:var(--muted)}
.our-pick .pick-fit{font-size:10px;margin:8px 0 0}
#measure-status{position:absolute;top:8px;left:10px;right:10px;z-index:6;width:fit-content;max-width:calc(100% - 20px);background:#fffdf4ed;border:1px solid #bcc9ac;border-radius:6px;padding:8px 10px;font-size:11px;color:#35563c;pointer-events:none}
#drawing.measuring,#drawing.measuring *{cursor:crosshair!important}
.free-measure path{stroke:#315d42;stroke-width:2;vector-effect:non-scaling-stroke;fill:none;stroke-dasharray:5 3}
.free-measure rect{fill:#fffdf4;stroke:#50744b;stroke-width:1;vector-effect:non-scaling-stroke}
.free-measure text{fill:#2c5139;text-anchor:middle;font-weight:600}
.free-measure circle{fill:#fffdf4;stroke:#315d42;stroke-width:2;vector-effect:non-scaling-stroke}
.free-measure circle.snapped{fill:#315d42}
.print-furniture table{width:100%;border-collapse:collapse;margin-top:15px}.print-furniture th,.print-furniture td{text-align:left;padding:7px;border-bottom:1px solid #ddd;font-size:11px}
@media(max-width:1100px){.planner-head .plan-picker select{min-width:210px;font-size:12px}.head-actions button{padding:9px 8px;font-size:10px}.details{grid-template-columns:1fr 1fr}.details:has(#selection:empty) #selection{display:none}.details .save-note{grid-column:auto}.canvas-toolbar strong{font-size:18px}}
@media(max-width:700px){.main-tabs{gap:10px}.main-tabs button{padding:14px 0;gap:4px}.main-tabs span{font-size:10px}.planner-head{display:flex;flex-wrap:wrap;padding:9px 0;gap:8px}.planner-head>div:first-child{width:100%}.planner-head .plan-picker{display:flex}.planner-head .plan-picker select{display:block;width:100%;margin:0;min-width:0;flex:1}.planner-head .head-actions{width:100%}.head-actions button{flex:1;white-space:nowrap;padding:8px 4px;font-size:10px}.toolbar-actions{align-items:center;gap:8px}.canvas-toolbar{padding:12px}.toolbar-actions .toggle{font-size:10px}.canvas-panel .preset-bar{padding:10px}.canvas-panel .preset-bar button{font-size:10px;padding:8px}.details{display:block}.details>div,.details>details{margin-top:15px}.tools-menu{right:0}.drawing-shell{padding-bottom:46px}#measure-status{font-size:10px;padding:7px}.workspace{margin-top:10px}}
@media print{.main-tabs,.planner-head,.zoom-controls,#measure-status,.plan-tools,#view-furniture-list{display:none!important}.workspace{margin:0}.drawing-shell{padding:0}#selection,.your-list{display:none!important}.canvas-note{padding:8px 0}.inventory-card{break-inside:avoid}}