:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);color:var(--ink);--background:#f6f7f4;--surface:#fff;--surface-strong:#eef3f0;--ink:#17201e;--muted:#59635f;--line:#ccd6d0;--line-strong:#97a9a0;--accent:#98ba1c;--accent-strong:#0b5f59;--accent-soft:#d8f0ec;--accent-ink:#fff;--warn:#9a3412;--warn-soft:#fff1df;--danger:#b42318;--danger-soft:#fff0ed;--danger-line:#f2a29a;--danger-ink:#5f1710;--blue:#1d4ed8;--waveform-surface:#edf5f3;--waveform-overlay:#ffffffd6;--waveform-error-overlay:#fff0edeb;--toggle-track-start:#fef3c7;--toggle-track-end:#cffafe;--shadow:0 12px 32px #17201e14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);color:#e7f0ec;--background:#0d1412;--surface:#151d1a;--surface-strong:#1e2a26;--ink:#e7f0ec;--muted:#a7b8b1;--line:#2c3d37;--line-strong:#526a60;--accent:#2dd4bf;--accent-strong:#7de3d5;--accent-soft:#123b36;--accent-ink:#06231f;--warn:#fbbf24;--warn-soft:#342611;--danger:#fca5a5;--danger-soft:#351819;--danger-line:#7f2d2d;--danger-ink:#ffe4e4;--blue:#93c5fd;--waveform-surface:#182521;--waveform-overlay:#0d1412d6;--waveform-error-overlay:#351819eb;--toggle-track-start:#123b36;--toggle-track-end:#18223a;--shadow:0 16px 40px #00000052}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-width:18rem;min-height:100%;color:var(--ink);margin:0}button,input,select{font:inherit}button,select,input[type=range]{min-height:2.75rem}button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:.65rem .95rem;font-weight:700}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f59e0b}select{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:0 .8rem}#song-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230f766e'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem;transition:border-color .2s,box-shadow .2s}#song-select:hover:not(:disabled){border-color:var(--accent-strong)}#song-select:focus-visible{outline-offset:3px;border-color:var(--accent);outline:3px solid #f59e0b}#song-select option{background:var(--surface);color:var(--ink);padding:.5rem;font-weight:600}#song-select option:checked{background:linear-gradient(var(--accent-soft), var(--accent-soft)), var(--surface);background-color:var(--accent);color:var(--accent-ink);font-weight:700}input[type=range]{width:100%;accent-color:var(--accent)}h1,h2,h3,p{margin-top:0}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,ui-monospace,monospace;line-height:1.55}.app-shell{width:min(100%,112rem);margin:0 auto;padding:1rem}.app-header{align-items:end;gap:1rem;padding:.75rem 0 1rem;display:grid}.app-header-side{flex-direction:column;gap:.5rem;display:flex}.app-header-actions{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.75rem;display:grid}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin-bottom:.25rem;font-size:.82rem;font-weight:800}.app-header h1{margin-bottom:0;font-size:2rem;line-height:1.05}.song-selector{gap:.35rem;display:grid}.theme-toggle{background:linear-gradient(135deg, var(--toggle-track-start), var(--toggle-track-end));width:4.7rem;height:2.55rem;min-height:2.55rem;box-shadow:inset 0 0 0 1px #ffffff47, var(--shadow);color:var(--accent-strong);border-radius:999px;align-self:end;padding:0;display:inline-grid;position:relative}.theme-toggle:hover:not(:disabled){color:var(--accent-strong)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1rem;height:1rem}.theme-toggle-icon,.theme-toggle-thumb{place-items:center;display:grid}.theme-toggle-icon{color:var(--muted);opacity:.72;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle-sun{left:.68rem}.theme-toggle-moon{right:.72rem}.theme-toggle-thumb{background:var(--surface);width:2.08rem;height:2.08rem;color:var(--accent);border:1px solid #ffffffad;border-radius:999px;transition:transform .2s,color .2s,background .2s;position:absolute;top:.2rem;left:.22rem;box-shadow:0 8px 18px #0f172a38}.theme-toggle-dark .theme-toggle-thumb{color:var(--accent-strong);transform:translate(2.12rem)}.app-header-toggles{align-items:end;gap:.5rem;display:flex}.lite-toggle{background:var(--surface);min-height:2.55rem;box-shadow:inset 0 0 0 1px #0f172a29, var(--shadow);color:var(--muted);text-transform:uppercase;letter-spacing:.02em;border-radius:999px;align-self:end;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.82rem;font-weight:800;display:inline-flex}.lite-toggle:hover:not(:disabled){color:var(--accent-strong)}.lite-toggle-dot{background:var(--muted);border-radius:999px;width:.7rem;height:.7rem;transition:background .2s,box-shadow .2s;box-shadow:inset 0 0 0 1px #0f172a2e}.lite-toggle-on{background:var(--accent-strong);color:#fff;box-shadow:inset 0 0 0 1px var(--accent-strong), 0 6px 16px #0f766e66}.lite-toggle-on:hover:not(:disabled){color:#fff}.lite-toggle-on .lite-toggle-dot{background:#fff;box-shadow:0 0 0 3px #ffffff59}.app-version{color:var(--muted);letter-spacing:.02em;text-align:right;opacity:.75;font-variant-numeric:tabular-nums;align-self:flex-end;margin:0;font-size:.7rem;font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.song-selector label,.transport-seek label,.volume-control label{color:var(--muted);font-size:.86rem;font-weight:800}.panel,.status,.stem-row{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.status{margin:.5rem 0 1rem;padding:1rem}.status strong{margin-bottom:.25rem;display:block}.status p{margin-bottom:0}.status-error{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger-ink)}.loading-panel{gap:1rem;padding:1rem;display:grid}.loading-copy h2{margin-bottom:.25rem;font-size:1.08rem}.loading-copy p{color:var(--muted);margin-bottom:0;font-weight:700;line-height:1.45}.loading-wait-message{color:var(--accent-strong);margin-top:.35rem;font-size:.88rem;font-weight:800}.loading-numeric-feedback{font-variant-numeric:tabular-nums;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:-.5rem;font-size:.85rem;font-weight:800;display:flex}.loading-numeric-pct{color:var(--accent-strong)}.loading-progress{border:1px solid var(--line);background:var(--surface-strong);border-radius:999px;height:.58rem;position:relative;overflow:hidden}.loading-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .25s ease-out}.song-loading-banner{background:var(--surface);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent-soft), var(--shadow);color:var(--text);border-radius:.75rem;gap:.55rem;margin-top:.6rem;padding:.75rem 1rem;animation:.2s ease-out banner-fade-in;display:grid}.song-loading-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.song-loading-title-group{align-items:center;gap:.55rem;display:inline-flex}.song-loading-spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:999px;flex:none;width:1rem;height:1rem;animation:.7s linear infinite loading-spin}.song-loading-title{color:var(--accent-strong);letter-spacing:.01em;font-size:.92rem;font-weight:800}.song-loading-numeric{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:800;display:inline-flex}.song-loading-percentage{color:var(--accent-strong)}.song-loading-bar{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;height:.5rem;position:relative;overflow:hidden}.song-loading-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));height:100%;transition:width .25s ease-out}@keyframes banner-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-progress span{inset-block:0;border-radius:inherit;background:linear-gradient(90deg, transparent, var(--accent), transparent);width:42%;animation:1.15s ease-in-out infinite loading-bar;position:absolute;left:-42%}.loading-skeleton{gap:.6rem;display:grid}.loading-skeleton span{background:linear-gradient(90deg, var(--surface-strong), var(--accent-soft), var(--surface-strong));background-size:220% 100%;border-radius:999px;height:.9rem;animation:1.35s ease-in-out infinite loading-sheen}.loading-skeleton span:nth-child(2){width:82%}.loading-skeleton span:nth-child(3){width:56%}@keyframes loading-bar{to{left:100%}}@keyframes loading-sheen{0%{background-position:100% 0}to{background-position:-120% 0}}.player-grid,.player-stack,.info-stack,.stem-mixer{gap:6px;display:grid}.transport-shell{z-index:3;position:relative}.transport-bar{gap:1rem;padding:1rem;display:grid}.transport-command-stack{gap:.75rem;display:grid}.transport-song-title{overflow-wrap:anywhere;margin:0;font-size:1.08rem;font-weight:900;line-height:1.2}.transport-actions{gap:.45rem;display:grid}.transport-actions-primary,.transport-actions-secondary{gap:.35rem;display:grid}.transport-actions-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-actions-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-actions button{white-space:nowrap;min-width:0;padding-inline:.35rem;font-size:.8rem}.mixer-action-open,.sections-action-open,.lyrics-action-open{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.sections-popover,.mixer-popover,.lyrics-popover{z-index:20;pointer-events:none;opacity:0;gap:.85rem;padding:.9rem;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + .45rem);left:0;transform:translateY(-.7rem)}.sections-popover{width:min(100%,34rem)}.mixer-popover{border-color:color-mix(in srgb, var(--accent-strong) 42%, var(--line));background:linear-gradient(180deg, #ffffff0f, transparent), var(--surface);grid-template-rows:auto minmax(0,auto);width:min(100%,64rem);max-height:min(30rem,100vh - 12rem);overflow:auto;box-shadow:0 22px 54px #0000002e}.lyrics-popover{grid-template-rows:auto minmax(0,1fr);width:min(100%,42rem);max-height:min(28rem,100vh - 12rem);overflow:hidden}.sections-popover-open,.mixer-popover-open,.lyrics-popover-open{pointer-events:auto;opacity:1;transform:translateY(0)}.sections-popover-header,.mixer-popover-header,.lyrics-popover-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sections-popover-header h2,.mixer-popover-header h2,.lyrics-popover-header h2{margin-bottom:0;font-size:1rem}.sections-popover-close,.mixer-popover-close,.lyrics-popover-close{min-height:2.1rem;padding:.25rem .65rem;font-size:.82rem}.mixer-deck{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 86%, transparent), var(--surface)), var(--surface);border-radius:8px;gap:.65rem;padding:.7rem;display:grid}.mixer-presets{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);flex-wrap:wrap;align-items:center;gap:.4rem;padding-bottom:.4rem;display:flex}.mixer-presets-title{text-transform:uppercase;color:var(--muted);margin-right:.2rem;font-size:.75rem;font-weight:700}.mixer-preset-btn{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;transition:all .15s}.mixer-preset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.mixer-channel-bank{grid-auto-columns:minmax(5.8rem,1fr);grid-auto-flow:column;gap:.55rem;padding-bottom:.15rem;display:grid;overflow-x:auto}.mixer-channel-strip{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:linear-gradient(180deg, #ffffff0d, transparent 40%), color-mix(in srgb, var(--surface-strong) 78%, var(--surface));border-radius:8px;grid-template-rows:4.8rem minmax(2rem,auto) 7.4rem auto auto;place-items:end center;gap:.45rem;min-width:5.8rem;padding:.55rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.mixer-channel-strip.solo{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 54%, transparent)}.mixer-channel-muted{opacity:.68}.mixer-led-meter{flex-direction:column-reverse;align-self:stretch;gap:.16rem;width:.6rem;display:flex}.mixer-led-meter span{background:color-mix(in srgb, var(--line) 52%, transparent);border-radius:999px;flex:1;transition:background 80ms,box-shadow 80ms,opacity 80ms;box-shadow:inset 0 0 0 1px #00000014}.mixer-led-meter span.lit{background:var(--accent);box-shadow:0 0 .45rem color-mix(in srgb, var(--accent) 72%, transparent)}.mixer-led-meter span.lit:nth-last-child(-n+2){background:#f59e0b;box-shadow:0 0 .48rem #f59e0b8c}.mixer-led-meter span.lit:last-child{background:var(--danger);box-shadow:0 0 .5rem color-mix(in srgb, var(--danger) 62%, transparent)}.mixer-channel-meter{background:color-mix(in srgb, var(--line) 55%, transparent);border-radius:999px;align-self:stretch;width:.45rem;overflow:hidden}.mixer-channel-meter span{inset-inline:0;border-radius:inherit;background:linear-gradient(180deg, var(--accent), var(--accent-strong));position:absolute;bottom:0}.mixer-channel-strip label{max-width:100%;min-height:2.2rem;color:var(--ink);overflow-wrap:anywhere;text-align:center;align-self:start;font-size:.82rem;font-weight:900;line-height:1.15}.mixer-channel-fader{writing-mode:vertical-lr;direction:rtl;width:8.5rem;height:7.4rem;min-height:7.4rem}.mixer-channel-strip output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.mixer-channel-actions{grid-template-columns:repeat(2,2rem);gap:.35rem;display:grid}.mixer-channel-actions button{border-radius:999px;min-height:2rem;padding:0;font-size:.78rem;line-height:1}.bpm-control{grid-template-columns:2.1rem max-content 2.1rem max-content;justify-content:space-evenly;align-items:center;gap:.35rem;display:grid}.bpm-control button{min-height:2.1rem;padding:.25rem .45rem;font-size:.82rem;line-height:1}.bpm-control output{border:1px solid var(--line);background:var(--surface-strong);min-height:2.1rem;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;border-radius:8px;place-items:center;padding-inline:.55rem;font-size:.78rem;font-weight:800;display:grid}.primary-action,button.active{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}button.active:after{content:" on";font-weight:600}.transport-seek,.volume-control{gap:.32rem;display:grid}.transport-seek output,.volume-control output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.transport-readouts{flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;display:flex}.transport-seek .bpm-control{border-top:1px solid var(--line);margin-top:.45rem;padding-top:.55rem}.stem-row{gap:.85rem;padding:.85rem;display:grid}.stem-row.error-row{border-color:var(--danger-line)}.stem-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title state""buttons buttons";align-items:center;gap:.7rem;display:grid}.stem-title{grid-area:title;min-width:0}.stem-title h2{overflow-wrap:anywhere;margin-bottom:0;font-size:1.05rem}.stem-control-state{grid-area:state;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.stem-disclosure{border-color:var(--line);background:var(--surface-strong);width:2.45rem;min-height:1.45rem;color:var(--muted);border-radius:999px;padding:0;position:relative}.stem-disclosure:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.stem-disclosure span{background:currentColor;border-radius:999px;width:1rem;height:1rem;transition:transform .18s,color .18s;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.stem-disclosure-expanded{border-color:var(--accent);color:var(--accent)}.stem-disclosure-expanded span{transform:translate(.87rem,-50%)}.stem-details{gap:.85rem;display:grid}.stem-details[hidden]{display:none}.stem-state{border:1px solid var(--line);background:var(--surface-strong);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:800}.stem-state-loading{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent), 0 0 10px #98ba1c59;align-items:center;gap:.35rem;padding:.25rem .6rem;animation:1.4s ease-in-out infinite stem-state-pulse;display:inline-flex}.stem-state-ready{border-color:var(--line);color:var(--muted)}.stem-loading-dot{background-color:var(--accent);border-radius:999px;flex:none;width:.45rem;height:.45rem;animation:.75s ease-in-out infinite alternate dot-pulse;display:inline-block}.stem-row.stem-row-loading{border-color:var(--accent);background:linear-gradient(to right, var(--surface), var(--surface-strong));box-shadow:0 0 0 1px var(--accent-soft);transition:border-color .2s,box-shadow .2s}@keyframes stem-state-pulse{0%,to{box-shadow:0 0 0 1px var(--accent), 0 0 6px #98ba1c33}50%{box-shadow:0 0 0 2px var(--accent-strong), 0 0 14px #98ba1c73}}@keyframes dot-pulse{0%{opacity:.5;transform:scale(.65)}to{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.song-loading-spinner,.stem-state-loading,.stem-loading-dot{animation:none}}.error-text{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger)}.stem-buttons{grid-area:buttons;grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.waveform-shell{border:1px solid var(--line);background:var(--waveform-surface);border-radius:8px;min-height:5rem;position:relative;overflow:hidden}.waveform-canvas{min-height:4.5rem}.waveform-overlay{background:var(--waveform-overlay);color:var(--muted);text-align:center;place-items:center;padding:.75rem;font-weight:800;display:grid;position:absolute;inset:0}.waveform-error{background:var(--waveform-error-overlay);color:var(--danger)}.stem-error{color:var(--danger);margin:0;font-weight:700}.song-info{padding:1rem}.song-heading{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.8rem}.song-heading h2,.lyrics-panel h2{margin-bottom:.25rem;font-size:1.3rem}.song-heading p{color:var(--muted);margin-bottom:0;font-weight:700}.metadata-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0 0 1rem;display:grid}.metadata-grid div{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;padding:.7rem}.metadata-grid dt{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.metadata-grid dd{margin:.2rem 0 0;font-weight:800}.info-section{border-top:1px solid var(--line);gap:.5rem;padding-top:1rem;display:grid}.info-section+.info-section{margin-top:1rem}.info-section h3{margin-bottom:0;font-size:1rem}.info-section p{color:var(--ink);margin-bottom:0;line-height:1.55}.section-list{gap:.5rem;display:grid}.section-item{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.4rem;display:grid}.section-item .section-marker{flex:1;min-width:0}.section-marker{text-align:left;justify-content:space-between;gap:1rem;transition:background-color .15s,border-color .15s,color .15s;display:flex}.section-marker.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.section-loop-btn{background:var(--surface);border:1px solid var(--line-strong);min-width:2.75rem;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;padding:0 .65rem;transition:all .15s;display:inline-grid}.section-loop-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.section-loop-btn.loop-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent)}.lyrics-panel{border-top:1px solid var(--line);min-height:0;color:var(--ink);padding-top:.85rem;overflow:auto}.lyrics-panel p{color:var(--ink);margin-bottom:0}.lyrics-panel pre{font-size:.96rem}@media (width<=32em) and (orientation:portrait){.mixer-popover{width:100%;max-height:min(25rem,100vh - 10rem);padding:.55rem}.mixer-deck{padding:.42rem}.mixer-channel-bank{grid-auto-columns:minmax(2.8rem,1fr);gap:.22rem;overflow-x:hidden}.mixer-channel-strip{grid-template-rows:3.2rem minmax(1.65rem,auto) 5.6rem auto auto;gap:.28rem;min-width:0;padding:.34rem .2rem}.mixer-led-meter{gap:.1rem;width:.42rem}.mixer-channel-strip label{min-height:1.65rem;font-size:.62rem;line-height:1.1}.mixer-channel-fader{width:5.6rem;height:4.8rem;min-height:4.8rem}.mixer-channel-strip output{font-size:.64rem}.mixer-channel-actions{grid-template-columns:repeat(2,1.35rem);gap:.16rem}.mixer-channel-actions button{min-height:1.35rem;font-size:.62rem}}@media (width>=22.5em){.app-shell{padding:1.2rem}}@media (width>=37.5em){.app-header{grid-template-columns:1fr minmax(16rem,24rem)}.bpm-control{grid-template-columns:2.1rem max-content 2.1rem max-content;justify-content:end;align-items:center;gap:.35rem;display:grid}.transport-actions{gap:.75rem;width:100%}.transport-actions button{padding-inline:.95rem;font-size:1rem}}@media (width>=50em){.stem-controls{grid-template-columns:minmax(8rem,12rem) minmax(12rem,14rem) auto;grid-template-areas:"title buttons state";align-items:center}.stem-control-state{justify-self:end}.volume-control{grid-template-columns:minmax(8rem,12rem) 1fr 3rem;align-items:center}}@media (width>=56.25em){.player-grid{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);align-items:start}}@media (width>=64em){.transport-bar{grid-template-columns:max-content minmax(24rem,56rem);justify-content:start;align-items:end;gap:1.6rem}.transport-command-stack{width:max-content}.transport-actions{grid-template-columns:1fr}.transport-actions-primary{grid-template-columns:repeat(3,max-content)}.transport-actions-secondary{grid-template-columns:repeat(2,max-content)}.transport-actions button{min-width:4.8rem}.transport-seek{width:min(100%,56rem)}.app-shell{padding:1.6rem}.app-header h1{font-size:2.5rem}}@media (width>=68.75em){.stem-row{padding:1rem}}@media (width>=70em){.player-grid{gap:1.25rem}}@media (width>=75em){.player-grid{grid-template-columns:minmax(0,1.55fr) minmax(20rem,.75fr)}}@media (width>=85.37em){.waveform-canvas{min-height:5.25rem}}@media (width>=87.5em){.app-shell{padding-inline:2rem}}@media (width>=100em){.player-grid{grid-template-columns:minmax(0,1.7fr) minmax(24rem,.7fr)}}@media (width>=112.5em){.stem-mixer{gap:6px}}@media (width>=120em){.app-shell{padding-inline:2.5rem}}@media (width>=160em){.app-shell{max-width:128rem}}