@font-face{font-family:VT323;src:url(/assets/VT323-Regular-DICElq-Y.ttf)format("truetype");font-display:swap}:root,:root[data-theme=dark]{--bg:#131419;--bg2:#0e0f13;--panel:#1c1e25;--panel2:#23262f;--border:#333743;--text:#e8e9ee;--text-dim:#969daa;--accent:#f0a437;--accent-text:#17130a;--accent2:#52c5ff;--danger:#e46060;--rec:#e04a4a;--roll-bg:#17181d;--roll-row-alt:#1d1f26;--roll-grid:#23252c;--roll-beat:#2b2e37;--roll-bar:#454b58;--roll-note:#f0a437;--roll-note-sel:#52c5ff;--roll-note-edge:#ffffff59;--roll-key-white:#2b2e36;--roll-key-black:#15161a;--roll-text:#969daa;--playhead:#62e372;--sec-INTRO:#3aa7a0;--sec-MAIN_A:#e09a35;--sec-MAIN_B:#d4703a;--sec-FILL_AB:#8a76c9;--sec-FILL_BA:#b76bb2;--sec-ENDING:#6486ad;--radius:6px;--font:"Inter", "Segoe UI", system-ui, sans-serif;--font-size:13px;--lcd-glow:none}:root[data-theme=lcd]{--bg:#b2b6a4;--bg2:#a9ad9b;--panel:#b2b6a4;--panel2:#a7ab98;--border:#58497f;--text:#352a5e;--text-dim:#5d5387;--accent:#352a5e;--accent-text:#c3c7b3;--accent2:#352a5e;--danger:#352a5e;--rec:#352a5e;--roll-bg:#b2b6a4;--roll-row-alt:#aaae9c;--roll-grid:#9da28f;--roll-beat:#929784;--roll-bar:#58497f;--roll-note:#352a5e;--roll-note-sel:#7360b3;--roll-note-edge:#c3c7b399;--roll-key-white:#a7ab98;--roll-key-black:#8f947f;--roll-text:#352a5e;--playhead:#241c45;--sec-INTRO:#4a3d72;--sec-MAIN_A:#352a5e;--sec-MAIN_B:#352a5e;--sec-FILL_AB:#4a3d72;--sec-FILL_BA:#4a3d72;--sec-ENDING:#4a3d72;--radius:0px;--font:"VT323", monospace;--font-size:16px;--lcd-glow:0 0 4px #352a5e40}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg2);color:var(--text);font-family:var(--font);font-size:var(--font-size);overflow:hidden}:root[data-theme=lcd] body:after{content:"";pointer-events:none;z-index:999;mix-blend-mode:multiply;background-image:radial-gradient(#352a5e1a 1px,#0000 1px);background-size:3px 3px;position:fixed;inset:0}button,select,input{font-family:inherit;font-size:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius)}button{cursor:pointer;text-shadow:var(--lcd-glow);padding:3px 8px}button:hover{border-color:var(--text-dim)}button.active,.chip.active,.flag.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.rec.active{background:var(--rec);color:#fff;border-color:var(--rec)}select{max-width:100%;padding:2px 4px}input[type=number],.numfield-body input{color:var(--text);text-align:center;appearance:textfield;background:0 0;border:none;outline:none;width:100%;min-width:0}.numfield-body:focus-within{border-color:var(--accent)}input[type=number]::-webkit-inner-spin-button{display:none}input[type=range]{appearance:none;cursor:pointer;background:0 0;border:none;height:14px;margin:0;padding:0}input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:var(--radius);height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:1px solid var(--bg2);border-radius:var(--radius);width:9px;height:14px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--border);border-radius:var(--radius);height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:var(--radius);height:4px}input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid var(--bg2);border-radius:var(--radius);width:9px;height:14px}input[type=checkbox]{appearance:none;background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;place-content:center;width:14px;height:14px;margin:0;padding:0;display:inline-grid}input[type=checkbox]:before{content:"";background:0 0;border-radius:1px;width:8px;height:8px}input[type=checkbox]:checked:before{background:var(--accent)}label{color:var(--text-dim);align-items:center;gap:4px;display:inline-flex}.spacer{flex:1}.hint{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.empty-hint{color:var(--text-dim);text-align:center;padding:18px}.empty-hint.big{margin-top:10vh;line-height:1.9}.app{background:var(--bg);flex-direction:column;height:100%;display:flex}.app-body{flex:1;min-height:0;display:flex}.statusbar{border-top:1px solid var(--border);color:var(--text-dim);background:var(--panel);white-space:nowrap;padding:3px 10px;font-size:.85em;overflow:hidden}.transport{background:var(--panel);border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;display:flex}.brand{letter-spacing:2px;color:var(--accent);text-shadow:var(--lcd-glow);-webkit-user-select:none;user-select:none;font-weight:700}.brand-mark{color:var(--text-dim)}.transport-group{align-items:center;gap:4px;display:flex}.mode-btn{letter-spacing:1px;padding:4px 12px}.position{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;min-width:84px;color:var(--playhead);text-shadow:var(--lcd-glow);padding:3px 10px;font-family:VT323,monospace;font-size:18px}:root[data-theme=lcd] .position{background:var(--panel2);color:var(--text)}.song-title{min-width:80px;padding:2px 6px;font-weight:600}.popover-anchor{position:relative}.popover{z-index:100;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:220px;padding:10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 24px #00000073}.midi-panel,.file-menu{flex-direction:column;gap:8px;display:flex}.midi-panel label{justify-content:space-between}.midi-panel small{color:var(--text-dim);max-width:240px}.midi-diag{gap:6px;display:flex}.file-menu button{text-align:left;padding:6px 10px}.numfield{gap:2px}.numfield-body{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;display:inline-flex}.numfield-body button{color:var(--text-dim);background:0 0;border:none;padding:1px 5px}.minislider{align-items:center;display:inline-flex}.minislider input{width:56px}.editable-input{background:var(--panel2);border:1px solid var(--accent);color:var(--text);min-width:60px;padding:1px 4px}.chip{border-radius:var(--radius);padding:2px 8px}.chip.danger{color:var(--danger)}.flag{padding:1px 6px;font-size:.85em;line-height:1.4}.flag.solo.on{background:var(--accent2);border-color:var(--accent2);color:var(--accent-text)}:root[data-theme=lcd] .flag.solo.on{color:var(--accent-text);background:var(--accent)}.pattern-view{flex:1;min-width:0;min-height:0;display:flex}.pattern-side{border-right:2px solid var(--border);background:var(--panel);flex-direction:column;width:320px;min-width:320px;display:flex;overflow-y:auto}.pattern-main{flex-direction:column;flex:1;min-width:0;display:flex}.panel{border-bottom:1px solid var(--border);padding:8px 10px}.panel-title{color:var(--text-dim);letter-spacing:2px;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.8em;display:flex}.style-row{gap:4px;display:flex}.style-row select{flex:1;min-width:0}.style-name{color:var(--text-dim);margin-top:4px;font-size:.9em;display:inline-block}.section-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.section-btn{letter-spacing:1px;padding:8px 4px;position:relative}.section-btn.has-data:after{content:"●";color:var(--accent2);font-size:8px;position:absolute;top:1px;right:5px}.section-btn.active.has-data:after{color:var(--accent-text)}.section-len{justify-content:space-between;align-items:center;margin-top:8px;display:flex;position:relative}.audition-chord{position:relative}.parts-panel{flex:1}.add-part{font-size:.9em}.part-list{flex-direction:column;gap:6px;display:flex}.part-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);cursor:pointer;gap:6px;padding:6px;display:flex}.part-row.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.part-row.muted{opacity:.55}.part-ch{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);min-width:22px;height:22px;color:var(--text-dim);justify-content:center;align-items:center;font-size:.85em;display:inline-flex}:root[data-theme=lcd] .part-ch{background:var(--panel2)}.part-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.part-line{align-items:center;gap:4px;min-width:0;display:flex}.part-line select{flex:1;min-width:0}.part-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.part-flags{gap:3px;display:inline-flex}.copy-anchor{position:relative}.copy-menu{flex-direction:column;gap:4px;min-width:140px;display:flex}.copy-menu-title{color:var(--text-dim);white-space:nowrap;margin-bottom:2px;font-size:.85em}.mix-line{gap:2px}.mix-line .minislider input{width:52px}.program-select.drum-label{color:var(--text-dim);font-size:.9em}.chord-picker{flex-direction:column;gap:8px;width:300px;display:flex}.chord-picker-roots,.chord-picker-types{flex-wrap:wrap;gap:3px;display:flex}.chord-picker-footer{justify-content:space-between;align-items:center;display:flex}.proll{flex-direction:column;flex:1;min-height:0;display:flex}.proll-toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:nowrap;align-items:center;gap:10px;padding:4px 8px;display:flex;overflow:hidden}.proll-scroll{background:var(--roll-bg);outline:none;flex:1;min-height:0;position:relative;overflow:auto}.proll-sticky{z-index:2;width:0;height:0;position:sticky;top:0;left:0;overflow:visible}.proll-canvas,.proll-overlay{position:absolute;top:0;left:0}.proll-overlay{z-index:3;touch-action:none}.proll-spacer{pointer-events:none}.song-view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.song-topbar{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:5px 10px;display:flex}.block-inspector{gap:4px;display:inline-flex}.song-scroll{flex:1;min-height:120px;position:relative;overflow:auto}.song-inner{min-width:100%;position:relative}.song-row{border-bottom:1px solid var(--border);display:flex;position:relative}.lane-head{background:var(--panel);border-right:2px solid var(--border);z-index:10;align-items:center;gap:6px;width:260px;min-width:260px;padding:4px 8px;display:flex;position:sticky;left:0;overflow:hidden}.lane-head.muted{opacity:.55}.lane-btns{gap:3px;margin-left:auto;display:inline-flex}.melody-head{flex-direction:column;align-items:stretch;gap:2px;padding:4px 8px}.melody-head-line{align-items:center;gap:4px;min-width:0;display:flex}.melody-head-line select{flex:1;min-width:0}.song-lanes{flex-shrink:0;min-height:28px;position:relative}.ruler-row{z-index:20;background:var(--panel);position:sticky;top:0}.ruler{cursor:pointer;background:var(--panel2);height:26px}.ruler-head{color:var(--text-dim);font-size:.8em}.ruler-cell{border-left:1px solid var(--border);color:var(--text-dim);pointer-events:none;align-items:center;padding-left:3px;font-size:.8em;display:flex;position:absolute;top:0;bottom:0}.loop-region{background:color-mix(in srgb, var(--accent) 30%, transparent);border-left:2px solid var(--accent);border-right:2px solid var(--accent);pointer-events:none;position:absolute;top:0;bottom:0}.chord-row{background:var(--bg)}.chord-lane{height:26px}.chord-cell{white-space:nowrap;text-align:left;color:var(--accent2);z-index:1;background:0 0;border:1px dashed #0000;border-radius:0;padding:0 2px;font-size:.85em;position:absolute;top:2px;bottom:2px;overflow:visible}.chord-cell:hover{border-color:var(--text-dim)}.chord-cell.has-chord{z-index:2;font-weight:700}:root[data-theme=lcd] .chord-cell,:root[data-theme=lcd] .chord-cell.has-chord{color:var(--text)}.pattern-lane,.melody-lane{background:var(--roll-bg);cursor:copy}.melody-lane{cursor:default}.bar-grid{pointer-events:none;height:100%;position:absolute;inset:0}.grid-bar{stroke:var(--roll-grid)}.grid-bar.strong{stroke:var(--roll-bar)}.pattern-block{border-radius:var(--radius);color:#10120c;cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;padding:2px 6px;line-height:1.1;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.pattern-block.section-INTRO{background:var(--sec-INTRO)}.pattern-block.section-MAIN_A{background:var(--sec-MAIN_A)}.pattern-block.section-MAIN_B{background:var(--sec-MAIN_B)}.pattern-block.section-FILL_AB{background:var(--sec-FILL_AB)}.pattern-block.section-FILL_BA{background:var(--sec-FILL_BA)}.pattern-block.section-ENDING{background:var(--sec-ENDING)}:root[data-theme=lcd] .pattern-block{color:var(--accent-text);border:1px solid var(--border)}.pattern-block.selected{outline:2px solid var(--text)}.block-label{letter-spacing:1px;font-size:.8em;font-weight:700}.block-style{opacity:.8;white-space:nowrap;font-size:.75em}.block-resize{cursor:ew-resize;width:8px;position:absolute;top:0;bottom:0;right:0}.melody-row.selected .lane-head{box-shadow:inset 3px 0 0 var(--accent)}.mini-notes{pointer-events:none;position:absolute;inset:0}.mini-notes rect{fill:var(--roll-note)}.add-row .lane-head{background:0 0;border-right:none;gap:6px;width:auto;min-width:260px}.song-playhead{background:var(--playhead);pointer-events:none;z-index:15;width:2px;position:absolute;top:0;bottom:0}.song-roll{border-top:2px solid var(--border);flex-direction:column;height:42%;min-height:200px;display:flex}.song-roll-title{background:var(--panel);color:var(--text-dim);align-items:center;gap:10px;padding:3px 10px;font-size:.9em;display:flex}:root[data-theme=lcd] *{text-shadow:var(--lcd-glow)}:root[data-theme=lcd] .drum-icon{font-size:0}:root[data-theme=lcd] .drum-icon:after{content:"D";font-size:var(--font-size);font-weight:700}:root[data-theme=lcd] .popover{box-shadow:4px 4px #352a5e59}