:root{--accent:#c92c61;--accent-hi:#e0356e;--accent-ink:#fff;--bg:#444;--bg-panel:#222;--bg-card:#3e4142;--bg-inset:#000;--line:#000;--line-bright:#3a3a3a;--ink:#b7babb;--ink-dim:#777;--shadow:#000;--toolbar-grad:linear-gradient(to bottom, #3e4142 0%, #282a2a 100%);--btn-grad:linear-gradient(to bottom, #9f9e9e 0%, #6a6d6e 6%, #616364 100%);--btn-grad-hover:linear-gradient(to bottom, #b0afaf 0%, #767a7b 6%, #6b6e70 100%);--cyan:#3cbcfc;--red:#e7005a;--gold:#f8b800;--green:#58d854;--font-display:"Press Start 2P", "Courier New", monospace;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Courier New", monospace;--r:4px}[data-theme=pc98]{--accent:#f2837b;--accent-hi:#ff9d94;--accent-ink:#3a0f0b;--bg:#14171f;--bg-panel:#1d2230;--bg-card:#29303f;--bg-inset:#10131a;--line:#38404f;--line-bright:#4a5468;--ink:#e6e8ef;--ink-dim:#8891a3;--cyan:#6fd0e0;--green:#8fd6a0;--toolbar-grad:linear-gradient(to bottom, #232838, #191d28);--btn-grad:linear-gradient(to bottom, #333c4e, #2a3140);--btn-grad-hover:linear-gradient(to bottom, #3d4759, #333b4c)}[data-theme=amber]{--accent:#ffb454;--accent-hi:#ffca7a;--accent-ink:#241400;--bg:#100c07;--bg-panel:#18120b;--bg-card:#221a0f;--bg-inset:#0b0805;--line:#3a2c19;--line-bright:#574328;--ink:#ffd9a0;--ink-dim:#a9865a;--cyan:#ffd9a0;--green:#b7d06a;--gold:#ffb454;--toolbar-grad:linear-gradient(to bottom, #241a0e, #180f06);--btn-grad:linear-gradient(to bottom, #33260f, #261b0b);--btn-grad-hover:linear-gradient(to bottom, #3f2f14, #33260f)}button,select,input[type=text],input[type=number],textarea{font-family:var(--font-body);color:var(--ink);background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:var(--r);padding:4px 7px;font-size:12px}select{cursor:pointer}textarea{resize:vertical;width:100%;font-family:var(--font-mono)}input[type=text]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}button{cursor:pointer;background:var(--btn-grad);color:#fbfeff;border-radius:var(--r);letter-spacing:.01em;border:1px solid #313334;padding:5px 10px;transition:filter 80ms,background 80ms;box-shadow:inset 0 1px #ffffff14}button:hover{background:var(--btn-grad-hover);color:#fff}button:active{background:#505252}button:disabled{opacity:.4;cursor:default;filter:grayscale(.4)}button.primary{background:linear-gradient(to bottom, var(--accent-hi), var(--accent));color:var(--accent-ink);border-color:#7a1a3c}button.primary:hover{filter:brightness(1.12)}button.on{background:linear-gradient(to bottom, var(--accent-hi), var(--accent));color:var(--accent-ink);border-color:#7a1a3c}button.danger{color:#fff;background:linear-gradient(#e8484f,#c62828);border-color:#7a1414}button.danger:hover{filter:brightness(1.12)}button.small{padding:3px 7px;font-size:11px}[data-theme=pc98] button.on,[data-theme=pc98] .view-tabs button.on{background:var(--bg-card);border-color:var(--line-bright);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}[data-theme=pc98] .nav-room.current>.nav-room-head{background:var(--bg-card);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}[data-theme=pc98] .nav-room.current .caret{color:var(--accent)}[data-theme=pc98] .nav-entity.sel{color:var(--ink)}[data-theme=pc98] .insp-tabs button.on{color:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg-panel);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:12px;line-height:1.4}canvas{image-rendering:pixelated}.app{grid-template:"top top top""left center right"1fr"status status status"/auto 1fr auto;height:100%;min-height:0;display:grid}.topbar{background:var(--toolbar-grad);border-bottom:1px solid var(--line);z-index:30;grid-area:top;align-items:center;gap:12px;height:40px;padding:0 12px;display:flex;box-shadow:inset 0 1px #ffffff0a}.logo{font-family:var(--font-display);color:#fff;cursor:pointer;text-shadow:1px 1px 0 var(--accent);letter-spacing:1px;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12px;text-decoration:none}.logo:hover{color:var(--accent-hi)}.logo em{color:var(--accent);font-style:normal}.topbar .title-input{flex:0 220px}.topbar .spacer{flex:1}.view-tabs{border-radius:var(--r);border:1px solid var(--line);background:#00000059;gap:2px;padding:2px;display:flex}.view-tabs button{box-shadow:none;color:var(--ink-dim);text-transform:capitalize;background:0 0;border:1px solid #0000;padding:4px 9px;font-size:11px}.view-tabs button:hover{color:var(--ink);background:#ffffff0d}.view-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:#7a1a3c}.topbar .zoom-group{align-items:center;gap:2px;display:flex}.topbar .zoom-group .zval{color:var(--ink-dim);text-align:center;min-width:38px;font-size:11px}.help-select{color:var(--ink);background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:var(--r);cursor:pointer;padding:5px 7px;font-size:11px}.rail-left{background:var(--bg-panel);border-right:1px solid var(--line);flex-direction:column;grid-area:left;width:252px;min-width:252px;min-height:0;display:flex;position:relative;overflow:hidden}.rail-left.collapsed{border-right:none;width:0;min-width:0}.rail-section-head{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);-webkit-user-select:none;user-select:none;padding:8px 10px 4px;font-size:10px}.tool-rail{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:4px;padding:4px 8px 10px;display:grid}.tool-rail button{text-transform:capitalize;padding:7px 4px;font-size:11px}.tool-rail .subpal-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px;display:flex}.draw-picker{border-bottom:1px solid var(--line);padding:2px 8px 10px}.draw-picker .dp-tabs{gap:3px;margin-bottom:6px;display:flex}.draw-picker .dp-tabs button{text-transform:capitalize;flex:1;padding:4px 2px}.draw-picker .dp-subpal{align-items:center;gap:4px;margin-bottom:6px;display:flex}.draw-picker .dp-subpal label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;margin-right:2px;font-size:10px}.draw-picker .dp-subpal button{min-width:26px}.draw-picker .dp-grid{align-content:flex-start;max-height:188px;padding-right:2px;overflow-y:auto}.draw-picker .dp-add{width:40px;height:40px}.nav-tree{flex:1;padding:4px 6px 12px;overflow:auto}.nav-room{border-radius:var(--r);margin-bottom:2px}.nav-room>.nav-room-head{border-radius:var(--r);cursor:pointer;color:var(--ink);align-items:center;gap:6px;padding:5px 8px;display:flex}.nav-room>.nav-room-head:hover{background:#333}.nav-room.current>.nav-room-head{background:var(--accent);color:var(--accent-ink)}.nav-room-head .caret{color:var(--ink-dim);width:10px;font-size:9px}.nav-room.current .caret{color:#ffffffb3}.nav-children{padding:2px 0 4px 18px}.nav-entity{color:var(--ink-dim);border-radius:var(--r);cursor:pointer;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:flex}.nav-entity:hover{color:var(--ink);background:#2c2c2c}.nav-entity.sel{color:#fff;outline:1px solid var(--accent);background:#111}.nav-entity .badge{color:#000;border-radius:3px;flex:none;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}.nav-add{padding:6px 8px}.region-center{background:var(--bg);flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex;overflow:auto}.region-center .panel,.rail-right .panel{min-width:0;box-shadow:none;background:0 0;border:none;flex:1;min-height:0;width:auto!important}.region-center .panel>header,.rail-right .panel>header{font-family:var(--font-body);letter-spacing:.04em;color:var(--ink-dim);text-transform:uppercase;background:var(--bg-card);border-bottom:1px solid var(--line);padding:7px 12px;font-size:11px}.region-center .panel>header .hint{color:var(--ink-dim)}.canvas-viewport{background:radial-gradient(circle at 50% 40%, #4c4c4c, var(--bg) 70%), var(--bg);flex:1;justify-content:safe center;align-items:safe center;min-height:0;padding:28px;display:flex;position:relative;overflow:auto}.cell-info{z-index:3;text-overflow:ellipsis;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);pointer-events:none;white-space:nowrap;background:#0009;align-items:baseline;gap:8px;padding:4px 10px;font-size:11px;display:flex;position:absolute;top:6px;left:6px;right:6px;overflow:hidden}.cell-info .ci-cell{color:var(--accent);font-family:var(--font-mono);font-weight:600}.cell-info .ci-desc{color:var(--ink)}.cell-info .ci-hint{color:var(--ink-dim)}.canvas-stage{transform-origin:50%;border:1px solid var(--line);box-shadow:0 6px 30px #0009}.canvas-stage canvas{cursor:crosshair;display:block}.exit-banner{margin:8px 12px 0}.rail-right{background:var(--bg-panel);border-left:1px solid var(--line);flex-direction:column;grid-area:right;width:328px;min-width:328px;min-height:0;display:flex;position:relative;overflow:hidden}.rail-resizer{cursor:col-resize;z-index:25;touch-action:none;width:6px;position:absolute;top:0;bottom:0}.rail-resizer-left{right:0}.rail-resizer-right{left:0}.rail-resizer:hover,.rail-resizer:active{background:var(--accent)}.rail-right.collapsed{border-left:none;width:0;min-width:0}.inspector{flex:1;min-height:0;overflow:auto}.insp-head{background:var(--bg-inset);border-bottom:1px solid var(--line);color:var(--ink);z-index:2;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.insp-tabs{border-bottom:1px solid var(--line);gap:2px;padding:6px 8px 0;display:flex}.insp-tabs button{border:1px solid var(--line);box-shadow:none;color:var(--ink-dim);border-radius:var(--r) var(--r) 0 0;background:linear-gradient(#111,#222);border-bottom:none;padding:5px 10px;font-size:11px}.insp-tabs button.on{color:var(--accent);background:#000}.insp-section{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.insp-section>.sec-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);font-size:10px}.insp-empty{color:var(--ink-dim);text-align:center;padding:24px 16px;font-size:12px}.field-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-row label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.toolbar{flex-wrap:wrap;gap:4px;display:flex}.panel{flex-direction:column;min-width:0;display:flex}.panel .body{flex-direction:column;gap:10px;padding:12px;display:flex;overflow:auto}.logic-table{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:11px}.logic-table caption{text-align:left;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;padding:4px 0 2px;font-size:10px}.logic-table th{text-align:left;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line-bright);padding:2px 6px;font-size:10px;font-weight:400}.logic-table td{background:var(--bg-inset);border:1px solid var(--line-bright);vertical-align:middle;padding:3px 6px}.logic-table .arrow{color:var(--accent)}.logic-table select{width:100%;padding:2px 4px}.sfx-notes{flex-direction:column;gap:3px;display:flex}.sfx-note{grid-template-columns:70px 60px 50px 70px 28px;align-items:center;gap:4px;display:grid}.sfx-note input,.sfx-note select{width:100%;padding:2px 4px}.sfx-head{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.room-col{flex-direction:column;flex:none;gap:14px;display:flex}.room-canvas-wrap{border:1px solid var(--line);align-self:center;position:relative;box-shadow:0 6px 30px #0009}.room-canvas-wrap canvas{cursor:crosshair;display:block}.room-strip{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.room-strip button{min-width:30px}.exit-banner{border-left:3px solid var(--gold);color:var(--gold);border-radius:var(--r);background:#f8b8001f;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.exit-list{flex-direction:column;gap:4px;font-size:12px;display:flex}.exit-row{background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.exit-row.sel{outline:1px solid var(--accent)}.exit-row .arrow{color:var(--cyan)}.exit-row button{margin-left:auto}.exit-row button+button{margin-left:0}.catalog{flex-wrap:wrap;gap:4px;display:flex}.subpal-wrap{display:inline-flex;position:relative}.subpal-tip{background:var(--bg-card);border:1px solid var(--line-bright);z-index:20;border-radius:var(--r);gap:3px;padding:4px;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:2px 2px #00000080}.subpal-wrap:hover .subpal-tip{display:flex}.subpal-swatch{border:1px solid var(--line);width:16px;height:16px;image-rendering:pixelated}.sheet-modal{z-index:50;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet-dialog{background:var(--bg-panel);border:1px solid var(--line-bright);border-radius:var(--r);flex-direction:column;gap:8px;width:min(90vw,620px);max-height:90vh;padding:12px;display:flex;box-shadow:6px 6px #00000080}.sheet-dialog>header{color:var(--accent);align-items:center;font-weight:600;display:flex}.sheet-controls,.sheet-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sheet-scroll{border:1px solid var(--line);background:var(--bg-inset);max-height:60vh;overflow:auto}.catalog .thumb{background:var(--bg-inset);border:1px solid var(--line-bright);cursor:pointer;border-radius:var(--r);width:40px;height:40px;padding:2px}.catalog .thumb.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pixel-editor-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.swatches{flex-direction:column;gap:4px;display:flex}.swatch{border:1px solid var(--line-bright);cursor:pointer;border-radius:3px;width:28px;height:28px}.swatch.selected{outline:2px solid var(--accent);outline-offset:1px}.swatch.transparent{background:repeating-conic-gradient(#222 0 25%, #101018 0 50%) 0 0 / 10px 10px}.nes-master{grid-template-columns:repeat(16,18px);gap:2px;display:grid}.nes-master .c{cursor:pointer;border:1px solid #00000080;width:18px;height:18px}.nes-master .c:hover{outline:1px solid #fff}.nes-master .c.disabled{cursor:not-allowed;opacity:.25}.pal-slots{flex-direction:column;gap:4px;display:flex}.pal-slot-row{align-items:center;gap:4px;display:flex}.pal-slot-row .tag{width:42px;color:var(--ink-dim);font-size:11px}.pal-slot{border:1px solid var(--line-bright);cursor:pointer;border-radius:3px;width:24px;height:24px}.pal-slot.selected{outline:2px solid var(--accent);outline-offset:1px}.dlg-list{flex-wrap:wrap;gap:4px;display:flex}.nes-preview{background:var(--bg-inset);border:1px solid var(--line);color:var(--cyan);white-space:pre;font-size:12px;font-family:var(--font-mono);border-radius:var(--r);padding:8px;overflow-x:auto}.nes-preview .page{border-left:3px solid var(--line-bright);margin-bottom:6px;padding-left:8px}.dlg-review{flex-direction:column;gap:6px;display:flex}.dlg-review-row{background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:var(--r);gap:8px;padding:6px 8px;font-size:12px;display:flex}.dlg-review-row .id{color:var(--accent);font-family:var(--font-mono);flex:none}.play-overlay{z-index:60;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.play-overlay .play-bar{align-items:center;gap:8px;display:flex}.tv{border:1px solid var(--line);background:#16162a;border-radius:6px;padding:18px;position:relative;box-shadow:0 10px 40px #000c,inset 0 0 40px #000000b3}.tv canvas{background:#000;border:1px solid #000;display:block}.tv:after{content:"";pointer-events:none;background:linear-gradient(160deg,#ffffff12,#0000 40%);position:absolute;inset:18px}.keys{color:var(--ink-dim);font-size:12px}.keys b{color:var(--ink);background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:3px;padding:0 5px}.diag{border-left:3px solid var(--red);border-radius:var(--r);background:#e7005a1a;padding:6px 8px;font-size:12px}.diag.warning{border-color:var(--gold);background:#f8b80017}.statusbar{border-top:1px solid var(--line);background:var(--toolbar-grad);height:32px;color:var(--ink-dim);z-index:30;grid-area:status;align-items:center;gap:16px;padding:5px 14px;font-size:11px;display:flex}.meter{align-items:center;gap:6px;display:flex}.meter .bar{background:var(--bg-inset);border:1px solid var(--line-bright);border-radius:3px;width:70px;height:8px;overflow:hidden}.meter .bar>div{background:var(--green);height:100%}.meter .bar>div.hot{background:var(--red)}.statusbar .ok{color:var(--green)}.statusbar .err{color:var(--red)}.statusbar .status-btn{padding:3px 8px;font-size:11px}.build-terminal{border-top:1px solid var(--accent);z-index:40;background:#0c0c0c;flex-direction:column;height:40vh;display:flex;position:fixed;bottom:32px;left:0;right:0;box-shadow:0 -8px 30px #000000b3}.build-terminal .bt-head{border-bottom:1px solid var(--line-bright);color:var(--ink);align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.build-terminal .bt-body{font-family:var(--font-mono);flex:1;padding:10px 12px;font-size:12px;overflow:auto}.build-terminal .bt-line{white-space:pre-wrap;padding:1px 0}.build-terminal .bt-line.error{color:#ff6b8b}.build-terminal .bt-line.warning{color:var(--gold)}.build-terminal .bt-line.ok{color:var(--green)}.build-terminal pre.asm{color:var(--ink-dim);white-space:pre;margin:8px 0 0}.data-wrap textarea{flex:1;min-height:420px;font-size:12px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{border:3px solid var(--bg-panel);background:#555;border-radius:8px}::-webkit-scrollbar-track{background:0 0}@keyframes dlg-blink{0%,49%{opacity:1}50%,to{opacity:0}}.dlg-blink{animation:.6s step-end infinite dlg-blink}@keyframes dlg-wave{0%,49%{transform:translateY(0)}50%,to{transform:translateY(2px)}}.dlg-wave{animation:.5s step-end infinite dlg-wave;display:inline-block}.song-grid{flex-direction:column;align-self:flex-start;gap:1px;display:flex}.song-row{align-items:center;gap:1px;display:flex}.song-row-label{width:38px;color:var(--ink-dim);text-align:right;-webkit-user-select:none;user-select:none;padding-right:4px;font-size:9px}.song-cell{border:1px solid var(--line-bright);background:var(--bg-inset);cursor:pointer;width:22px;height:13px;box-shadow:none;border-radius:0;padding:0}.song-cell.beat{border-left-color:#555}.song-cell.on{background:var(--accent,#e33);border-color:var(--accent,#e33)}.song-cell.playhead{outline-offset:-1px;outline:1px solid #fff}.song-cell:hover{border-color:#fff}.confirm-overlay{z-index:10002;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0000009e;justify-content:center;align-items:center;animation:.12s ease-out both confirm-fade;display:flex;position:fixed;inset:0}.confirm-box{background:var(--bg-panel);border:1px solid var(--accent);border-radius:6px;width:min(92vw,420px);padding:18px 20px 16px;animation:.14s cubic-bezier(.34,1.4,.64,1) both confirm-pop;box-shadow:0 18px 60px #000c}.confirm-title{color:#fff;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:700;display:flex}.confirm-icon{color:var(--gold);font-size:18px}.confirm-msg{color:var(--ink);white-space:pre-line;margin-bottom:18px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions button{padding:7px 14px}@keyframes confirm-fade{0%{opacity:0}}@keyframes confirm-pop{0%{opacity:0;transform:scale(.94)translateY(6px)}}.tooltip{z-index:10001;max-width:260px;color:var(--ink);border:1px solid var(--accent);border-radius:var(--r);pointer-events:none;white-space:normal;background:#000;padding:6px 9px;font-size:11px;line-height:1.35;animation:90ms ease-out both tooltip-in;position:fixed;box-shadow:0 4px 16px #000000b3}.tooltip:after{content:"";border:5px solid #0000;margin-left:-5px;position:absolute;left:50%}.tooltip-top:after{border-top-color:var(--accent);top:100%}.tooltip-bottom:after{border-bottom-color:var(--accent);bottom:100%}@keyframes tooltip-in{0%{opacity:0}}