:root{--bg:#f6f4ef;--card:#fff;--ink:#2b2b2b;--muted:#7a746b;--line:#e4dfd6;--accent:#b88a4f;--ok:#3c8a5a;--bad:#c0412e;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,system-ui,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,select{font:inherit;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);border-radius:6px;padding:4px 9px;font-size:12px}button:hover{border-color:#cbbfae}button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.muted{color:var(--muted)}.small{font-size:11.5px}.app{grid-template-rows:auto 1fr;grid-template-columns:1fr 380px;height:100%;display:grid}.app.side-none{grid-template-columns:1fr}header{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;padding:8px 14px;display:flex}header .title{flex-direction:column;margin-right:auto;display:flex}.seg{gap:4px;display:flex}.views{gap:8px;min-height:0;padding:8px;display:grid}.view-split{grid-template-columns:1fr 1fr}.pane{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;font-size:12px;display:flex}.toolbar label{cursor:pointer;align-items:center;gap:3px;display:flex}.spacer{flex:1}.plan2d{cursor:grab;flex:1;width:100%;min-height:0}.plan2d:active{cursor:grabbing}.canvas-wrap{flex:1;min-height:0;position:relative}.hint{border-top:1px solid var(--line);padding:4px 8px}aside{border-left:1px solid var(--line);background:var(--card);overflow:auto}.panel{padding:12px 14px}.panel h3{margin:14px 0 8px;font-size:13px}.total-card{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.total{font-size:24px;font-weight:700}.pill{border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:600}.pill.ok{color:var(--ok);background:#e2f1e7}.pill.bad{color:var(--bad);background:#f7e0dc}.band{background:#eeeae3;border-radius:4px;height:26px;margin:4px 0 8px;position:relative}.band-ok{background:#cfe6d6;border-radius:4px;position:absolute;top:0;bottom:10px}.band-mark{background:var(--ink);width:3px;height:18px;position:absolute;top:-2px;transform:translate(-1px)}.band span{color:var(--muted);font-size:10px;position:absolute;bottom:-2px;transform:translate(-50%)}table.budget{border-collapse:collapse;width:100%;font-size:12.5px}table.budget td{border-top:1px solid var(--line);vertical-align:top;padding:7px 4px}table.budget tr:hover td{background:#fbf5ec}table.budget tfoot td{border-top:2px solid var(--ink);font-weight:700}td.amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bar{background:#f1ede6;border-radius:2px;height:4px;margin:4px 0}.bar div{background:var(--accent);border-radius:2px;height:100%}.chips{flex-wrap:wrap;gap:3px;display:flex}.chip{color:var(--muted);background:#f3efe8;border-radius:4px;padding:1px 5px;font-size:10px}ul.legend{margin:0;padding:0;list-style:none}ul.legend li{border-top:1px solid var(--line);align-items:flex-start;gap:10px;padding:6px 0;font-size:12.5px;display:flex}.swatch{border:1px solid #d9d3c8;border-radius:6px;flex:none;width:28px;height:28px;display:inline-block}.swatch.sm{vertical-align:-2px;border-radius:3px;width:14px;height:14px}table.floors{border-collapse:collapse;width:100%;font-size:12.5px}table.floors td{border-top:1px solid var(--line);padding:3px 0}ul.notes{padding-left:16px}ul.checks{margin:0;padding:0;font-size:12.5px;list-style:none}ul.checks h4{margin:12px 0 4px;font-size:12px}ul.checks li{padding:2px 0}.ok-t{color:var(--ok);font-size:11px;font-weight:700}.bad-t{color:var(--bad);font-size:11px;font-weight:700}@media (width<=1100px){.app{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.view-split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}aside{border-left:none;border-top:1px solid var(--line);max-height:40vh}}.seg.mode{border-right:1px solid var(--line);margin-right:8px;padding-right:8px}.hud{pointer-events:none;font-family:Inter,Segoe UI,system-ui,sans-serif;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-fade{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.hud-title{color:#fff;pointer-events:none;opacity:0;background:linear-gradient(#14120f00,#14120f73);padding:60px 32px 70px;position:absolute;bottom:0;left:0;right:0}.hud-title .t{text-shadow:0 1px 8px #00000059;font-size:32px;font-weight:600}.hud-title .c{opacity:.92;text-shadow:0 1px 6px #00000059;margin-top:2px;font-size:15px}.hud-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe0;border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.hud-bar button:disabled{opacity:.45;cursor:default}.hud-progress{cursor:pointer;background:#e6e1d8;border-radius:3px;flex:1;height:6px;overflow:hidden}.hud-progress div{background:var(--accent);width:0;height:100%}.hud-time{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;min-width:78px;font-size:12px}button.rec{color:#b3261e;border-color:#e7c2bd}button.rec.on{color:#fff;background:#b3261e;border-color:#b3261e}.hud-rec{color:#fff;pointer-events:none;background:#0009;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.hud-rec .dot{background:#ff4d3f;border-radius:50%;width:8px;height:8px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.hud-room{pointer-events:none;background:#ffffffe0;border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:600;position:absolute;top:12px;left:12px}.hud-lock{color:#fff;text-align:center;background:#1e1c1947;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.hud-lock #walk-lock{color:var(--ink);background:#fff;border:none;border-radius:99px;padding:10px 22px;font-size:16px}.hud-lock .small{text-shadow:0 1px 4px #0006}.muted-light{opacity:.8}.hud-cross{pointer-events:none;background:#ffffffe6;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0000004d}.hud-hint{color:#fff;pointer-events:none;background:#00000073;border-radius:99px;padding:3px 10px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}