:root{color:#e8e4d9;background:#16140f;font-family:IBM Plex Sans,Segoe UI,sans-serif;--line: #3a3428;--panel: #221e16;--accent: #c4a35a}html,body,#root{height:100%;margin:0;overflow:hidden}.studio{height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.top,.nav{display:flex;gap:.75rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--line);flex-shrink:0}.top{justify-content:space-between;flex-wrap:wrap}.nav button{background:#2a261c;color:inherit;border:1px solid #4a4333;padding:.35rem .8rem}.nav button.active{background:var(--accent);color:#16140f}.target{padding:.2rem .6rem;border:1px solid #4a4333}.target.original{background:#1e3a2f}.target.named{background:#3a2a14}.session-identity{font-size:.75rem;opacity:.75;font-variant-numeric:tabular-nums}.rom-bootstrap{height:100%;display:grid;place-items:center;padding:1.5rem;box-sizing:border-box;background:linear-gradient(rgba(196,163,90,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(196,163,90,.04) 1px,transparent 1px),#16140f;background-size:2rem 2rem}.rom-picker{width:min(34rem,100%);box-sizing:border-box;padding:2.5rem;border:1px solid #4a4333;background:#221e16;box-shadow:0 1.2rem 4rem #00000059;text-align:center}.rom-picker.dragging{border-color:var(--accent);background:#2a261c}.rom-picker h1{margin:.25rem 0 1rem}.rom-picker button{margin:1rem 0 .5rem;border:1px solid var(--accent);padding:.7rem 1.1rem;background:var(--accent);color:#16140f;cursor:pointer;font-weight:700}.rom-picker button:disabled{opacity:.55;cursor:wait}.eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.privacy{margin:1rem 0 0;font-size:.78rem;opacity:.72}.rom-error{color:#e0a0a0}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:16rem minmax(0,1fr) 18rem;overflow:hidden}.workspace.solo{grid-template-columns:1fr}.workspace.text-workspace{grid-template-columns:16rem minmax(0,1fr)}.catalog,.canvas,.inspector{min-height:0;min-width:0;display:flex;flex-direction:column;padding:.7rem}.catalog{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);overflow:auto}.canvas{overflow:auto}.catalog-search{width:100%;margin-bottom:.4rem;background:var(--panel);color:inherit;border:1px solid var(--line);padding:.3rem}.catalog-tabs{display:flex;gap:.25rem;margin-bottom:.4rem;flex-shrink:0}.catalog-tabs button{flex:1;background:#2a261c;color:inherit;border:1px solid #4a4333;padding:.25rem}.catalog-tabs button.active{background:var(--accent);color:#16140f}.catalog-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;min-height:0}.catalog-list li button{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:.35rem .15rem;cursor:pointer}.catalog-list li button.selected{background:#3a3224}.catalog-list li span{display:block;font-size:.75rem;opacity:.7}.identity{font-size:.85rem;opacity:.85;margin:0 0 .5rem}.identity h2{margin:0 0 .2rem;font-size:1rem}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.actions button,.top button{width:auto;border:1px solid #4a4333;padding:.3rem .7rem;background:#2a261c;color:inherit;cursor:pointer}.editor-text{width:100%;min-height:8rem;flex:1;background:var(--panel);color:inherit;border:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.glyph-editor{outline:none}.glyph-page{background:#000;border:1px solid var(--line);padding:.6rem .6rem .4rem;margin-bottom:.6rem;overflow-x:auto;width:fit-content;max-width:100%}.glyph-page-label{font-size:.7rem;opacity:.6;margin-bottom:.3rem}.glyph-line{display:flex;align-items:center;margin:.15rem 0}.glyph-slots{display:flex}.glyph-slot{flex-shrink:0;padding:0;border:1px solid #2a261c;background-color:#000;background-repeat:no-repeat;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}.glyph-slot.active{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.glyph-fallback{font-size:.7rem;color:#c4a35a}.glyph-toolbar{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-top:.4rem}.glyph-special{min-width:1.8rem;background:#2a261c;color:inherit;border:1px solid #4a4333;padding:.15rem .4rem;cursor:pointer}.text-preview{margin:0 0 .7rem}.text-preview img{image-rendering:pixelated;max-width:100%;height:auto;background:#000}.text-preview figcaption{font-size:.7rem;opacity:.6;margin-bottom:.2rem}.hint,.note{font-size:.8rem;opacity:.75}.capacity{font-variant-numeric:tabular-nums}.canvas-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#100e0a;overflow:auto}.tile-sheet img,.palette-sheet img,.level-view img{max-width:100%;height:auto;image-rendering:pixelated}.sfx-player audio,.music-player audio{width:100%}.music-player .transport{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.music-player .transport button{min-width:4.5rem}.transport-meta,.transport-time{font-size:.8rem;opacity:.75;font-variant-numeric:tabular-nums}.audio-canvas{display:flex;flex-direction:column;gap:.5rem;min-width:0}.waveform{width:100%;height:64px;cursor:pointer;background:#100e0a;border:1px solid var(--line)}.tracker{flex:1;min-height:12rem;overflow:auto;border:1px solid var(--line);font-family:ui-monospace,monospace;font-size:.75rem}.tracker table{width:100%;border-collapse:collapse}.tracker th,.tracker td{padding:.12rem .35rem;border-bottom:1px solid #2a261c;text-align:left;white-space:nowrap}.tracker th{position:sticky;top:0;background:#1c1913}.tracker tr.now{background:#3a3224}.tracker td.hit{color:#e8c468}.tracker td.rest{opacity:.35}.tracker .row-num{opacity:.5;width:3rem}.tracker tr{cursor:pointer}.palette-picker{display:flex;flex-direction:column;gap:.35rem;margin:.5rem 0;min-height:0}.pal-slot-list{list-style:none;padding:0;margin:0;max-height:14rem;overflow-y:auto;border:1px solid var(--line)}.pal-slot-list button{display:flex;align-items:center;gap:.4rem;width:100%;background:transparent;color:inherit;border:0;padding:.25rem .35rem;cursor:pointer}.pal-slot-list button.active{background:#3a3224}.pal-swatches{display:flex;width:3.2rem;height:.9rem;flex-shrink:0}.pal-swatches span{flex:1}.pal-label{font-size:.7rem;opacity:.85}.palette-swatches{display:flex;flex-wrap:wrap;gap:2px}.palette-swatches span{width:1.4rem;height:1.4rem;display:inline-block;border:1px solid #4a4333}.mt-grid{display:grid;grid-template-columns:repeat(8,1.8rem);gap:2px}.mt-grid button{width:1.8rem;height:1.8rem;padding:0;font-size:.6rem;background:var(--panel);color:inherit;border:1px solid var(--line)}.mt-grid button.hi{outline:1px solid var(--accent)}.diagnostics{flex-shrink:0;border-top:1px solid var(--line);padding:.45rem 1rem;max-height:7rem;overflow:auto}.diagnostics li{color:#e0a0a0}.diagnostics.ok{opacity:.6}pre.bytes{white-space:pre-wrap;background:var(--panel);padding:.5rem;font-size:.75rem}details.bytes-wrap{margin-top:.5rem}.build-log{background:var(--panel);padding:.6rem;overflow:auto;flex:1;white-space:pre-wrap}.source-workspace{grid-template-columns:16rem minmax(0,1fr)}.source-canvas{min-width:0}.source-editor{flex:1;min-height:0;border:1px solid var(--line);overflow:hidden}.source-view{flex:1;min-height:0;margin:0;overflow:auto;background:#100e0a;border:1px solid var(--line);font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.75rem;line-height:1.45}.source-line{display:flex}.source-gutter{flex:0 0 3.2rem;padding:0 .6rem 0 .4rem;text-align:right;opacity:.4;-webkit-user-select:none;user-select:none}.source-text{flex:1;white-space:pre;padding-right:.8rem}.play-workspace .canvas{gap:.4rem;overflow:hidden}.play-workspace h2,.play-workspace .identity,.play-workspace .actions{flex-shrink:0}.play-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:.6rem}.nes-screen{flex:1;min-height:0;width:100%;display:grid;place-items:center;overflow:hidden;container-type:size;background:#000;border:1px solid var(--line)}.nes-frame{aspect-ratio:256 / 240;width:min(100cqw,calc(100cqh * 256 / 240));height:auto;max-width:100%;max-height:100%}.nes-frame canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block;outline:none}.play-keys{flex-shrink:0;border-collapse:collapse;font-size:.78rem;margin:0 auto;text-align:center}.play-keys caption{caption-side:top;text-align:center;opacity:.65;padding-bottom:.2rem}.play-keys th{text-align:right;padding:.1rem .8rem .1rem 0;font-weight:600}.play-keys td{text-align:left;opacity:.8}