:root{--bg-base: #110a07;--bg-card: #1c110d;--bg-input: #160d09;--bg-raised: #241612;--canvas: #0d0806;--teal: #3dbfd6;--teal-dim: rgba(61, 191, 214, .1);--teal-bdr: rgba(61, 191, 214, .22);--orange: #e07550;--orange-dim: rgba(224, 117, 80, .1);--orange-bdr: rgba(224, 117, 80, .3);--green: #34d399;--purple: #a78bfa;--danger: #ef4444;--warning: #f4b740;--text: #f0ebe8;--text-dim: #a09590;--muted: #5a4540;--border: rgba(255, 255, 255, .07);--focus: #96d6d9;--section-fill: rgba(61, 191, 214, .07);--section-stroke: rgba(61, 191, 214, .45);--seat: #c9bfb9;--seat-selected: #e07550;--seat-blocked: #4a3a35;--grid: rgba(255, 255, 255, .035);--grid-major: rgba(255, 255, 255, .08);--radius: 9px;--font-head: "Syne", "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:dark}:root[data-theme=light]{--bg-base: #f5f1ee;--bg-card: #ffffff;--bg-input: #faf7f5;--bg-raised: #f0ebe8;--canvas: #fbf9f7;--teal: #0e8a9e;--teal-dim: rgba(14, 138, 158, .08);--teal-bdr: rgba(14, 138, 158, .2);--orange: #c4532e;--orange-dim: rgba(196, 83, 46, .08);--orange-bdr: rgba(196, 83, 46, .25);--text: #1c110d;--text-dim: #6b5d57;--muted: #b3a6a0;--border: rgba(0, 0, 0, .08);--section-fill: rgba(14, 138, 158, .06);--section-stroke: rgba(14, 138, 158, .5);--seat: #6b5d57;--seat-blocked: #d9d0cb;--grid: rgba(0, 0, 0, .04);--grid-major: rgba(0, 0, 0, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text);font:14px/1.45 var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.small{font-size:12px}code{font-family:var(--font-mono);font-size:12px}.app{height:100%;display:grid;grid-template-rows:auto auto 1fr}.workspace{display:grid;grid-template-columns:52px 284px 1fr 320px;min-height:0}.left,.inspector{background:var(--bg-card);border-right:1px solid var(--border);overflow-y:auto;min-height:0}.inspector{border-right:0;border-left:1px solid var(--border)}.stage{position:relative;display:grid;grid-template-rows:1fr auto;min-width:0;min-height:0}.topbar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:#110a07eb;border-bottom:1px solid var(--border);min-width:0}:root[data-theme=light] .topbar{background:#ffffffeb}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-head);white-space:nowrap}.brand-mark{color:var(--teal);font-size:20px}.brand-name b{color:var(--teal)}.doc-title{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.doc-title h1{font:600 15px var(--font-head);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;font:700 10.5px var(--font-head);letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:12px;border:1px solid var(--teal-bdr);background:var(--teal-dim);color:var(--teal);white-space:nowrap}.badge-overlay{color:var(--orange);background:var(--orange-dim);border-color:var(--orange-bdr)}.badge-dim{color:var(--text-dim);background:transparent;border-color:var(--border)}.badge-warn{color:var(--warning);border-color:#f4b74059;background:#f4b74014}.badge-ok{color:var(--green);border-color:#34d3994d;background:#34d39914}.badge-status-pending_approval,.badge-status-approved{color:var(--purple);border-color:#a78bfa4d;background:#a78bfa14}.save-state{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);white-space:nowrap}.save-state .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.save-dirty .dot,.save-saving .dot{background:var(--warning)}.save-saving .dot{animation:pulse 1s infinite}.save-error .dot,.save-conflict .dot,.save-expired .dot,.save-offline .dot{background:var(--danger)}.save-readonly .dot{background:var(--text-dim)}@keyframes pulse{50%{opacity:.3}}.issues-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(52,211,153,.25);background:#34d39914;color:var(--green);cursor:pointer;font-size:12px;white-space:nowrap}.issues-pill.has-warnings{color:var(--warning);border-color:#f4b7404d;background:#f4b74014}.issues-pill.has-errors{color:var(--danger);border-color:#ef44444d;background:#ef444414}.issues-pill .dim{color:inherit;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);color:var(--text);cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){border-color:var(--teal-bdr);background:var(--teal-dim)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--teal);border-color:var(--teal);color:#062026}.btn-primary:hover:not(:disabled){background:#5fd0e3;border-color:#5fd0e3}.btn-accent{background:var(--orange-dim);border-color:var(--orange-bdr);color:var(--orange)}.btn-danger{color:#f87171;border-color:#ef444440;background:#ef44440f}.btn.is-on{border-color:var(--teal);color:var(--teal)}.icon-btn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;border:0;background:transparent;color:var(--text-dim);cursor:pointer;flex:none}.icon-btn:hover:not(:disabled){background:var(--bg-raised);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.link{border:0;background:none;color:var(--teal);cursor:pointer;padding:0;text-align:left}.link:hover{text-decoration:underline}.row-actions{display:flex;gap:6px;align-items:center;margin-top:8px}.row-actions.wrap{flex-wrap:wrap}.stack{display:grid;gap:8px}.toolbar{background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0;overflow-y:auto}.tool-group{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid var(--border)}.tool-group-end{margin-top:auto;border-bottom:0}.tool{width:36px;height:36px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer}.tool:hover:not(:disabled){background:var(--bg-raised);color:var(--text)}.tool.is-on{background:var(--teal-dim);border-color:var(--teal-bdr);color:var(--teal)}.tool:disabled{opacity:.3;cursor:not-allowed}.panel-section{border-bottom:1px solid var(--border)}.panel-section-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px 6px 6px}.panel-section-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font:700 11px var(--font-head);letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);padding:6px}.chev{display:inline-block;transition:transform .12s}.chev.open{transform:rotate(90deg)}.panel-section-body{padding:0 14px 14px;display:grid;gap:10px}.panel-section-body p{margin:0}.sub{margin:6px 0 0;font:700 11px var(--font-head);letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:6px}.field{display:grid;gap:4px;min-width:0}.field-label{font-size:11.5px;color:var(--text-dim);font-weight:500}.field-hint{font-size:11px;color:var(--muted)}:root[data-theme=light] .field-hint{color:var(--text-dim)}.input{width:100%;min-width:0;padding:6px 9px;border-radius:8px;border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:13px}.input:focus{border-color:var(--teal-bdr);outline:none;box-shadow:0 0 0 2px var(--teal-dim)}textarea.input{resize:vertical}.num{position:relative;display:block}.num-suffix{position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-dim);pointer-events:none}.check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.check input{accent-color:var(--teal)}.inline{display:flex;align-items:center;gap:6px}.inline .num{width:92px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flags{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;display:grid;gap:6px;margin:0}.flags legend{font-size:11.5px;color:var(--text-dim);padding:0 4px}.color{width:34px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer}.seg{display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.seg-btn{flex:1;padding:6px 8px;border:0;background:var(--bg-input);cursor:pointer;font-size:12.5px;color:var(--text-dim);text-transform:capitalize}.seg-btn+.seg-btn{border-left:1px solid var(--border)}.seg-btn.is-on{background:var(--teal-dim);color:var(--teal);font-weight:600}.tool-options{display:flex;flex-wrap:wrap;gap:4px;padding:10px 14px}.tool-options .seg-btn{flex:none;border:1px solid var(--border);border-radius:7px}.tool-hint{padding:10px 14px;margin:0}.levels{list-style:none;margin:0;padding:0;display:grid;gap:6px}.level{border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;display:grid;gap:4px}.level.is-active{border-color:var(--teal-bdr);background:var(--teal-dim)}.level-row{display:flex;align-items:center;gap:4px}.level-row input[type=radio]{accent-color:var(--teal)}.level-name{flex:1}.level-meta{display:flex;align-items:center;gap:8px;font-size:12px;justify-content:space-between}.level-order{display:flex}.zones{list-style:none;margin:0;padding:0;display:grid;gap:4px}.zone{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius);border:1px solid transparent}.zone.is-on{border-color:var(--orange-bdr);background:var(--orange-dim)}.zone-pick{border:0;background:none;padding:2px;cursor:pointer;border-radius:6px}.swatch{display:inline-block;width:18px;height:18px;border-radius:5px;border:1px solid rgba(255,255,255,.2);vertical-align:middle}.swatch-erase{background:repeating-linear-gradient(45deg,transparent 0 3px,var(--muted) 3px 5px)}.zone-main{flex:1;display:grid;min-width:0}.zone-tools{display:flex;align-items:center;gap:2px}.legend,.diff{display:grid;gap:4px;margin:0}.legend div,.diff div{display:flex;justify-content:space-between;gap:8px;font-size:12.5px}.legend dt,.diff dt{color:var(--text-dim)}.legend dd,.diff dd{margin:0}.ga-row{display:grid;gap:6px}.ga-head{display:flex;justify-content:space-between}.ga-ctl{display:grid;grid-template-columns:1fr;gap:6px}.ga-ctl input[type=range]{accent-color:var(--orange)}.section-list{list-style:none;margin:0;padding:0}.section-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 0}.media-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.media-item{display:flex;align-items:center;gap:8px}.media-thumb{width:48px;height:32px;border-radius:6px;overflow:hidden;background:var(--bg-raised);display:grid;place-items:center;flex:none;font-size:11px;color:var(--text-dim)}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-info{flex:1;display:grid;min-width:0}.media-info .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-add{display:grid;gap:8px;margin-top:6px;padding-top:8px;border-top:1px dashed var(--border)}.anchor,.variant{display:grid;gap:6px;padding:8px;border:1px solid var(--border);border-radius:var(--radius)}.reviews{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12.5px}.reviews p{margin:2px 0 0}.callout{border-radius:var(--radius);padding:10px 12px;border:1px solid var(--border);font-size:13px;margin:8px 0}.callout p{margin:4px 0 0}.callout-warn{border-color:#f4b74059;background:#f4b74012}.callout-error{border-color:#ef444459;background:#ef444412}.left .callout{margin:10px}.canvas-wrap{position:relative;min-height:0;overflow:hidden;background:var(--canvas)}.canvas{display:block;touch-action:none;position:absolute;inset:0}.canvas:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.canvas-status{position:absolute;left:10px;bottom:8px;display:flex;gap:12px;font-size:11.5px;color:var(--text-dim);background:#0d0806bf;padding:4px 10px;border-radius:999px;pointer-events:none}:root[data-theme=light] .canvas-status{background:#ffffffd9}.bottom{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-height:32vh;border-top:1px solid var(--border);background:var(--bg-card);min-height:0}.problems,.history{overflow-y:auto;min-height:0}.history{border-left:1px solid var(--border)}.bottom header{display:flex;align-items:center;gap:10px;padding:6px 12px;position:sticky;top:0;background:var(--bg-card)}.bottom h2{font:700 11px var(--font-head);letter-spacing:.8px;text-transform:uppercase;margin:0;color:var(--text-dim)}.bottom header .icon-btn{margin-left:auto}.problems ul,.history ol{list-style:none;margin:0;padding:0 6px 8px}.issue button{width:100%;display:grid;grid-template-columns:64px 180px 1fr;gap:8px;align-items:center;text-align:left;border:0;background:none;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:12.5px}.issue button:hover:not(:disabled){background:var(--bg-raised)}.issue button:disabled{cursor:default}.sev{font:700 10px var(--font-head);text-transform:uppercase;letter-spacing:.5px}.sev-error{color:var(--danger)}.sev-warning{color:var(--warning)}.ok{display:flex;align-items:center;gap:6px;color:var(--green);padding:4px 12px 10px;margin:0}.history li{font-size:12.5px;padding:3px 8px;border-radius:6px}.history li.current{background:var(--teal-dim);color:var(--teal)}.history li.undone{color:var(--muted);text-decoration:line-through}.dialog-backdrop{position:fixed;inset:0;background:#0a0503b3;display:grid;place-items:center;z-index:50;padding:16px}.dialog{width:min(480px,100%);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto 1fr auto;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 30px 80px #00000080}.dialog.wide{width:min(760px,100%)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 8px}.dialog-head h2{margin:0;font:700 17px var(--font-head)}.dialog-body{padding:4px 18px 14px;overflow-y:auto;display:grid;gap:12px;align-content:start}.dialog-body p{margin:0}.dialog-foot{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid var(--border)}.dialog-foot>.dim{margin-right:auto}.keymap{width:100%;border-collapse:collapse;margin-top:8px}.keymap th{text-align:left;font-size:11.5px;color:var(--text-dim);font-weight:500}.keymap td{padding:2px 4px 2px 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid h3{font:700 12px var(--font-head);text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);margin:0 0 8px}.keys{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:5px;border:1px solid var(--border);background:var(--bg-input);margin-right:6px;white-space:nowrap}.toasts{position:fixed;right:340px;bottom:16px;display:grid;gap:8px;z-index:60}.toast{padding:10px 14px;border-radius:10px;background:var(--bg-raised);border:1px solid var(--border);box-shadow:0 10px 30px #00000059;font-size:13px;max-width:360px}.toast-error{border-color:#ef444466}.toast-success{border-color:#34d39966}.banner{padding:8px 14px;font-size:13px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3)}.splash{height:100%;display:grid;place-content:center;gap:12px;text-align:center;color:var(--text-dim)}.splash h1{font:700 20px var(--font-head);color:var(--text);margin:0}.spinner{width:28px;height:28px;margin:0 auto;border-radius:50%;border:3px solid var(--teal-dim);border-top-color:var(--teal);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:52px 220px 1fr 280px}.brand-name{display:none}}@media(max-width:900px){.workspace{grid-template-columns:48px 1fr;grid-template-rows:1fr auto}.left{display:none}.inspector{grid-column:1 / -1;max-height:38vh;border-left:0;border-top:1px solid var(--border)}.toasts{right:16px}.save-state{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.left,.inspector{overflow-x:hidden}.level-row>.input,.level-row>.level-name{flex:1;min-width:0}.variant .row-actions,.anchor .grid3{flex-wrap:wrap}.panel-section-body>*{min-width:0}.panel-section-body{grid-template-columns:minmax(0,1fr)}.level-meta .inline .num{width:76px}