:root{--bg:#0f1115;--surface:#181b22;--surface-2:#222631;--text:#e8eaf0;--muted:#8b91a1;--accent:#2dd4a7;--accent-2:#7dd3fc;--line:#3a4050;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:24px 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;color:var(--text);background:var(--surface-2);cursor:pointer;border:1px solid #0000;border-radius:10px;transition:background .15s,border-color .15s,transform 50ms}button:hover{border-color:var(--line)}button:active{transform:scale(.97)}.panel{background:var(--surface);border-radius:20px;padding:20px;box-shadow:0 20px 50px #0006}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-header h2{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.9rem}.switch{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.switch input{accent-color:var(--accent)}.top-nav{justify-content:flex-end;gap:8px;max-width:1100px;margin:-8px auto 8px;display:flex}.top-nav a{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-block}.top-nav a:hover{border-color:var(--accent)}.top-nav .suite{color:var(--muted);border-color:#0000;align-items:center;gap:8px;margin-right:auto;padding-left:0;display:inline-flex}.top-nav .suite:hover{color:var(--text);border-color:#0000}.top-nav .suite svg{width:22px;height:22px}.top-nav .kofi{color:#111;background:var(--accent);border-color:var(--accent)}.top-nav .kofi:hover{filter:brightness(1.1)}.card{background:var(--surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px;display:flex}.card-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.card .switch.title{color:var(--text);font-weight:600}.card button{background:var(--bg)}.field{font:inherit;text-align:center;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg);border:1px solid #0000;border-radius:8px;padding:6px;font-weight:600}.field:focus{border-color:var(--accent);outline:none}.uploader[data-astro-cid-hx6pd4tt]{flex-direction:column;gap:8px;display:flex}.dropzone[data-astro-cid-hx6pd4tt]{border:2px dashed var(--line);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:48px 20px;transition:border-color .15s,background .15s,padding .2s;display:flex}.dropzone[data-astro-cid-hx6pd4tt]:hover,.dropzone[data-astro-cid-hx6pd4tt].over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.dropzone[data-astro-cid-hx6pd4tt].busy{cursor:progress;opacity:.7}.title[data-astro-cid-hx6pd4tt]{font-size:1.15rem;font-weight:600}.sub[data-astro-cid-hx6pd4tt],.privacy[data-astro-cid-hx6pd4tt]{color:var(--muted);font-size:.85rem}.status[data-astro-cid-hx6pd4tt]:empty{display:none}.status[data-astro-cid-hx6pd4tt].error{color:#ff7a7a}.privacy[data-astro-cid-hx6pd4tt]{text-align:center;margin:0}.loaded[data-astro-cid-hx6pd4tt] .dropzone[data-astro-cid-hx6pd4tt]{flex-flow:wrap;justify-content:center;gap:4px 12px;padding:14px 20px}.loaded[data-astro-cid-hx6pd4tt] .title[data-astro-cid-hx6pd4tt]{font-size:.95rem}.loaded[data-astro-cid-hx6pd4tt] .privacy[data-astro-cid-hx6pd4tt]{display:none}.sections[data-astro-cid-s76agk4a]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips[data-astro-cid-s76agk4a]{display:contents}.sections[data-astro-cid-s76agk4a] .chip{background:var(--surface-2);border:1px solid #0000;border-radius:10px;display:flex}.sections[data-astro-cid-s76agk4a] .chip.active{border-color:var(--accent)}.sections[data-astro-cid-s76agk4a] .chip button{background:0 0;border:none;padding:6px 10px;font-size:.85rem}.sections[data-astro-cid-s76agk4a] .play-section{align-items:center;gap:6px;padding-right:4px;display:flex}.chip-all[data-astro-cid-s76agk4a] .play-section[data-astro-cid-s76agk4a]{padding-right:12px;font-weight:600}.sections[data-astro-cid-s76agk4a] kbd{font:inherit;color:var(--muted);font-size:.7rem}.sections[data-astro-cid-s76agk4a] .rename{text-align:left;margin:2px;padding:4px 8px;font-size:.85rem}.sections[data-astro-cid-s76agk4a] .remove{color:var(--muted);padding-left:4px}.sections[data-astro-cid-s76agk4a] .remove:hover{color:#ff7a7a}.save-section[data-astro-cid-s76agk4a]{border:1px dashed var(--line);padding:6px 12px;font-size:.85rem}.save-section[data-astro-cid-s76agk4a]:hover{border-color:var(--accent)}.help[data-astro-cid-s76agk4a]{color:var(--muted);font-size:.8rem}.player[data-astro-cid-g2mknjow]{flex-direction:column;gap:12px;display:flex}.player[data-astro-cid-g2mknjow][hidden]{display:none}.panel-header[data-astro-cid-g2mknjow]{flex-wrap:wrap;margin-bottom:0}.song[data-astro-cid-g2mknjow]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-right[data-astro-cid-g2mknjow]{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.save[data-astro-cid-g2mknjow],.close[data-astro-cid-g2mknjow]{border-color:var(--line);padding:6px 12px;font-size:.85rem;font-weight:600}.save[data-astro-cid-g2mknjow]:hover{border-color:var(--accent)}.close[data-astro-cid-g2mknjow]{color:var(--muted)}.close[data-astro-cid-g2mknjow]:hover{color:#ff7a7a;border-color:#ff7a7a}.clock[data-astro-cid-g2mknjow]{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.now[data-astro-cid-g2mknjow]{color:var(--text);font-weight:600}.wave[data-astro-cid-g2mknjow]{--wave-color:#4b5266;background:var(--bg);cursor:crosshair;touch-action:none;user-select:none;border-radius:12px;height:180px;position:relative;overflow:hidden}canvas[data-astro-cid-g2mknjow]{width:100%;height:100%;display:block}.region[data-astro-cid-g2mknjow]{background:color-mix(in srgb, var(--accent) 14%, transparent);border-left:2px solid var(--accent);border-right:2px solid var(--accent);position:absolute;top:0;bottom:0}.grip[data-astro-cid-g2mknjow]{background:color-mix(in srgb, var(--accent) 45%, transparent);cursor:grab;height:14px;position:absolute;top:0;left:0;right:0}.grip[data-astro-cid-g2mknjow]:active{cursor:grabbing}.region[data-astro-cid-g2mknjow].off{background:color-mix(in srgb, var(--accent) 6%, transparent);border-style:dashed}.handle[data-astro-cid-g2mknjow]{cursor:ew-resize;width:16px;position:absolute;top:0;bottom:0}.handle[data-astro-cid-g2mknjow]:after{content:"";background:var(--accent);border-radius:4px;width:8px;height:32px;margin-top:-16px;position:absolute;top:50%}.handle[data-astro-cid-g2mknjow][data-edge=start]{left:-9px}.handle[data-astro-cid-g2mknjow][data-edge=start]:after{left:4px}.handle[data-astro-cid-g2mknjow][data-edge=end]{right:-9px}.handle[data-astro-cid-g2mknjow][data-edge=end]:after{right:4px}.playhead[data-astro-cid-g2mknjow]{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.ruler[data-astro-cid-g2mknjow]{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.zoom[data-astro-cid-g2mknjow]{gap:6px;display:flex}.zoom[data-astro-cid-g2mknjow] button[data-astro-cid-g2mknjow]{padding:6px 10px;font-size:.8rem}.controls[data-astro-cid-g2mknjow],.tools[data-astro-cid-g2mknjow]{gap:10px 16px;display:grid}.controls[data-astro-cid-g2mknjow]{margin-top:4px}@media (width>=820px){.controls[data-astro-cid-g2mknjow]{grid-template-columns:300px 1fr;align-items:center}.tools[data-astro-cid-g2mknjow]{grid-template-columns:220px 1fr 1fr}}.transport[data-astro-cid-g2mknjow]{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.transport[data-astro-cid-g2mknjow] button[data-astro-cid-g2mknjow]{padding:14px 18px;font-size:1.1rem;font-weight:600}.play[data-astro-cid-g2mknjow]{background:var(--accent);color:#111}.play[data-astro-cid-g2mknjow].playing{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.counter[data-astro-cid-g2mknjow]{text-align:right;color:var(--muted);margin:0;font-size:.85rem}.loops[data-astro-cid-g2mknjow]{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.edges[data-astro-cid-g2mknjow]{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.edge-row[data-astro-cid-g2mknjow]{gap:6px;display:flex}.edge-time[data-astro-cid-g2mknjow],.length[data-astro-cid-g2mknjow]{flex:1;min-width:0;font-size:1.1rem}.nudge[data-astro-cid-g2mknjow]{width:36px;font-size:1.2rem}.mark[data-astro-cid-g2mknjow],.select-all[data-astro-cid-g2mknjow]{padding:8px;font-size:.85rem}.hint[data-astro-cid-g2mknjow]{text-align:center;color:var(--muted);margin:0;font-size:.75rem}.speed[data-astro-cid-6utwn7bk]{grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;display:grid}.rate[data-astro-cid-6utwn7bk]{font-variant-numeric:tabular-nums;min-width:4.5ch;font-size:1.1rem;font-weight:700}.rate-slider[data-astro-cid-6utwn7bk]{width:100%;accent-color:var(--accent)}.presets[data-astro-cid-6utwn7bk]{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.preset[data-astro-cid-6utwn7bk]{padding:6px 0;font-size:.85rem}.card[data-astro-cid-6utwn7bk] .preset[data-astro-cid-6utwn7bk].active{background:var(--accent);color:#111}@media (width>=820px){.speed[data-astro-cid-6utwn7bk]{grid-column:1/-1;grid-template-columns:auto auto 1fr auto}.presets[data-astro-cid-6utwn7bk]{grid-column:auto;width:280px}}.pitch-row[data-astro-cid-l6frfce3]{gap:6px;display:flex}.semi[data-astro-cid-l6frfce3]{width:36px;font-size:1.2rem}.semitones[data-astro-cid-l6frfce3]{text-align:center;font-variant-numeric:tabular-nums;flex:1;align-self:center;font-size:1.1rem;font-weight:700}.pitch-reset[data-astro-cid-l6frfce3]{padding:8px;font-size:.85rem}.fields[data-astro-cid-gpq5wax5]{opacity:.5;flex-wrap:wrap;gap:8px 16px;transition:opacity .15s;display:flex}.trainer[data-astro-cid-gpq5wax5].on .fields[data-astro-cid-gpq5wax5]{opacity:1}.fields[data-astro-cid-gpq5wax5] label[data-astro-cid-gpq5wax5]{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.fields[data-astro-cid-gpq5wax5] input[data-astro-cid-gpq5wax5]{width:4.5em}.status[data-astro-cid-gpq5wax5]{color:var(--muted);margin:0;font-size:.85rem}.trainer[data-astro-cid-gpq5wax5].on .status[data-astro-cid-gpq5wax5]{color:var(--accent)}.fields[data-astro-cid-k35tegw6]{opacity:.5;flex-wrap:wrap;align-items:center;gap:8px 12px;transition:opacity .15s;display:flex}.count-in[data-astro-cid-k35tegw6].on .fields[data-astro-cid-k35tegw6]{opacity:1}.fields[data-astro-cid-k35tegw6] label[data-astro-cid-k35tegw6]{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}.fields[data-astro-cid-k35tegw6] input[data-astro-cid-k35tegw6]{width:4.5em}.tap[data-astro-cid-k35tegw6]{padding:6px 14px;font-weight:600}.help[data-astro-cid-k35tegw6]{color:var(--muted);margin:0;font-size:.85rem}main[data-astro-cid-tjofog7i]{flex-direction:column;gap:16px;width:100%;max-width:1100px;margin:0 auto;display:flex}header[data-astro-cid-tjofog7i]{text-align:center}h1[data-astro-cid-tjofog7i]{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:1.4rem}header[data-astro-cid-tjofog7i] p[data-astro-cid-tjofog7i]{color:var(--muted);margin:0}