:root{font-family:Manrope,sans-serif;color:#20231f;background:#e9e5de;font-synthesis:none;--ink: #20231f;--muted: #76776f;--paper: #f7f5f0;--line: #d7d2c8;--dark: #111312;--acid: #d7ff49;--orange: #ff6b35;--blue: #2454ff}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button,select,label.file-button{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{height:100vh;display:grid;grid-template:72px minmax(0,1fr) / 330px minmax(0,1fr);background:var(--paper)}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 18px;background:var(--dark);color:#f4f1e8;border-bottom:1px solid #2b2d2a}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #656861;border-radius:50%;font:500 19px/1 DM Mono,monospace}.eyebrow,.section-label,.view-subtitle,.status-chip,.canvas-readout,.scale-bar,.save-state{font:500 10px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.11em}.brand-lockup .eyebrow{color:#969a91;margin-bottom:3px}.brand-lockup h1{font-size:19px;line-height:1;margin:0;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:8px}.save-state{display:flex;align-items:center;gap:7px;color:#aeb1a9;margin-right:10px}.save-dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 3px #d7ff4920}.quiet-button{border:1px solid #3a3d38;border-radius:5px;background:#1b1e1b;color:#e6e4dc;padding:8px 11px;cursor:pointer;font-size:11px}.quiet-button:hover{border-color:#686c63}.file-button{display:inline-block}.file-button input{display:none}.sidebar{min-height:0;overflow-y:auto;background:#efede7;border-right:1px solid #cfcac0;scrollbar-width:thin}.panel-section{padding:18px;border-bottom:1px solid var(--line)}.section-label{color:#6c6e66;margin-bottom:12px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading .section-label{margin-bottom:0}.floor-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #c8c3b8;border-radius:6px;overflow:hidden}.floor-tab{border:0;border-right:1px solid #c8c3b8;background:#f8f6f1;padding:9px 0;cursor:pointer;font:500 11px DM Mono,monospace}.floor-tab:last-child{border-right:0}.floor-tab.active{background:var(--ink);color:#fff}.plan-facts{margin-top:12px}.plan-facts div,.dimension-row{display:flex;justify-content:space-between;padding:5px 0;font-size:11px}.plan-facts span,.dimension-row span{color:var(--muted)}.plan-facts strong,.dimension-row strong{font-weight:600}.status-chip{padding:4px 6px;border:1px solid #b9b4a9;border-radius:99px;color:#777970}.hero-stat{display:flex;align-items:baseline;gap:8px;margin:9px 0 4px}.hero-stat strong{font-size:29px;letter-spacing:-.05em}.hero-stat span{color:var(--muted);font-size:11px}.helper-copy{margin:8px 0 0;color:#777970;font-size:10.5px;line-height:1.5}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tool{min-height:54px;border:1px solid #ccc7bc;border-radius:5px;background:#f8f6f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:10px}.tool span{font:500 17px/1 DM Mono,monospace}.tool:hover{border-color:#898b83}.tool.active{color:#fff;background:var(--ink);border-color:var(--ink)}.tool.accent:not(.active) span{color:var(--orange)}.tool-hint{color:var(--muted);font-size:10px;text-align:center;margin-top:10px}.finish-button{width:100%;margin-top:8px;padding:9px;border:0;border-radius:5px;background:var(--blue);color:#fff;cursor:pointer;font-size:11px}.finish-button span{float:right;font-family:DM Mono,monospace}.hidden{display:none!important}.layer-list{display:grid;gap:6px;margin-top:12px}.layer-row{display:grid;grid-template-columns:25px 20px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:38px;padding:5px 7px;border:1px solid #cec9be;border-radius:5px;background:#f8f6f1;cursor:pointer}.layer-row.active{border-color:var(--ink);box-shadow:inset 3px 0 var(--layer-color)}.layer-row.muted .layer-name,.layer-row.muted .layer-count{opacity:.42}.layer-eye{border:0;background:transparent;padding:2px;color:#5f615b;cursor:pointer;font-size:13px}.layer-eye.off{color:#aaa69c}.layer-color{width:18px;height:18px;border:0;border-radius:50%;padding:0;overflow:hidden;cursor:pointer;background:none}.layer-color::-webkit-color-swatch-wrapper{padding:0}.layer-color::-webkit-color-swatch{border:1px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #aaa59a}.layer-name{text-align:left;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-count{color:#8b8c84;font:500 9px DM Mono,monospace}.config-section label{display:block;color:var(--muted);font-size:10px;margin-top:9px}.config-section select{width:100%;margin-top:4px;border:1px solid #c8c3b8;background:#f8f6f1;border-radius:5px;padding:8px 28px 8px 9px;color:var(--ink);font-size:11px}.text-button{border:0;padding:0;background:transparent;color:#7b7d75;cursor:pointer;font-size:10px;text-decoration:underline}.estimate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.estimate-grid div{background:#f8f6f1;border:1px solid #d3cec4;border-radius:5px;padding:9px 7px}.estimate-grid span{display:block;color:var(--muted);font-size:9px}.estimate-grid strong{display:block;font-size:12px;margin-top:3px}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column;background:#dbd7cf}.canvas-toolbar{flex:0 0 48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;border-bottom:1px solid #c7c1b6;background:#e9e6df}.view-title{font-size:13px;font-weight:650;margin-right:9px}.view-subtitle{color:#898a82;font-size:8.5px}.zoom-controls{display:flex;border:1px solid #bbb6ac;border-radius:5px;overflow:hidden}.zoom-controls button{border:0;border-right:1px solid #bbb6ac;background:#f5f3ee;height:28px;min-width:30px;cursor:pointer;font-size:12px}.zoom-controls button:last-child{border-right:0}.zoom-controls button:hover{background:#fff}.canvas-wrap{position:relative;min-height:0;flex:1;overflow:hidden;background:#d5d1c8}#plan-viewport{display:block;width:100%;height:100%;outline:none;background:#f8f6f1;touch-action:none}#grid-layer{opacity:.18}#cad-image{opacity:1;filter:contrast(3.1) brightness(.58);pointer-events:none}.mode-pan #plan-viewport{cursor:grab}.mode-pan #plan-viewport:active{cursor:grabbing}.mode-measure #plan-viewport,.mode-line #plan-viewport,.mode-area #plan-viewport,.mode-track #plan-viewport,.mode-head #plan-viewport{cursor:crosshair}.mode-select #plan-viewport{cursor:default}.canvas-readout{position:absolute;left:14px;bottom:14px;color:#65675f;background:#f5f2eadf;border:1px solid #c8c2b8;border-radius:4px;padding:7px 9px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scale-bar{position:absolute;right:18px;bottom:17px;display:flex;align-items:flex-end;gap:7px;color:#4c4e48}.scale-bar span{display:block;width:100px;border:solid #4c4e48;border-width:0 1px 1px;height:7px}.scale-bar b{font-weight:500;white-space:nowrap}.north-mark{position:absolute;top:18px;right:18px;width:27px;height:52px;color:#60625b;font:500 10px DM Mono,monospace;text-align:center;pointer-events:none}.north-mark i{display:block;width:1px;height:32px;background:currentColor;margin:5px auto;position:relative}.north-mark i:before{content:"";position:absolute;top:-1px;left:-3px;width:6px;height:6px;border:solid currentColor;border-width:1px 0 0 1px;transform:rotate(45deg)}.track-item{stroke-linecap:square;filter:url(#soft-shadow);cursor:move}.track-core{stroke:#fff8e8;stroke-linecap:square;pointer-events:none}.head-item{stroke:#fff8e8;cursor:move;filter:url(#soft-shadow)}.head-ray{pointer-events:none}.selected-item{stroke:var(--blue)!important}.measure-line{stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:6 4}.measure-point{fill:#fff;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke}.measure-label,.item-label,.area-label{font:500 12px DM Mono,monospace;paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round;fill:#20231f}.area-fill{fill:#2454ff16;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke}.overlay-line{fill:none;stroke-width:4;vector-effect:non-scaling-stroke;stroke-linecap:round;cursor:move}.overlay-shape{stroke-width:4;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:move}.work-outline{stroke-width:5;stroke-dasharray:10 6}.draft-line{stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:5 4}.draft-point{fill:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.draft-shape{stroke-width:2;vector-effect:non-scaling-stroke;stroke-dasharray:6 4}@media(max-width:860px){.app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar{font-size:95%}.panel-section{padding:14px}.topbar-actions .save-state{display:none}}