:root{--canvas: #f5f5f7;--surface: #ffffff;--hairline: #e5e7eb;--ink: #1d1d1f;--ink-2: #6e6e73;--accent: #1d4ed8;--accent-ink: #ffffff;--accent-quiet: #eff6ff;--state-ok: #059669;--state-warn: #d97706;--state-over: #dc2626;--room-fill: #ffffff;--room-edge: #8d8d92;--item-edge: #1d1d1f;--grid-line: #e5e7eb;--rule-ink: #a1a1a6;--item-ink: #1d1d1f;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--canvas: #131316;--surface: #1c1c1f;--hairline: #2e2e33;--ink: #f5f5f7;--ink-2: #9a9aa0;--accent: #5b8def;--accent-ink: #10131a;--accent-quiet: #1b2231;--state-ok: #34d399;--state-warn: #f0b45e;--state-over: #f2726b;--room-fill: #232327;--room-edge: #8d8d92;--item-edge: #0e0e10;--grid-line: #2a2a2f;--rule-ink: #6b6b72;--item-ink: #10131a}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:22px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}.app{display:flex;flex-direction:column;height:100vh}.t-title{font-size:22px;line-height:28px;font-weight:600;letter-spacing:-.01em}.t-section{font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.005em}.t-meta{font-size:13px;line-height:18px;color:var(--ink-2)}.header{background:var(--surface);border-bottom:1px solid var(--hairline);padding:12px 20px;display:flex;flex-direction:column;gap:12px;flex:none}.header-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:8px;flex:none}.brand .mark{font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.01em}.doc-name{min-width:220px;max-width:320px;padding:8px 12px;background:var(--canvas);border:0;border-radius:var(--r-md);font-size:15px}.saved-note{display:inline-flex;align-items:center;gap:7px;font-size:13px;line-height:18px;color:var(--ink-2);white-space:nowrap}.spacer{flex:1}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--ink);padding:8px 12px;min-height:36px;border-radius:var(--r-md);cursor:pointer;font-size:15px;line-height:20px}button:hover:not(:disabled){background:var(--canvas)}button:disabled{color:var(--ink-2);opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{width:100%;min-height:44px;background:var(--accent);color:var(--accent-ink);font-weight:600;box-shadow:0 1px 3px #1d4ed847}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.06)}button.quiet{color:var(--ink-2);font-size:13px;line-height:18px;min-height:32px;padding:6px 10px}button.quiet:hover:not(:disabled){color:var(--ink)}.segmented{display:inline-flex;background:var(--canvas);border-radius:var(--r-md);padding:3px;gap:3px}.segmented button{min-height:30px;padding:5px 14px;font-size:13px;line-height:18px;border-radius:7px}.segmented button.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.segmented button.on:hover{background:var(--accent)}.field{display:inline-flex;flex-direction:column;gap:4px}.field>span{font-size:13px;line-height:18px;color:var(--ink-2)}.field input,.field select,.form input{padding:8px 12px;min-height:36px;background:var(--canvas);border:0;border-radius:var(--r-md);color:var(--ink);font-size:15px;max-width:150px}.field input[type=range]{padding:0;background:transparent;min-height:36px;accent-color:var(--accent);width:130px}.field .static{padding:8px 0;font-size:15px;line-height:20px}.selection{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--hairline);flex:none}.selection .dot{background:var(--accent)}.workspace{flex:1;display:grid;grid-template-columns:320px 1fr 340px;min-height:0}.panel{background:var(--surface);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:28px}.panel.left{border-right:1px solid var(--hairline)}.panel.right{border-left:1px solid var(--hairline)}.section>h2,.section>h3{margin:0 0 4px;font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.005em}.section>p.note{margin:0 0 12px;font-size:13px;line-height:18px;color:var(--ink-2)}.list{list-style:none;margin:0;padding:0}.item{display:grid;grid-template-columns:10px 1fr auto;align-items:center;column-gap:12px;row-gap:2px;padding:12px 0;border-bottom:1px solid var(--hairline);cursor:grab}.item:last-child{border-bottom:0}.item .chip{grid-row:1 / span 2;width:10px;height:10px;border-radius:3px;align-self:start;margin-top:6px}.item .name{font-size:15px;line-height:22px;font-weight:500}.item .sub{grid-column:2;font-size:13px;line-height:18px;color:var(--ink-2)}.item .actions{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;gap:2px}.count{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}.dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ink-2)}.dot.ok{background:var(--state-ok)}.dot.warn{background:var(--state-warn)}.dot.over{background:var(--state-over)}.form{display:flex;flex-direction:column;gap:8px}.form input{max-width:none;width:100%}.form .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.form .error{margin:0;font-size:13px;line-height:18px;color:var(--state-over)}.stat+.stat{margin-top:20px}.stat-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;line-height:22px}.stat-head strong{font-weight:600;font-variant-numeric:tabular-nums}.stat-sub{margin:6px 0 0;font-size:13px;line-height:18px;color:var(--ink-2);font-variant-numeric:tabular-nums}.bar{height:6px;margin-top:8px;background:var(--hairline);border-radius:3px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:3px}.bar.warn span{background:var(--state-warn)}.bar.over span{background:var(--state-over)}.alert{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;font-size:13px;line-height:18px;color:var(--ink)}.alert .dot{margin-top:6px}.rows{list-style:none;margin:0;padding:0}.rows li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--hairline);font-size:13px;line-height:18px;color:var(--ink-2);font-variant-numeric:tabular-nums}.rows li:last-child{border-bottom:0}.rows li strong{color:var(--ink);font-weight:500}.canvas-scroll{overflow:auto;padding:28px;background:var(--canvas)}.plan-svg{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.plan-svg.drawing{cursor:crosshair}.room{fill:var(--room-fill);stroke:var(--room-edge);stroke-width:100}.room.selected{stroke:var(--accent)}.room-label,.rule-label{fill:var(--rule-ink);font-family:inherit;font-size:210px}.item-group{cursor:move}.item-label{fill:var(--item-ink);font-family:inherit;font-size:175px;pointer-events:none}.draft-room{fill:var(--accent-quiet);fill-opacity:.7;stroke:var(--accent);stroke-width:60;stroke-dasharray:200 120}@media(max-width:1180px){.workspace{grid-template-columns:1fr;grid-auto-rows:min-content;overflow-y:auto}.panel.left{border-right:0;border-bottom:1px solid var(--hairline)}.panel.right{border-left:0;border-top:1px solid var(--hairline)}}