:root{--gusta-target:44px;--gusta-target-min:40px;--gusta-input-font:16px;--gusta-gap:8px}@media (pointer:coarse){:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden]),select,textarea){min-height:var(--gusta-target);font-size:max(var(--gusta-input-font), 1em)!important}:where(button,summary,[role=button],[role=tab],[role=menuitem],[role=option],[role=switch],[role=radio],input:is([type=button],[type=submit],[type=reset])):where(:not(.gusta-floor-skip,.gusta-floor-skip *)){min-height:var(--gusta-target);min-width:var(--gusta-target);touch-action:manipulation}:where(input[type=checkbox],input[type=radio]){width:22px;height:22px}}:root{--gusta:#ffb45e;--gusta-dim:#d98f3c;--gusta-bg:#ffb45e21;--on-gusta:#2a1603;--warn:#f2cc3d;--warn-dim:#c9a72a;--warn-bg:#f2cc3d24;--on-warn:#1a1300}:root[data-theme=light]{--gusta:#9a520c;--gusta-dim:#7a410a;--gusta-bg:#c26a121a;--on-gusta:#fff;--warn:#7a6400;--warn-dim:#5e4d00;--warn-bg:#7a64001a;--on-warn:#fff}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/Inter-4.1-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/JetBrainsMono-2.304-latin.woff2)format("woff2")}:root{--base-h:270;--accent-h:295;--gray-1:oklch(.165 .009 var(--base-h));--gray-2:oklch(.205 .012 var(--base-h));--gray-3:oklch(.24 .016 var(--base-h));--gray-4:oklch(.275 .019 var(--base-h));--gray-5:oklch(.31 .021 var(--base-h));--gray-6:oklch(.345 .022 var(--base-h));--gray-7:oklch(.4 .023 var(--base-h));--gray-8:oklch(.48 .025 var(--base-h));--gray-9:oklch(.56 .026 var(--base-h));--gray-10:oklch(.62 .026 var(--base-h));--gray-11:oklch(.72 .022 var(--base-h));--gray-12:oklch(.925 .01 var(--base-h));--accent-1:oklch(.19 .02 var(--accent-h));--accent-2:oklch(.22 .035 var(--accent-h));--accent-3:oklch(.265 .055 var(--accent-h));--accent-4:oklch(.3 .075 var(--accent-h));--accent-5:oklch(.345 .095 var(--accent-h));--accent-6:oklch(.41 .11 var(--accent-h));--accent-7:oklch(.5 .13 var(--accent-h));--accent-8:oklch(.6 .16 var(--accent-h));--accent-9:oklch(.7 .17 var(--accent-h));--accent-10:oklch(.75 .14 var(--accent-h));--accent-11:oklch(.8 .105 var(--accent-h));--accent-12:oklch(.91 .045 var(--accent-h));--brand-orange:#ff6e33;--gusta-pink:#f13f8a;--grad-brand:linear-gradient(135deg, var(--brand-orange), var(--gusta-pink));--gusta-fill:var(--gusta);--gusta-soft:var(--gusta-bg);--gusta-ring:color-mix(in oklch, var(--gusta) 55%, transparent);--grad-gusta:linear-gradient(135deg, var(--gusta), var(--gusta-dim));--bg:var(--gray-1);--bg-raised:var(--gray-2);--bg-panel:var(--gray-3);--bg-hover:var(--gray-4);--on-bg:var(--gray-6);--border:var(--gray-5);--border-strong:var(--gray-8);--hairline:oklch(100% 0 0/.05);--text:var(--gray-12);--text-dim:var(--gray-11);--text-faint:var(--gray-9);--select:var(--gray-12);--on-select:var(--gray-1);--accent:var(--accent-9);--accent-fill:var(--accent-9);--on-accent:var(--gray-1);--accent-soft:var(--accent-3);--focus-ring:var(--accent);--danger:#fb575d;--on-danger:var(--gray-1);--rec:var(--danger);--success:#6fd087;--on-success:var(--gray-1);--solo:#59c5f5;--on-solo:var(--gray-1);--play:#58cd78;--meter-safe:var(--success);--meter-hot:var(--warn);--meter-clip:var(--danger);--scrim:oklch(.1 .01 var(--base-h) / .6);--chat-user:#2a3040;--grid-beat:oklch(100% 0 0/.06);--grid-sub:oklch(100% 0 0/.03);--shade-key:oklch(0% 0 0/.35);--shade-row:oklch(0% 0 0/.25);--note-edge:oklch(0% 0 0/.4);--on-tc:oklch(.16 .01 var(--base-h) / .8);--fn-1:oklch(78% .13 355);--fn-2:oklch(78% .13 325);--fn-3:oklch(78% .13 115);--fn-4:oklch(78% .13 150);--fn-5:oklch(78% .13 195);--fn-6:oklch(78% .13 250);--fn-7:oklch(78% .13 300);--fn-out:var(--gray-9);--knob-hi:#3d434f;--knob-lo:#21252d;--knob-edge:#14161b;--led-bg:#0b0907;--led-text:#ff8438;--led-inset:oklch(0% 0 0/.7);--tc-l:.78;--tc-c:.13;--sheet-paper:var(--bg-raised);--sheet-ink:var(--text);--sheet-dim:var(--text-dim);--sheet-rule:var(--border-strong);--art-dark-stage:oklch(.165 .009 var(--base-h));--art-dark-plate:oklch(.205 .012 var(--base-h));--art-dark-ink:oklch(.925 .01 var(--base-h));--art-dark-dim:oklch(.72 .022 var(--base-h));--art-dark-faint:oklch(.56 .026 var(--base-h));--art-dark-hair:oklch(100% 0 0/.14);--art-dark-shade:oklch(0% 0 0/.5);--art-light-stage:oklch(.978 .004 var(--base-h));--art-light-plate:oklch(.945 .007 var(--base-h));--art-light-ink:oklch(.22 .02 var(--base-h));--art-light-dim:oklch(.46 .028 var(--base-h));--art-light-faint:oklch(.6 .025 var(--base-h));--art-light-hair:oklch(0% 0 0/.14);--art-light-shade:oklch(100% 0 0/.6);--art-accent:var(--brand-orange);--art-pink:var(--gusta-pink);--surface:var(--bg-panel);--surface-2:var(--bg-raised);--panel:var(--bg-panel);--ok:var(--success);--text-muted:var(--text-dim);--shadow-1:0 1px 3px oklch(0% 0 0/.5);--shadow-2:0 10px 30px oklch(0% 0 0/.45), inset 0 1px 0 oklch(100% 0 0/.04);--shadow-3:0 16px 48px oklch(0% 0 0/.55);--glow-sm:0 0 0 1px var(--gusta-ring);--glow-md:0 0 12px color-mix(in oklch, var(--gusta) 45%, transparent);--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-readout:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--sans:var(--font-ui);--mono:var(--font-readout);--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-lg:15px;--text-xl:20px;--text-field:16px;--lh-tight:1;--lh-ui:1.25;--lh-body:1.45;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--track-caps:.06em;--track-readout:.04em;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-8:16px;--sp-10:20px;--sp-12:24px;--sp-16:32px;--control-sm:24px;--control-md:28px;--control-lg:32px;--gusta-target:44px;--gusta-target-min:40px;--icon-sm:12px;--icon-md:16px;--icon-lg:20px;--icon-stroke:1.5px;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-full:999px;--dur-press:80ms;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--beat:.5s;--pulse-rec:calc(var(--beat) * 2);--pulse-breathe:calc(var(--beat) * 4);--z-base:1;--z-raise:2;--z-sticky:3;--z-sticky-top:5;--z-scrim:25;--z-drag:30;--z-dock:40;--z-drawer:60;--z-overlay:100;--z-float:120;--z-menu:130;--z-toast:160;--z-modal:200;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--gray-1:oklch(.995 .002 var(--base-h));--gray-2:oklch(.978 .004 var(--base-h));--gray-3:oklch(.955 .006 var(--base-h));--gray-4:oklch(.93 .008 var(--base-h));--gray-5:oklch(.905 .01 var(--base-h));--gray-6:oklch(.875 .012 var(--base-h));--gray-7:oklch(.83 .015 var(--base-h));--gray-8:oklch(.72 .02 var(--base-h));--gray-9:oklch(.62 .025 var(--base-h));--gray-10:oklch(.56 .028 var(--base-h));--gray-11:oklch(.48 .028 var(--base-h));--gray-12:oklch(.22 .02 var(--base-h));--accent-1:oklch(.99 .004 var(--accent-h));--accent-2:oklch(.975 .012 var(--accent-h));--accent-3:oklch(.955 .022 var(--accent-h));--accent-4:oklch(.93 .035 var(--accent-h));--accent-5:oklch(.9 .05 var(--accent-h));--accent-6:oklch(.86 .075 var(--accent-h));--accent-7:oklch(.8 .11 var(--accent-h));--accent-8:oklch(.73 .14 var(--accent-h));--accent-10:oklch(.68 .18 var(--accent-h));--accent-11:oklch(.5 .17 var(--accent-h));--accent-12:oklch(.36 .12 var(--accent-h));--bg:var(--gray-3);--bg-raised:oklch(100% 0 0);--bg-panel:var(--gray-2);--bg-hover:var(--gray-4);--on-bg:var(--gray-5);--border:var(--gray-7);--border-strong:var(--gray-8);--hairline:oklch(0% 0 0/.06);--on-select:oklch(100% 0 0);--accent:var(--accent-11);--on-accent:oklch(.16 .01 var(--base-h));--danger:#c9222b;--on-danger:oklch(100% 0 0);--success:#1d7d3e;--on-success:oklch(100% 0 0);--solo:#0072a3;--on-solo:oklch(100% 0 0);--play:#1d7d3e;--scrim:oklch(.2 .01 var(--base-h) / .35);--chat-user:#dfe5f0;--grid-beat:oklch(0% 0 0/.08);--grid-sub:oklch(0% 0 0/.04);--shade-key:oklch(0% 0 0/.16);--shade-row:oklch(0% 0 0/.055);--note-edge:oklch(0% 0 0/.25);--on-tc:oklch(100% 0 0/.9);--fn-1:oklch(55% .14 355);--fn-2:oklch(55% .14 325);--fn-3:oklch(55% .14 115);--fn-4:oklch(55% .14 150);--fn-5:oklch(55% .14 195);--fn-6:oklch(55% .14 250);--fn-7:oklch(55% .14 300);--fn-out:var(--gray-8);--knob-hi:#f6f7fa;--knob-lo:#d7dbe4;--knob-edge:#aab1bf;--led-bg:#f3e4d4;--led-text:#80300c;--led-inset:oklch(0% 0 0/.15);--tc-l:.52;--tc-c:.13;--shadow-1:0 1px 2px oklch(.2 .02 var(--base-h) / .18);--shadow-2:0 8px 24px oklch(.2 .02 var(--base-h) / .14);--shadow-3:0 16px 48px oklch(.2 .02 var(--base-h) / .18);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media print{:root,:root[data-theme=light]{--sheet-paper:#fff;--sheet-ink:#000;--sheet-dim:#3d3d3d;--sheet-rule:#6b6b6b}}:where([style*=--tc],.section-span){--tc-ink:var(--tc)}@supports not (color:oklch(from red l min(c, 0.1) h)){:root[data-theme=light] :where([style*=--tc],.section-span){--tc-ink:color-mix(in oklab, var(--tc) 62%, black)}}@supports (color:oklch(from red l min(c, 0.1) h)){:where([style*=--tc],.section-span){--tc-ink:oklch(from var(--tc) var(--tc-l) min(c, var(--tc-c)) h)}}:root{font:var(--text-md) / var(--lh-body) var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--track-head-w:210px}*{box-sizing:border-box}body{margin:0}#root,.app{height:100dvh;height:var(--app-h,100dvh);flex-direction:column;display:flex}button{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), translate var(--dur-press) var(--ease-out);padding:5px 10px}@media (hover:hover){button:hover:not(:disabled,[aria-disabled=true]):where(:not(.on,.active,.selected,.lit,[aria-pressed=true])){border-color:var(--border-strong)}}button:active:not(:disabled,[aria-disabled=true]){translate:0 1px}textarea{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm)}:where(button,a[href],input,select,textarea,summary,[tabindex]:not([tabindex="-1"]),[role=button],[role=slider],[role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option],[role=tab]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:disabled,button[aria-disabled=true]{opacity:.4;cursor:default}.reason-line{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text);margin:0}input,select{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}input[type=checkbox],input[type=range]{accent-color:var(--select)}@media (prefers-reduced-motion:reduce){:root{--dur-press:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.render-spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}.beat-led[data-pulse]{opacity:.9;animation:none!important}}.transport{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.transport-left{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.brand{white-space:nowrap;align-items:center;gap:6px;margin-right:4px;display:flex}.brand-mark{flex:none;display:block}.brand-name{font-weight:var(--w-bold);font-size:var(--text-lg);letter-spacing:.01em;color:var(--text)}.brand-name em{font-style:normal;font-weight:var(--w-regular);color:var(--text-dim)}.project-name{background:0 0;border-color:#0000;flex:0 160px;width:160px;min-width:90px;margin-right:4px}.project-name:hover,.project-name:focus{border-color:var(--border)}.transport-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.transport-controls{flex-wrap:nowrap;flex:1 0 100%;align-items:center;gap:6px;min-width:0;display:flex}.transport-right .active:not(.gusta-btn),.transport-left .active:not(.gusta-btn),.transport-controls .rec-more.active{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.master-strip{flex:none;align-items:center;gap:8px;margin-left:4px;display:flex}.finish-door{width:64px;font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:5px 6px;display:inline-flex}.icon-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.icon-btn .btn-icon{font-size:var(--text-md);line-height:1}.transport-controls>button,.transport-controls>.rec-split{flex:none}.rewind-btn{padding:5px 8px}.play-btn{width:86px;font-weight:var(--w-bold);color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill);justify-content:flex-start;padding-left:12px;position:relative}.beat-led{background:var(--on-accent);opacity:.25;pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:5px}.beat-led[data-pulse=a]{animation:beat-flash-a calc(var(--beat) * .7) var(--ease-out) both}.beat-led[data-pulse=b]{animation:beat-flash-b calc(var(--beat) * .7) var(--ease-out) both}.mdock-play{position:relative}@keyframes beat-flash-a{0%{opacity:1}to{opacity:.3}}@keyframes beat-flash-b{0%{opacity:1}to{opacity:.3}}.rec-split{--rec-w:176px;align-items:stretch;display:inline-flex}.record-btn{width:var(--rec-w);font-weight:var(--w-bold);color:var(--rec);border-radius:var(--r-sm) 0 0 var(--r-sm);justify-content:flex-start;gap:6px;padding:5px 8px 5px 10px;overflow:hidden}.rec-face{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.rec-target{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--w-medium);color:var(--text);overflow:hidden}.rec-target-short{display:none}.rec-more{width:26px;color:var(--text-dim);border-radius:0 var(--r-sm) var(--r-sm) 0;margin-left:-1px;padding:0}.rec-more:hover:not(:disabled){color:var(--text)}.record-btn.arming:disabled{opacity:1;border-color:var(--rec);background:color-mix(in oklab, var(--rec) 14%, var(--bg-panel))}.record-btn.recording{background:var(--rec);border-color:var(--rec);color:var(--on-danger);animation:rec-pulse var(--pulse-rec) ease-in-out infinite}.record-btn .record-meter{align-items:center;margin-left:auto;display:inline-flex}@keyframes rec-pulse{50%{opacity:.6}}.rec-options{flex-direction:column;gap:10px;min-width:260px;display:flex}.mmore-section .rec-options{padding-bottom:14px}.rec-reason{contain:inline-size}.rec-chips{flex-wrap:wrap;gap:6px;display:flex}.rec-chip{border-radius:var(--r-full);font-size:var(--text-sm);color:var(--text-dim);background:0 0;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:inline-flex}.rec-chip.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.rec-chip-led{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.rec-chip.on .rec-chip-led{background:var(--rec);box-shadow:0 0 5px var(--rec)}.rec-row{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.rec-row-label{width:60px;font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.rec-row-hint{font-size:var(--text-xs);color:var(--text-dim);margin-left:auto}.rec-row .dropdown.rec-quantize{width:72px;font-size:var(--text-sm);padding:4px 8px}.stepper{align-items:stretch;display:inline-flex}.stepper-btn{width:26px;color:var(--text-dim);justify-content:center;align-items:center;padding:0;display:inline-flex}.stepper-btn:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.stepper-btn:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.stepper .stepper-value{text-align:center;min-width:68px;font-size:var(--text-sm);cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:0;margin:0 -1px;padding:4px 8px}.stepper-value[aria-disabled=true]{opacity:.5}.led-display,.led-field,.led-meter{font-family:var(--mono);font-variant-numeric:tabular-nums slashed-zero;font-size:var(--text-md);letter-spacing:var(--track-readout);color:var(--led-text);text-shadow:0 0 7px color-mix(in srgb, var(--led-text) 50%, transparent);background:var(--led-bg);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:inset 0 1px 4px var(--led-inset);padding:3px 8px}.led-label{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:color-mix(in oklch, var(--led-text) 62%, transparent);text-shadow:none;-webkit-user-select:none;user-select:none}.hw-display{-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:8px;height:30px;padding:0 9px;display:inline-flex;position:relative;overflow:hidden}.position-readout{text-align:right;white-space:nowrap;width:5ch}.time-readout{width:12ch;font-size:var(--text-sm);text-align:center;white-space:nowrap;overflow:hidden}.hw-sep{background:color-mix(in oklch, var(--led-text) 20%, transparent);align-self:stretch;width:1px;margin:6px 0}.master-scope{color:var(--led-text);flex:none;display:block}.beat-dots{flex:none;justify-content:space-between;align-items:center;gap:2px;width:34px;display:inline-flex}.beat-dot{background:color-mix(in oklch, var(--led-text) 20%, transparent);border-radius:50%;flex:0 6px;min-width:2px;height:6px}.beat-dot.down{background:color-mix(in oklch, var(--accent-fill) 34%, transparent)}.beat-dot.lit{background:var(--led-text);box-shadow:0 0 6px var(--led-text)}.beat-dot.down.lit{background:var(--accent-fill);box-shadow:0 0 6px var(--accent-fill)}.beat-dots[data-mode~=last] .beat-dot.lit{background:var(--rec);box-shadow:0 0 6px var(--rec)}.led-override{white-space:nowrap;text-transform:uppercase;background:var(--led-bg);justify-content:center;align-items:center;padding:0 8px;display:flex;position:absolute;inset:0;overflow:hidden}.led-field{cursor:text;flex:none;align-items:center;gap:5px;height:30px;padding:0 8px;display:inline-flex}.led-field input{width:3ch;color:inherit;font:inherit;letter-spacing:inherit;text-shadow:inherit;text-align:right;appearance:textfield;background:0 0;border:0;border-radius:0;padding:0}.led-field input::-webkit-outer-spin-button{appearance:none;margin:0}.led-field input::-webkit-inner-spin-button{appearance:none;margin:0}.led-field input.ts-num{width:2ch}.led-field input:focus-visible{outline-color:#0000}.led-field:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.led-unit{margin-left:-4px}.led-field.key-picker{cursor:default;padding-right:4px}.led-field .dropdown{font:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;background:0 0;border:1px solid #0000;padding:2px 3px}.led-field .dropdown-label{flex:none;width:6ch}.led-field .dropdown:hover,.led-field .dropdown.open{color:inherit;border-color:color-mix(in oklch, var(--led-text) 30%, transparent)}.tempo-toggle{position:relative}.tempo-count{border-radius:var(--r-full);min-width:15px;height:15px;font-size:var(--text-2xs);font-weight:var(--w-bold);text-align:center;color:var(--on-select);background:var(--select);padding:0 3px;line-height:15px;position:absolute;top:-5px;right:-5px}.led-meter{flex:none;align-items:center;height:20px;padding:0 4px;display:flex}.led-meter .meter{background:color-mix(in oklch, var(--led-text) 12%, var(--led-bg));border:0;width:64px;height:8px}.led-meter .meter:after{background:repeating-linear-gradient(to right, transparent 0 3px, var(--led-bg) 3px 4px)}.led-meter .meter-peak{background:var(--led-text);box-shadow:0 0 4px var(--led-text)}.countin{z-index:var(--z-overlay);pointer-events:none;position:fixed}.countin svg{display:block;overflow:visible}.countin-disc{fill:color-mix(in oklch, var(--bg-raised) 88%, transparent);stroke:var(--border);stroke-width:1px}.countin-track{fill:none;stroke:var(--border);stroke-width:5px}.countin-sweep{fill:none;stroke:var(--accent-fill);stroke-width:5px;stroke-linecap:round}.countin-num{fill:var(--text);font-family:var(--mono);font-weight:var(--w-bold)}.countin.last .countin-sweep{stroke:var(--rec)}.countin.last .countin-num{fill:var(--rec)}.notice-stack{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:6px;width:max-content;max-width:min(560px,100vw - 24px);display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.notice{pointer-events:auto;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);box-shadow:var(--shadow-2);font-size:var(--text-sm);color:var(--text);align-items:center;gap:8px;padding:8px 10px;display:flex}.notice.error>svg{color:var(--danger)}.notice-text{min-width:0}.notice-action{font-size:var(--text-xs);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);cursor:pointer;background:0 0;flex:none;padding:3px 8px}.notice-action:hover{background:var(--on-bg);color:var(--text);border-color:var(--border-strong)}.notice-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex:none;padding:2px;display:inline-flex}.notice-close:hover{color:var(--text)}@media (width<=1360px){.tempo-toggle .btn-label{display:none}}@media (width<=1290px){.play-btn{justify-content:center;width:46px;padding-left:10px}.play-btn .btn-label{display:none}.rec-split{--rec-w:144px}.led-field .led-label,.rec-target-long{display:none}.rec-target-short{display:inline}.finish-door{width:32px}.finish-door .btn-label{display:none}}@media (width<=1160px){.hw-display .hw-sep,.hw-display .time-readout{display:none}.hw-display{gap:6px}.led-field{padding:0 6px}.led-field .dropdown .icon{display:none}.rec-split{--rec-w:140px}}@media (width<=1040px){.transport-left .icon-btn .btn-label{display:none}}@media (width<=1010px){.transport-controls{flex-wrap:wrap;row-gap:6px}}@media (pointer:coarse){.hw-display,.led-field{height:44px}.rec-more{width:34px}}@media (pointer:coarse) and (width<=1440px){.hw-display .hw-sep,.hw-display .time-readout,.tempo-toggle .btn-label{display:none}}@media (pointer:coarse) and (width<=1100px){.transport-controls{flex-wrap:wrap;row-gap:6px}}@media (pointer:coarse) and (width<=1160px){.rec-split{--rec-w:132px}}.workspace{flex:1;min-height:0;display:flex;position:relative}.center-column{flex-direction:column;flex:1;min-width:0;display:flex;container:center-column/inline-size}.panel{background:var(--bg-raised);flex-direction:column;min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.panel-head strong{flex:1}.tracks{flex:1;min-height:0;display:flex;position:relative}.tracks-empty{pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.tracks-empty-card{pointer-events:auto;text-align:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg);max-width:460px;box-shadow:var(--shadow-2);padding:28px 26px;position:relative}.tracks-empty-card h2{font-size:var(--text-xl);margin:0 0 6px}.tracks-empty-card p{color:var(--text-dim);font-size:var(--text-md);margin:0 0 16px}.tracks-empty-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:4px;position:absolute;top:8px;right:8px}.tracks-empty-close:hover{color:var(--text)}.tracks-empty-skip{color:var(--text-dim);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;text-decoration:underline}.tracks-empty-skip:hover{color:var(--text)}.tracks-scroll{flex:1;overflow:auto}.tracks-inner{min-width:calc(var(--track-head-w) + var(--timeline-width))}.ruler-row,.track-row{display:flex}.ruler-spacer{flex:0 0 var(--track-head-w);z-index:var(--z-sticky);background:var(--bg);position:sticky;left:0}.snap-cell{justify-content:flex-end;align-items:center;padding-right:8px;display:flex}.snap-cell .dropdown.snap-select{font-size:var(--text-xs);color:var(--text-dim);gap:4px;padding:2px 6px}.snap-cell .zoom-btn{width:20px;height:20px;line-height:1;font-size:var(--text-md);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;background:0 0;padding:0}.snap-cell .zoom-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.snap-cell .zoom-btn:disabled{opacity:.35;cursor:default}.ruler{height:28px;width:var(--timeline-width);border-bottom:1px solid var(--border);touch-action:none;position:relative}.loop-brace{background:var(--select);opacity:.3;border-radius:0 0 var(--r-xs) var(--r-xs);pointer-events:none;height:7px;position:absolute;top:0}.loop-brace.on{opacity:.9}.bar-tick{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-dim);border-left:1px solid var(--border);height:24px;padding-left:6px;position:absolute;top:4px}.bar-tick.minor{height:12px;top:16px}.playhead{background:var(--accent);opacity:.9;pointer-events:none;width:2px;z-index:var(--z-raise);will-change:transform;position:absolute;top:0;left:0}.track-head{flex:0 0 var(--track-head-w);min-width:var(--track-head-w);max-width:var(--track-head-w);z-index:var(--z-sticky);background:var(--bg-raised);border-bottom:1px solid var(--border);border-left:3px solid var(--tc-ink,transparent);height:var(--lane-h);flex-direction:column;gap:6px;padding:8px 10px;display:flex;position:sticky;left:0}.track-head.folded{height:var(--lane-h-folded);gap:0;overflow:hidden}.track-fold{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.track-fold svg{transition:transform var(--dur-fast) var(--ease-out)}.track-fold.open svg{transform:rotate(90deg)}.track-title{align-items:center;gap:6px;display:flex}.track-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--w-semibold);cursor:grab;flex:1;overflow:hidden}.track-name-input{min-width:0;font-weight:var(--w-semibold);font-size:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-xs);flex:1;padding:1px 4px;font-family:inherit}.track-arm{width:18px;height:18px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.track-arm:hover{color:var(--rec);border-color:var(--rec)}.track-arm.on{color:var(--on-danger);background:var(--rec);border-color:var(--rec)}.track-remove{font-size:var(--text-xs);color:var(--text-dim);background:0 0;border-color:#0000;padding:0 6px}.track-remove:hover{color:var(--text)}.track-tools{align-items:center;gap:6px;display:flex}.track-volume{appearance:none;background:0 0;border:0;flex:1;width:100%;min-width:0;height:18px;padding:0}.track-volume::-webkit-slider-runnable-track{border-radius:var(--r-xs);background:var(--border);height:4px}.track-volume::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--r-xs);border:1px solid var(--knob-edge);background:linear-gradient(to bottom, transparent 44%, var(--text) 44% 56%, transparent 56%), linear-gradient(180deg, var(--knob-hi), var(--knob-lo));width:11px;height:17px;box-shadow:var(--shadow-1);cursor:grab;margin-top:-6.5px}.track-volume::-moz-range-track{border-radius:var(--r-xs);background:var(--border);height:4px}.track-volume::-moz-range-thumb{border-radius:var(--r-xs);border:1px solid var(--knob-edge);background:linear-gradient(to bottom, transparent 44%, var(--text) 44% 56%, transparent 56%), linear-gradient(180deg, var(--knob-hi), var(--knob-lo));width:11px;height:17px;box-shadow:var(--shadow-1);cursor:grab}.track-instrument-row{gap:4px;display:flex}.track-sound-btn{min-width:0;font-size:var(--text-sm);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;text-align:left;flex:1;align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.track-sound-btn:hover,.track-sound-btn.open{border-color:var(--border-strong)}.track-sound-btn>svg:first-child{color:var(--text-dim);flex-shrink:0}.track-sound-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.track-audition{font-size:var(--text-2xs);color:var(--text-dim);padding:0 7px}.track-selects{gap:4px;display:flex}.track-selects>select{flex:1;min-width:0}.track-preset{font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 6px}.track-pan{min-width:0;font-size:var(--text-2xs);letter-spacing:var(--track-caps);color:var(--text-dim);flex:1;align-items:center;gap:6px;display:flex}.track-auto-clear{color:var(--text-dim);flex-shrink:0;padding:2px 7px}.track-auto-clear:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.track-layers{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.track-layer-chip,.track-layer-add{font-size:var(--text-2xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 5px}.track-layer-chip:hover{color:var(--text);border-color:var(--border-strong)}.toggle{font-size:var(--text-xs);font-weight:var(--w-bold);color:var(--text-dim);padding:1px 7px}.toggle.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.transport .toggle.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.toggle.solo.on{color:var(--on-solo);background:var(--solo);border-color:var(--solo)}@media (pointer:coarse){.workspace{--track-head-w:232px}.workspace .track-head{gap:4px;padding:5px 10px 5px 8px}.workspace .track-head.folded{gap:0}.workspace .track-title,.workspace .track-instrument-row,.workspace .track-selects,.workspace .track-tools{flex:none;align-items:center;gap:4px}.workspace .track-fold,.workspace .track-remove,.workspace .track-audition,.workspace .track-auto-clear,.workspace .track-head .toggle{display:inline-flex}.workspace .track-fold,.workspace .track-remove,.workspace .track-audition,.workspace .track-jam,.workspace .track-auto-clear,.workspace .track-head .toggle{width:var(--gusta-target-min);min-width:var(--gusta-target-min);height:var(--gusta-target-min);min-height:var(--gusta-target-min);flex:none;justify-content:center;align-items:center;padding:0}.workspace .track-arm,.workspace .track-arm:hover,.workspace .track-arm.on{width:var(--gusta-target-min);min-width:var(--gusta-target-min);height:var(--gusta-target-min);min-height:var(--gusta-target-min);border-radius:var(--r-sm);background:radial-gradient(circle 13px, var(--bg-panel) 12px, var(--border) 12.5px 13px, transparent 13.5px);border:0;flex:none}.workspace .track-arm.on{background:radial-gradient(circle 13px, var(--rec) 12.5px, transparent 13.5px)}.workspace .track-sound-btn,.workspace .track-produce,.workspace .track-head .dropdown,.workspace .track-auto-done{min-width:var(--gusta-target-min);height:var(--gusta-target-min);min-height:var(--gusta-target-min);flex-shrink:0}.workspace .track-sound-btn{flex:auto;min-width:0}.workspace .track-automate{flex:auto}.workspace .track-pan{flex:none}.workspace .track-pan .knob{min-width:var(--gusta-target-min);min-height:var(--gusta-target-min)}.workspace .track-volume{min-width:var(--gusta-target-min);height:var(--gusta-target-min);flex:1 1 0}.snap-cell .zoom-btn,.snap-cell .dropdown.snap-select{min-width:var(--gusta-target);min-height:var(--gusta-target)}}.track-lane{width:var(--timeline-width);height:var(--lane-h);cursor:crosshair;border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(to right, var(--border) 0, var(--border) 1px, transparent 1px, transparent var(--grid-px,112px));position:relative}.clip{--clip-strip-h:14px;background:color-mix(in oklab, var(--tc-ink,var(--border)) 12%, var(--bg-panel));border:1px solid color-mix(in oklab, var(--tc-ink,var(--border)) 45%, transparent);border-top:2px solid var(--tc-ink,var(--border));border-radius:var(--r-sm);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;top:6px;bottom:6px;overflow:hidden}.clip.selected{outline:2px solid var(--select);outline-offset:1px}.clip.cross-lane{z-index:var(--z-drag);opacity:.9;box-shadow:var(--shadow-2)}.clip.copying{outline:2px dashed var(--select);outline-offset:1px}.clip.ai-touched{border-color:var(--gusta);box-shadow:var(--glow-sm), var(--glow-md);animation:ai-arrive 1.2s var(--ease-out), ai-breathe var(--pulse-breathe) var(--ease-in-out) 1.2s infinite}@keyframes ai-arrive{0%{box-shadow:0 0 0 3px var(--gusta), 0 0 26px 6px color-mix(in srgb, var(--gusta) 90%, transparent)}to{box-shadow:var(--glow-sm), var(--glow-md)}}@keyframes ai-breathe{0%,to{box-shadow:var(--glow-sm), var(--glow-md)}50%{box-shadow:0 0 0 2px var(--gusta), 0 0 18px 3px color-mix(in srgb, var(--gusta) 75%, transparent)}}.clip-ai-badge{z-index:var(--z-base);width:var(--clip-strip-h);height:var(--clip-strip-h);color:var(--on-gusta);background:var(--grad-gusta);border-radius:var(--r-sm);box-shadow:0 0 8px 1px color-mix(in srgb, var(--gusta) 60%, transparent);animation:ai-badge-breathe var(--pulse-breathe) var(--ease-in-out) infinite;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:3px}@keyframes ai-badge-breathe{0%,to{box-shadow:0 0 6px 1px color-mix(in srgb, var(--gusta) 50%, transparent)}50%{box-shadow:0 0 14px 3px color-mix(in srgb, var(--gusta) 90%, transparent)}}.clip.selected .clip-ai-badge{display:none}.track-ai-badge{width:16px;height:16px;color:var(--on-gusta);background:var(--grad-gusta);border-radius:var(--r-sm);box-shadow:0 0 8px 1px color-mix(in srgb, var(--gusta) 60%, transparent);animation:ai-badge-breathe var(--pulse-breathe) var(--ease-in-out) infinite;flex:none;justify-content:center;align-items:center;display:flex}@media (pointer:coarse){.clip,.pr-note:not(.held){touch-action:pan-x pan-y}.clip{-webkit-touch-callout:none}.pr-key-shape{width:34px}}.marquee{z-index:var(--z-dock);border:1px solid var(--select);background:color-mix(in srgb, var(--select) 10%, transparent);border-radius:var(--r-xs);pointer-events:none;position:fixed}.clip.dragging{cursor:grabbing;opacity:.85}.clip-resize-handle{cursor:ew-resize;width:8px;height:100%;position:absolute;top:0;right:0}.clip-trim-handle{cursor:ew-resize;width:8px;height:100%;position:absolute;top:0;left:0}.clip-fades{pointer-events:none}.clip-fades polygon{fill:var(--bg);opacity:.5}.clip-fade-handle{border-radius:0 0 var(--r-xs) var(--r-xs);background:var(--select);border:1px solid var(--bg);cursor:ew-resize;opacity:0;touch-action:none;width:11px;height:11px;z-index:var(--z-sticky);margin-left:-5px;margin-right:-5px;position:absolute;top:0}.clip:hover .clip-fade-handle,.clip.selected .clip-fade-handle{opacity:.9}.clip>svg{left:0;top:var(--clip-strip-h);width:100%;height:calc(100% - var(--clip-strip-h));position:absolute}.clip.not-here{border-style:dashed}.clip-not-here{left:0;right:0;top:var(--clip-strip-h);font-size:var(--text-2xs);color:var(--text-dim);pointer-events:none;flex-direction:column;justify-content:center;gap:2px;padding:0 8px;line-height:1.25;display:flex;position:absolute;bottom:0;overflow:hidden}.clip-not-here-length{font-variant-numeric:tabular-nums}.clip-notes rect,.clip-wave{fill:var(--tc-ink,var(--text-dim))}.clip-name{height:var(--clip-strip-h);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);line-height:var(--clip-strip-h);color:var(--text);background:color-mix(in oklab, var(--tc-ink,var(--border)) 30%, transparent);pointer-events:none;padding:0 6px 0 20px;position:absolute;top:0;left:0;right:0;overflow:hidden}.clip-audition{z-index:var(--z-base);width:16px;height:var(--clip-strip-h);font-size:var(--text-2xs);color:var(--text-dim);border-radius:var(--r-xs);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:0;left:2px}.clip-audition:hover{color:var(--text);border-color:var(--border-strong)}.clip-audition.on{color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent)}.clip-more{z-index:var(--z-base);width:18px;height:var(--clip-strip-h);font-size:var(--text-xs);color:var(--text-dim);background:color-mix(in srgb, var(--bg) 65%, transparent);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:0;right:12px}.clip-more:hover{color:var(--text);border-color:var(--border-strong)}.clip-btn-face{display:contents}.clip:has(>.clip-more) .clip-name{padding-right:calc(12px + 18px + var(--sp-2))}.recording-clip{border-style:dashed;border-color:var(--rec);background:color-mix(in srgb, var(--rec) 18%, var(--bg-panel));pointer-events:none;animation:rec-pulse var(--pulse-rec) ease-in-out infinite}.recording-clip .clip-name{color:var(--rec);background:color-mix(in srgb, var(--rec) 22%, transparent);padding-left:6px}.add-track{width:fit-content;padding:10px;position:sticky;left:0}.add-track summary{cursor:pointer;color:var(--text-dim);border:1px dashed var(--border);border-radius:var(--r-sm);width:fit-content;padding:5px 10px;list-style:none}.add-track summary:hover{color:var(--text);border-color:var(--border-strong)}.add-track-menu{gap:6px;margin-top:8px;display:flex}.mixer{border-top:1px solid var(--border);background:var(--bg-raised);flex-direction:column;flex:0 0 340px;height:340px;min-height:0;max-height:85%;display:flex;position:relative}.mixer-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:6px 8px 6px 10px;display:flex}.mixer-head strong{font-size:var(--text-md)}.mixer-hint{color:var(--text-dim);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mixer-close{width:28px;height:28px;color:var(--text-dim);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mixer-close:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.mixer-strips{overscroll-behavior-x:contain;flex:1;align-items:stretch;gap:8px;min-height:0;padding:8px 10px 10px;display:flex;overflow:auto hidden}.mx-strip{border:1px solid var(--border);border-top:3px solid var(--tc-ink,var(--border));border-radius:var(--r-sm);background:var(--bg-panel);flex-direction:column;flex:0 0 124px;align-items:center;gap:6px;min-height:0;padding:6px;display:flex}.mx-name{font-size:var(--text-xs);font-weight:var(--w-semibold);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;line-height:1.3;overflow:hidden}.mx-inserts{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:0 auto;align-self:stretch;gap:4px;min-height:0;display:flex;overflow-y:auto}.mx-more{height:0;z-index:var(--z-raise);pointer-events:none;flex:0 0 0;margin-top:-4px;position:sticky;bottom:0}.mx-more-fade{background:linear-gradient(to bottom, transparent, var(--bg-panel) 60%);height:30px;position:absolute;bottom:0;left:0;right:0}.mx-more-btn{min-height:0;font-size:var(--text-2xs);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums;color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-full);pointer-events:auto;padding:0 7px;line-height:16px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}@media (hover:hover){.mx-more-btn:hover{color:var(--text)}}.mx-fader-row{flex:1 0 118px;justify-content:center;align-items:stretch;gap:8px;min-height:118px;display:flex}.mx-fader-wrap{flex-direction:column;align-items:center;gap:3px;display:flex}.mx-fader{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xs);cursor:ns-resize;touch-action:none;flex:1;width:22px;min-height:90px;position:relative}.mx-db{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;color:var(--text-dim)}.mx-output{font-size:var(--text-2xs);color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;gap:4px;display:flex}.mx-output-label{letter-spacing:.04em}.mx-output-pick{max-width:84px;font-size:var(--text-2xs)}.mx-master,.mx-bus{border-top-color:var(--border-strong)}.mx-group{border-top-width:2px}.mx-strip-tag{font-size:var(--text-2xs);font-weight:var(--w-bold);letter-spacing:var(--track-caps);color:var(--text-dim);flex-shrink:0;line-height:24px}.mx-fader-fill{opacity:.4;background:var(--tc-ink,var(--select));border-radius:0 0 var(--r-xs) var(--r-xs);position:absolute;bottom:0;left:0;right:0}.mx-fader-thumb{background:var(--tc-ink,var(--select));border:1px solid var(--bg);border-radius:var(--r-xs);height:6px;z-index:var(--z-raise);margin-bottom:-3px;position:absolute;left:-2px;right:-2px}.mx-fader-lane{border-radius:var(--r-xs);background:var(--tc-ink,var(--text));pointer-events:none;width:2px;position:absolute;left:-5px}.mx-fader-ghost{background:var(--tc-ink,var(--text));height:2px;z-index:var(--z-sticky);pointer-events:none;margin-bottom:-1px;position:absolute;left:-4px;right:-4px}.mx-fader.automated .mx-fader-thumb{opacity:.5}.mx-fader-tick{background:var(--border);pointer-events:none;width:3px;height:1px;margin-bottom:-.5px;position:absolute;right:-4px}.mx-fader-readout{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text);pointer-events:none;z-index:var(--z-sticky);margin-left:6px;padding:1px 4px;position:absolute;left:100%;transform:translateY(50%)}.mx-db.live{color:var(--text)}.mx-meter{width:10px;display:flex}.mx-meter .meter{flex:1}.mx-toggles{flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex}@media (pointer:coarse){.mx-strip{flex-basis:132px}.mx-fader{width:30px}}.mixer.phone{border-top:none;flex:auto;height:auto;max-height:none}.mixer.phone .mixer-hint{display:none}.mixer.phone .mixer-head strong{margin-right:auto}.mixer.phone .mixer-close,.mixer.phone .mx-add-group{min-height:44px}.mixer.phone .mixer-close{width:44px}.mixer.phone .mixer-strips{scroll-snap-type:x mandatory;gap:10px;padding:12px;scroll-padding:12px}.mixer.phone .mx-strip{scroll-snap-align:start;flex-basis:156px;padding:8px}.mixer.phone .mx-name{font-size:var(--text-sm)}.mixer.phone .mx-fader{width:40px}.mixer.phone .mx-fader-row{flex-basis:180px}.mixer.phone .fx-tile.compact{height:40px}.mixer.phone .mx-toggles .toggle{min-width:44px;min-height:44px}.mshell .msheet>.mixer{height:100%}.mshell .msheet:has(>.mixer.phone){pointer-events:none;background:0 0}.mixer.phone{pointer-events:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-3)}.mixer.phone .mixer-head{touch-action:none}.mixer.phone>.sheet-grip{height:14px}.mixer.phone .mixer-strips{overscroll-behavior:contain}.piano-roll{border-top:1px solid var(--border);background:var(--bg-raised);flex-direction:column;flex:0 0 280px;height:280px;min-height:0;max-height:85%;display:flex}@media (height<=520px){.piano-roll{max-height:60%}}.pr-resize{cursor:ns-resize;touch-action:none;z-index:var(--z-raise);flex:0 0 6px;margin-bottom:-6px;position:relative}.pr-resize:after{content:"";border-radius:var(--r-xs);background:color-mix(in srgb, var(--text-dim) 45%, transparent);pointer-events:none;width:44px;height:4px;position:absolute;top:1px;left:50%;transform:translate(-50%)}@media (hover:hover){.pr-resize:hover{background:color-mix(in srgb, var(--select) 18%, transparent)}.pr-resize:hover:after{background:var(--select)}}.piano-roll-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 48px 6px 12px;display:flex;position:relative}.piano-roll-head>*{flex:none}.piano-roll-head:not(.mshell *):after{content:"";flex:0 0 100%;order:1;height:0}:is(.piano-roll-head:not(.mshell *)>:has(+.pr-quantize-strength),.piano-roll-head:not(.mshell *)>:has(+.pr-quantize-strength)~*){order:2}@container center-column (width>=1360px){.piano-roll-head:not(:has(.pr-key-tools)):after{display:none}}.piano-roll-track{color:var(--tc-ink,var(--text-dim))}.piano-roll-head strong,.piano-roll-track{text-overflow:ellipsis;white-space:nowrap;max-width:22ch;overflow:hidden}.piano-roll-close{z-index:var(--z-raise);position:absolute;top:6px;right:8px}.piano-roll-head .piano-roll-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--text-dim);flex:1 1 0;overflow:hidden}.piano-roll-snap{font-size:var(--text-sm);color:var(--text-dim);align-items:center;gap:6px;display:flex}.piano-roll-loop{font-size:var(--text-sm)}.pr-quantize-strength input[type=range]{width:64px}@media (pointer:coarse){.pr-quantize-strength input[type=range]{min-height:var(--gusta-target);margin:0}.piano-roll-head{padding-top:4px;padding-bottom:4px}}.pr-quantize-pct{font-variant-numeric:tabular-nums;text-align:right;min-width:30px}.piano-roll-loop.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.piano-roll-scroll{flex:1;min-height:0;overflow:auto}.piano-roll-body{display:flex}.piano-roll-keys{z-index:var(--z-sticky);background:var(--bg-raised);border-right:1px solid var(--border);flex:0 0 56px;position:sticky;left:0}.pr-key{width:100%;min-width:0;min-height:0;font-size:var(--text-2xs);text-align:left;color:var(--text-dim);border:none;border-bottom:1px solid var(--hairline);white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;padding:0 0 0 6px;display:block;overflow:hidden}@media (hover:hover){.pr-key:hover{color:var(--text);background:var(--bg-hover)}}.pr-key.black{background:var(--shade-key)}.pr-key.drum{font-size:var(--text-2xs);align-items:center;display:flex}.pr-key-row{align-items:stretch;display:flex}.pr-key-row .pr-key{flex:1;min-width:0;height:100%}.pr-key-shape{width:24px;min-width:0;min-height:0;color:var(--text-dim);border:none;border-left:1px solid var(--border);border-bottom:1px solid var(--hairline);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.pr-key-shape.on{color:var(--text)}@media (hover:hover){.pr-key-shape:hover{color:var(--text)}}.pr-key-shape-dot{background:var(--select);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.drum-lane-window{width:232px}.drum-lane-actions{gap:6px;padding:2px 2px 4px;display:flex}.drum-lane-actions button{font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.drum-lane-actions button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}.drum-lane-actions button:disabled{opacity:.45;cursor:default}.piano-roll-grid{-webkit-user-select:none;user-select:none;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to right, var(--grid-beat) 1px, transparent 1px), linear-gradient(to right, var(--grid-sub) 1px, transparent 1px);cursor:cell;position:relative}.piano-roll-grid.drawing,.piano-roll-grid.drawing .pr-note{cursor:crosshair}.pr-note.paint-ghost{opacity:.5;pointer-events:none}.pr-note.pr-loop-ghost{opacity:.32;pointer-events:none;border-style:dashed}.pr-loop-seam{background:var(--text-dim);opacity:.45;pointer-events:none;width:1px;position:absolute;top:0}.pr-black-row{background:var(--shade-row);pointer-events:none;position:absolute;left:0;right:0}.pr-out-key{background:var(--text-dim);opacity:.1;pointer-events:none;position:absolute;left:0;right:0}.pr-note{border-radius:var(--r-xs);border:1px solid var(--note-edge);cursor:grab;touch-action:none;position:absolute}.pr-bend{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pr-bend polyline{fill:none;stroke:var(--on-tc);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.pr-note.muted{border-style:dashed;border-color:var(--text-dim)}.pr-note.held{outline:2px solid var(--select);outline-offset:1px}.pr-note.dragging{cursor:grabbing;z-index:var(--z-raise)}.pr-note.selected{outline:2px solid var(--select);outline-offset:1px;z-index:var(--z-base)}.pr-marquee{z-index:var(--z-sticky);pointer-events:none;border:1px solid var(--select);background:color-mix(in srgb, var(--select) 12%, transparent);position:absolute}.library{border-right:1px solid var(--border);flex:0 0 260px}.library-actions{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.library-record-hint{font-size:var(--text-xs);color:var(--text-dim);margin:0;line-height:1.5}.library-instruments{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.library-instruments label{font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;gap:4px;display:flex}.library-instruments select{width:100%;font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}.library-instruments select:disabled{opacity:.7}.library-pack-actions{gap:8px;display:flex}.library-pack-actions button{font-size:var(--text-sm);flex:1}.library-error{font-size:var(--text-sm);color:var(--danger);margin:8px 12px}.sample-list{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.sample-list li{border-radius:var(--r-sm);font-size:var(--text-sm);flex-direction:column;align-items:stretch;gap:4px;padding:5px 6px;display:flex}@media (hover:hover){.sample-list li:hover{background:var(--bg-panel)}}.sample-list li button{font-size:var(--text-xs);padding:2px 7px}.sample-play{color:var(--text)}.sample-main{align-items:center;gap:6px;min-width:0;display:flex}.sample-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sample-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sample-delete{background:0 0;border-color:#0000}.sample-empty{color:var(--text-dim);font-style:italic}.sample-users{max-width:300px;color:var(--text);margin:0;padding:2px 10px 4px 24px}.sample-users li{overflow-wrap:anywhere}.copilot{border-left:1px solid var(--border);flex:0 0 320px}.copilot-provider{font-size:var(--text-xs);color:var(--text-dim);font-family:var(--mono)}.copilot-spend{font-size:var(--text-xs);color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg-panel);padding:4px 12px}.copilot-spend strong{color:var(--gusta);font-variant-numeric:tabular-nums}.copilot-settings{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;display:flex}.copilot-settings label{font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;gap:3px;display:flex}.copilot-settings select{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}.copilot-note{font-size:var(--text-xs);color:var(--text-dim);margin:0}.copilot-note.warn{color:var(--warn)}.copilot-note code{font-family:var(--mono);background:var(--bg);border-radius:var(--r-xs);padding:1px 4px}.model-select-row{gap:4px;display:flex}.model-select-row select{flex:1;min-width:0}.gusta-auth,.gusta-account{flex-direction:column;gap:8px;display:flex}.gusta-auth-tabs{gap:4px;display:flex}.gusta-auth-tabs button{font-size:var(--text-sm);flex:1}.gusta-auth-tabs button.active{border-color:var(--border-strong);color:var(--text);background:var(--on-bg)}.gusta-auth form{flex-direction:column;gap:12px;display:flex}.gusta-auth form>label:not(.gusta-consent){font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--text-dim);letter-spacing:.02em;flex-direction:column;gap:5px;display:flex}.gusta-auth form>label:not(.gusta-consent) input{width:100%}.gusta-auth form>button{margin-top:0}.gusta-consent{font-size:var(--text-sm);color:var(--text-dim);align-items:flex-start;gap:8px;margin-top:4px;line-height:1.4;display:flex}.gusta-consent input{flex:none;margin-top:2px}.gusta-consent a{color:var(--gusta)}.account-btn{border-radius:var(--r-full);min-height:28px;padding:3px 13px 3px 11px}.account-btn.signin{border-color:var(--border);color:var(--text)}.account-btn.signin:hover{border-color:var(--border-strong)}.account-id{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.account-name{font-weight:var(--w-semibold);font-size:var(--text-sm);text-overflow:ellipsis;max-width:90px;overflow:hidden}.account-tokens{font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.account-dropdown{width:264px;max-width:78vw}.account-dropdown .menu-heading{margin:2px 0 8px}.launcher-grid{flex-direction:column;gap:4px;display:flex}.launcher-card{border-radius:var(--r-md);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:9px 10px;display:flex}@media (hover:hover){.launcher-card:hover:not(:disabled){background:var(--bg-raised);border-color:var(--border)}}.launcher-card.here{cursor:default;opacity:.7}.launcher-card.coming-soon{cursor:default;opacity:.55}.launcher-card.coming-soon .launcher-mark img{filter:grayscale()}.launcher-studio{margin-top:9px;position:relative}.launcher-studio:before{content:"";border-top:1px solid var(--border);pointer-events:none;position:absolute;top:-7px;left:10px;right:10px}.launcher-badge{border-radius:var(--r-sm);font-size:var(--text-2xs);font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border);vertical-align:middle;margin-left:6px;padding:1px 5px}.launcher-mark{flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.launcher-mark img{border-radius:var(--r-md);width:34px;height:34px}.launcher-text{flex-direction:column;min-width:0;display:flex}.launcher-name{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text)}.launcher-tagline{font-size:var(--text-xs);color:var(--text-dim);line-height:1.3}.btn-icon{align-items:center;display:inline-flex}.transport-controls button{justify-content:center;align-items:center;gap:5px;display:inline-flex}.copilot-build,.copilot-stop{align-items:center;gap:5px;display:inline-flex}.copilot-stop.free{border-color:var(--success);color:var(--success)}.copilot-build.alt{color:var(--gusta);border:1px solid var(--gusta);white-space:nowrap;background:0 0}.menu-item,.song-load{align-items:center;gap:8px;display:inline-flex}.menu-item svg{opacity:.7;flex:none}.menu-toggle{cursor:pointer;font-size:var(--text-sm);color:var(--text-dim)}.song-load svg{color:var(--text-dim);flex:none}.panel-head svg{display:block}.scope-to{color:var(--text-dim);font-size:var(--text-xs)}.gusta-btn{border:1px solid color-mix(in srgb, var(--gusta) 50%, var(--border));border-radius:var(--r-full);background:var(--bg-panel);min-height:28px;color:var(--gusta);font-weight:var(--w-bold);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:3px 13px;display:inline-flex}.gusta-btn .btn-label{color:var(--text);letter-spacing:.04em}.gusta-btn:hover{border-color:var(--gusta)}.gusta-btn.active{background:var(--gusta-soft);border-color:var(--gusta);color:var(--gusta)}.gusta-btn.active .btn-label{color:var(--text)}.theme-btn{color:var(--text-dim);background:0 0;align-items:center;padding:6px 8px;display:inline-flex}.theme-btn:hover{color:var(--text)}.gusta-moment{z-index:var(--z-drag);border:1px solid color-mix(in srgb, var(--gusta) 45%, var(--border));border-radius:var(--r-lg);border-top-right-radius:var(--r-xs);background:var(--bg-panel);max-width:264px;box-shadow:var(--shadow-2);font-size:var(--text-sm);cursor:pointer;animation:moment-in var(--dur-base) var(--ease-out);padding:9px 11px;line-height:1.4;position:fixed;top:56px;right:16px}@keyframes moment-in{0%{opacity:0;transform:translateY(-6px)}}.gusta-moment-who{color:var(--gusta);font-weight:var(--w-bold);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;gap:4px;margin-right:6px;display:inline-flex}.gusta-moment-text{color:var(--text)}.gusta-moment-mute{color:var(--text-dim);font-size:var(--text-2xs);cursor:pointer;background:0 0;border:none;margin:4px 0 0 auto;padding:0;display:block}.gusta-moment-mute:hover{color:var(--text);text-decoration:underline}.copilot-finish{border:1px solid var(--gusta);border-radius:var(--r-md);background:color-mix(in srgb, var(--gusta) 12%, transparent);flex-wrap:wrap;align-items:center;gap:10px;margin:0 8px 8px;padding:10px 12px;display:flex}.copilot-finish-text{min-width:140px;font-size:var(--text-sm);color:var(--text);flex:1}.copilot-finish .copilot-build{align-items:center;gap:5px;display:inline-flex}.copilot-confirm{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.copilot-confirm .copilot-build{align-items:center;gap:5px;display:inline-flex}.copilot-confirm button:not(.copilot-build){color:var(--text-dim)}.copilot-msg .copilot-report{font-size:var(--text-xs);color:var(--text-dim);text-underline-offset:2px;background:0 0;border:0;margin-top:6px;padding:2px 0;text-decoration:underline;display:block}.gusta-account-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.gusta-email{font-size:var(--text-sm);color:var(--text)}.gusta-balance{font-size:var(--text-sm);color:var(--text-dim)}.gusta-balance strong{color:var(--gusta);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.gusta-buy{flex-direction:column;gap:8px;display:flex}.gusta-plan.chosen{border-color:var(--gusta);box-shadow:0 0 0 1px var(--gusta) inset}.copilot-note.ok-note{color:var(--gusta)}.gusta-ask{font-size:var(--text-xs);color:var(--text-dim);flex-direction:column;gap:4px;display:flex}.gusta-ask input{font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 7px}.gusta-ask input:focus{border-color:var(--border-strong)}.account-dropdown .acct-section,.gusta-account .acct-section{border-top:1px solid var(--border);margin-top:2px;padding-top:8px;display:block}.account-dropdown .acct-section>summary,.gusta-account .acct-section>summary{cursor:pointer;font-size:var(--text-xs);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-dim);align-items:baseline;gap:8px;list-style:none;display:flex}.account-dropdown .acct-section>summary::-webkit-details-marker{display:none}.gusta-account .acct-section>summary::-webkit-details-marker{display:none}.account-dropdown .acct-section>summary:before,.gusta-account .acct-section>summary:before{content:"›";width:10px;transition:transform var(--dur-fast) var(--ease-out)}.account-dropdown .acct-section[open]>summary:before,.gusta-account .acct-section[open]>summary:before{transform:rotate(90deg)}.account-dropdown .acct-section>summary:hover,.gusta-account .acct-section>summary:hover{color:var(--text)}.account-dropdown .acct-section>:not(summary),.gusta-account .acct-section>:not(summary){margin-top:6px}.gusta-plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:8px;display:grid}.gusta-plan{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-raised);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:1px;padding:13px 6px 11px;display:flex;position:relative}@media (hover:hover){.gusta-plan:hover:not(:disabled){border-color:var(--gusta);box-shadow:var(--shadow-2);transform:translateY(-2px)}}.gusta-plan:active:not(:disabled){transform:translateY(0)}.gusta-plan:disabled{opacity:.5;cursor:default}.gusta-plan-tokens{font-size:var(--text-xl);font-weight:var(--w-bold);color:var(--text);font-variant-numeric:tabular-nums;line-height:1.05}.gusta-plan-unit{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-dim)}.gusta-plan-price{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--gusta);margin-top:7px}.gusta-plan-ask{font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--text-dim);margin-top:7px}.gusta-plan-songs{font-size:var(--text-2xs);color:var(--text-dim);margin-top:3px}.gusta-buy-translate{font-size:var(--text-xs);color:var(--text-dim);margin:8px 0 0;line-height:1.45}.link-btn{color:var(--text-dim);font-size:var(--text-xs);background:0 0;border:none;padding:0 2px;text-decoration:underline}.link-btn:hover:not(:disabled){color:var(--text);border:none}.link-btn.danger:hover:not(:disabled){color:var(--danger)}.copilot-note a{color:var(--gusta)}.gusta-storage{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.gusta-storage-figures{text-transform:none;letter-spacing:0;color:var(--text-dim);font-size:var(--text-xs);font-weight:var(--w-regular);margin-left:auto}.storage-meter{width:100%}.gusta-storage-summary{justify-content:space-between;align-items:center;gap:10px;display:flex}.gusta-data-rights{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.gusta-data-rights-row{justify-content:space-between;display:flex}.gusta-security{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.gusta-security-form{flex-direction:column;gap:6px;margin-top:2px;display:flex}.gusta-security-form label{font-size:var(--text-xs);color:var(--text-dim);flex-direction:column;gap:3px;display:flex}.gusta-security-form input{font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}.gusta-forgot{align-self:flex-start;margin-top:2px}.link-btn:disabled{color:var(--text-dim);cursor:not-allowed;opacity:.85;text-decoration:none}.gusta-soon{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--bg-raised);background:var(--text-dim);border-radius:var(--r-full);vertical-align:middle;margin-left:4px;padding:1px 6px;font-style:normal}.gusta-delete-confirm{flex-direction:column;gap:6px;display:flex}.gusta-delete-confirm input{font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px}.gusta-delete-btn{font:inherit;font-size:var(--text-sm);border-radius:var(--r-sm);border:1px solid var(--danger);color:var(--danger);background:0 0;padding:5px 8px}.gusta-delete-btn:disabled{opacity:.5}.gusta-delete-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 15%, transparent)}.copilot-messages{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.copilot-hello{font-size:var(--text-md);color:var(--text-dim)}.hello-lead{color:var(--text);font-size:var(--text-md);margin:0 0 10px;line-height:1.5}.quick-genres{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.genre-chip{font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg-panel);color:var(--text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.genre-chip:hover:not(:disabled,[aria-disabled=true]){border-color:var(--border-strong);color:var(--text)}.hello-reason{margin-top:8px}.genre-chip:disabled,.genre-chip[aria-disabled=true]{opacity:.5;cursor:default}.genre-chip.picked{border-color:var(--border-strong);color:var(--text);background:var(--on-bg)}.genre-choice{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);flex-direction:column;gap:6px;padding:10px;display:flex}.genre-choice-lead{font-size:var(--text-sm);color:var(--text-dim);margin:0 0 2px;line-height:1.4}.genre-choice-btn{width:100%;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.genre-choice-btn>span{align-items:center;gap:6px;display:inline-flex}.genre-choice-btn:disabled,.genre-choice-btn[aria-disabled=true]{opacity:.5;cursor:default}.genre-choice-btn.starter{border-color:var(--gusta-fill);background:var(--gusta-fill);color:var(--on-gusta);font-weight:var(--w-semibold)}.genre-choice-btn.starter:hover:not(:disabled,[aria-disabled=true]){filter:brightness(1.08)}.genre-choice-btn.original:hover:not(:disabled,[aria-disabled=true]){border-color:var(--gusta);color:var(--gusta)}.genre-choice-tag{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.03em;opacity:.8;white-space:nowrap}.template-menu-item{width:100%;display:flex}.template-menu-item .template-menu-bpm{font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.copilot-msg{border-radius:var(--r-md);max-width:92%;font-size:var(--text-md);white-space:pre-wrap;word-break:break-word;flex:none;padding:8px 10px}.copilot-msg.user{background:var(--chat-user);align-self:flex-end}.copilot-msg.assistant{background:var(--bg-panel);border:1px solid var(--border);align-self:flex-start}.copilot-msg.error{border-color:var(--danger);color:var(--danger)}.copilot-msg.thinking{color:var(--text-dim);flex-direction:column-reverse;gap:6px;max-height:180px;display:flex;overflow:hidden}.thinking-prose{margin:0;font-style:italic}.thinking-status{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.thinking-step{color:var(--text);font-weight:var(--w-semibold)}.thinking-detail{font-size:var(--text-xs);color:var(--text-dim)}.thinking-step[data-gusta-thinking]{font-variant-numeric:tabular-nums}.thinking-hint{font-size:var(--text-xs);font-weight:var(--w-regular);color:var(--text-dim);margin-top:2px;display:block}.thinking-eq{align-self:center;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.thinking-eq i{border-radius:var(--r-xs);background:var(--grad-gusta);width:3px;animation:.9s ease-in-out infinite eq-bounce}.thinking-eq i:first-child{height:6px;animation-delay:0s}.thinking-eq i:nth-child(2){height:11px;animation-delay:.15s}.thinking-eq i:nth-child(3){height:8px;animation-delay:.3s}@keyframes eq-bounce{50%{transform:scaleY(.4)}}.copilot-msg.info{color:var(--text-dim);font-size:var(--text-sm);background:0 0;border:none;align-self:center;font-style:italic}.copilot-stop{border-color:var(--border-strong);color:var(--text);background:0 0}.copilot-build{border-color:var(--gusta);color:var(--gusta);white-space:nowrap;background:0 0}.copilot-scope{border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.copilot-scope select{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:3px 6px}.scope-bars{align-items:center;gap:4px;display:flex}.scope-bars input{text-align:center;width:48px;padding:2px 4px}.scope-hint{color:var(--gusta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copilot-applied{font-size:var(--text-xs);color:var(--gusta);margin-top:6px;display:block}.copilot-input{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.copilot-cost{font-size:var(--text-xs);color:var(--text-dim);flex:100%;margin:0}.copilot-scope+.copilot-input{border-top:0}.copilot-input input{flex:1;min-width:0}.copilot-input button[type=submit]:not(:disabled){color:var(--on-gusta);background:var(--gusta-fill);border-color:var(--gusta-fill);font-weight:var(--w-semibold)}.copilot:has(.gusta-card-action.is-primary) .copilot-input button[type=submit]{color:var(--text);background:var(--bg-panel);border-color:var(--border);font-weight:var(--w-regular)}.copilot-focus{color:var(--text-dim);align-items:center;padding:0 9px;display:inline-flex}.copilot-focus.open,.copilot-focus:hover{color:var(--text)}.copilot-focus.active{color:var(--gusta);border-color:var(--gusta)}@media (width<=560px){.copilot-input input{flex:100%;order:-1}.copilot-input button:not(.copilot-focus){flex:1 1 0;justify-content:center}}.copilot-msg.undone{opacity:.6}.turn-foot{white-space:normal;flex-direction:column;gap:6px;margin-top:8px;display:flex}.turn-facts{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--gusta);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.turn-tag{border:1px solid var(--border-strong);border-radius:var(--r-full);font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:0 6px}.turn-tag.kept{border-color:var(--gusta);color:var(--gusta)}.turn-kept,.turn-note{font-size:var(--text-sm);color:var(--text);margin:0}.turn-note{font-size:var(--text-xs);color:var(--text-dim)}.turn-actions{flex-wrap:wrap;gap:6px;display:flex}.turn-receipt{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.turn-receipt-row{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text);text-align:left;background:0 0;border:0;padding:2px 0;display:block}button.turn-receipt-row{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px}@media (hover:hover){button.turn-receipt-row:hover{text-decoration-color:currentColor}}.turn-cost{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-dim);margin:0}.turn-helpful{font-size:var(--text-xs);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.turn-helpful button{font-size:var(--text-xs)}.turn-thanks{font-size:var(--text-xs);color:var(--text-dim);margin:0}.turn-actions button,.explain-more,.turn-try button{font-size:var(--text-xs);align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.turn-actions .turn-keep,.explain-more{border-color:var(--gusta);color:var(--gusta)}.turn-ab{gap:2px;display:inline-flex}.turn-ab button[aria-pressed=true]{background:var(--select);border-color:var(--select);color:var(--on-select)}.turn-ab .turn-ab-stop{padding:3px 5px}.turn-why-toggle{font-size:var(--text-xs);color:var(--text-dim);background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.turn-why-toggle:hover{color:var(--text)}.turn-free{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-2xs);color:var(--text-muted);padding:0 5px}.turn-why-body ul,.explain-lines{font-size:var(--text-sm);line-height:var(--lh-body);margin:4px 0 0;padding-left:16px}.turn-try{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.turn-try-hint{font-size:var(--text-xs);color:var(--text-dim)}.copilot-direct{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--text-dim);white-space:normal;align-items:center;gap:4px;margin-top:6px;padding:1px 8px;display:inline-flex}.copilot-readonly{font-size:var(--text-xs);color:var(--text-dim);margin-top:6px;display:block}.copilot-msg.explain{max-width:100%}.explain-card{white-space:normal;flex-direction:column;gap:6px;display:flex}.explain-head{align-items:center;gap:8px;display:flex}.explain-title{font-size:var(--text-xs);color:var(--text-dim)}.explain-chords{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.explain-chord{border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-sm);line-height:var(--lh-tight);flex-direction:column;align-items:center;padding:2px 7px;display:inline-flex}.explain-chord i{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim);font-style:normal}.explain-source{font-size:var(--text-2xs);color:var(--text-muted)}.explain-map{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);width:100%;height:56px}.explain-map .fn-chord{fill:var(--text)}.explain-map .fn-tension{fill:color-mix(in oklab, var(--text) 30%, transparent);stroke:var(--text);stroke-width:1px;vector-effect:non-scaling-stroke}.explain-map .fn-outside{fill:none;stroke:var(--text);stroke-width:1.5px;stroke-dasharray:2 1.5;vector-effect:non-scaling-stroke}.explain-legend{font-size:var(--text-2xs);color:var(--text-dim);flex-wrap:wrap;gap:10px;display:flex}.explain-legend span{align-items:center;gap:4px;display:inline-flex}.explain-legend i{border-radius:var(--r-xs);width:12px;height:7px;display:inline-block}.explain-legend i.fn-chord{background:var(--text)}.explain-legend i.fn-tension{border:1px solid var(--text);background:color-mix(in oklab, var(--text) 30%, transparent)}.explain-legend i.fn-outside{border:1px dashed var(--text)}.explain-more{align-self:flex-start}.copilot-msg.thinking.with-plan{max-height:none}.copilot-msg.thinking.with-plan .thinking-prose{max-height:72px;overflow:hidden}.build-plan{font-size:var(--text-sm);white-space:normal;color:var(--text);flex-direction:column;gap:3px;margin:0;padding:0;font-style:normal;list-style:none;display:flex}.build-step{grid-template-columns:14px 1fr;align-items:center;column-gap:6px;display:grid}.build-step.pending{color:var(--text-dim)}.build-step.active .build-step-label{font-weight:var(--w-semibold)}.build-step.failed{color:var(--text-muted);text-decoration:line-through}.build-step-mark{width:14px;height:14px;color:var(--gusta);justify-content:center;align-items:center;display:flex}.build-step-mark i{border:1.5px solid var(--text-muted);border-radius:50%;width:9px;height:9px}.build-step.active .build-step-mark i{border-color:var(--gusta);background:color-mix(in oklab, var(--gusta-fill) 45%, transparent)}.build-step-mark svg .ring{fill:none;stroke:var(--border-strong);stroke-width:1.5px}.build-step-mark svg .arc{fill:none;stroke:var(--gusta);stroke-width:2.5px;transform-origin:50%;transition:stroke-dasharray var(--dur-base) var(--ease-out);transform:rotate(-90deg)}.build-step-detail{font-size:var(--text-xs);color:var(--text-dim);grid-column:2}.gusta-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);flex-direction:column;gap:8px;padding:12px;display:flex}.gusta-card p{margin:0}.gusta-card-title{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text)}.gusta-card-text{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text)}.gusta-card-quote{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text-dim);overflow-wrap:anywhere}.gusta-card-note{font-size:var(--text-xs);color:var(--text-dim)}.gusta-card-actions{flex-wrap:wrap;gap:8px;display:flex}.gusta-card-action.is-primary{background:var(--gusta-fill);border-color:var(--gusta-fill);color:var(--on-gusta)}.gusta-card-action.is-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.gusta-card-action.is-quiet{color:var(--text-dim);background:0 0;border-color:#0000}.gusta-welcome{flex-direction:column;gap:8px;display:flex}.gusta-welcome-free{font-size:var(--text-sm);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;display:flex}.copilot-local{font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;gap:8px;display:flex}.copilot-local>summary{cursor:pointer}.copilot-local[open]>summary{margin-bottom:8px}.copilot-local>label+label,.copilot-local>label+.copilot-note{margin-top:8px}@media (pointer:coarse){.turn-actions button,.turn-try button,.explain-more,.turn-why-toggle,.genre-chip,.gusta-card-action,.gusta-welcome-free button,.turn-helpful button,button.turn-receipt-row{min-height:var(--gusta-target)}}.context-menu{z-index:var(--z-menu);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);min-width:200px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-2);font-size:var(--text-sm);overscroll-behavior:contain;flex-direction:column;gap:6px;padding:10px;display:flex;position:fixed;overflow-y:auto}.context-menu>button{text-align:left}.menu-title{font-weight:var(--w-bold);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.menu-play{color:var(--text);font-size:var(--text-2xs);padding:1px 8px}.menu-heading{font-weight:var(--w-bold);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:4px;display:flex}.menu-inline-toggle{font-size:var(--text-2xs);font-weight:var(--w-semibold);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-dim);cursor:pointer;background:0 0;padding:1px 7px}.menu-inline-toggle:hover{color:var(--text);border-color:var(--border-strong)}.menu-inline-toggle.on{background:var(--select);color:var(--on-select);border-color:var(--select)}.menu-note{font-size:var(--text-2xs);color:var(--text-dim)}.menu-note.reason-line{font-size:var(--text-xs);color:var(--text)}.tempo-editor{min-width:240px;font-size:var(--text-sm);flex-direction:column;gap:8px;display:flex}.tempo-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tempo-close{color:var(--text-dim);line-height:1.6;font-size:var(--text-lg);background:0 0;border-color:#0000;padding:0 6px}.tempo-close:hover{color:var(--text)}.tempo-base{color:var(--text-dim)}.tempo-empty,.tempo-note{font-size:var(--text-2xs);color:var(--text-dim)}.tempo-list{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tempo-row{align-items:center;gap:8px;display:flex}.tempo-row label{color:var(--text-dim);align-items:center;gap:4px;display:inline-flex}.tempo-row input[type=number]{background:var(--bg-panel);width:5ch;color:inherit;border:1px solid var(--border);border-radius:var(--r-xs);padding:2px 4px}.tempo-row input.led-display{width:6ch}.tempo-curve{border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-dim);margin-left:auto;padding:2px 7px;font-size:.85em;line-height:1}.tempo-del{border:1px solid var(--border);border-radius:var(--r-xs);padding:2px 7px;line-height:1}.tempo-actions{gap:8px;display:flex}.tempo-actions button{border:1px solid var(--border);border-radius:var(--r-xs);padding:3px 8px}.tempo-toggle .btn-label{font-variant-numeric:tabular-nums}.pr-key.sampled{color:var(--text)}.sample-root{font-size:var(--text-2xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);padding:1px 3px}.menu-row{color:var(--text-dim);align-items:center;gap:8px;display:flex}.fx-slider-label{color:var(--text);font-weight:var(--w-semibold);flex:0 0 64px}.song-row{align-items:center;gap:6px;display:flex}.song-row .song-load{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.song-row .song-delete{padding:2px 6px}.menu-row select,.menu-row input:not([type=range]){min-width:0;font:inherit;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;padding:3px 6px}.menu-row input[type=range]{flex:1;min-width:0;height:4px;padding:0}.menu-value{font-family:var(--mono);text-align:right;min-width:24px}.menu-nudge{flex:1;justify-content:flex-end;gap:4px;display:flex}.menu-nudge button{font-size:var(--text-xs);padding:2px 7px}.menu-danger{color:var(--danger)}.menu-danger:hover:not(:disabled){border-color:var(--danger)}.status-bar{font-size:var(--text-sm);color:var(--text-dim);background:var(--bg-raised);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:6px 16px;display:flex}.status-left{align-items:center;gap:10px;display:inline-flex}.statusbar-btn{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.statusbar-btn.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.midi-status{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:5px;display:inline-flex}.midi-status em{color:var(--text);font-style:normal}.panel-scrim{display:none}@media (width<=1100px){.library,.copilot{z-index:var(--z-drag);box-shadow:var(--shadow-3);position:absolute;top:0;bottom:0}.panel-scrim{z-index:var(--z-scrim);background:var(--scrim);display:block;position:absolute;inset:0}.library{flex-basis:auto;width:min(280px,82vw);left:0}.copilot{flex-basis:auto;width:min(340px,88vw);right:0}}@media (width<=780px){.icon-btn .btn-label,.gusta-btn .btn-label,.account-id{display:none}.icon-btn{padding:5px 9px}.icon-btn .btn-icon{font-size:var(--text-lg)}.project-name{width:130px}.brand-name,.status-hint{display:none}}@media (width<=600px),(height<=500px) and (pointer:coarse){.library,.copilot{border-left:none;border-right:none;width:100%}.copilot-msg{max-width:96%}.piano-roll-head{flex-wrap:wrap;gap:4px 6px}.piano-roll-head strong{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}}@media (width<=900px),(height<=520px),(pointer:coarse){.piano-roll-hint{display:none}}@media (pointer:coarse){.transport-controls button,.transport-right button,.transport-left button,.panel-head button,.copilot-input button,.copilot-input input,.context-menu>button,.song-row button{min-height:44px}.project-name{min-height:40px}.clip-audition,.clip-audition:hover,.clip-audition.on,.clip-more,.clip-more:hover{width:32px;height:min(44px,100%);font-size:var(--text-md);z-index:var(--z-raise);background:0 0;border:0;align-items:flex-start}.clip-btn-face{width:100%;height:var(--clip-strip-h);border-radius:var(--r-xs);border:1px solid #0000;justify-content:center;align-items:center;display:flex}.clip-more .clip-btn-face{background:color-mix(in srgb, var(--bg) 65%, transparent);border-color:var(--border)}.clip.narrow .clip-more{width:min(32px,100% - 4px);height:min(28px,100%);right:2px}.clip-audition.on .clip-btn-face{background:var(--accent-fill);border-color:var(--accent)}.clip-more{right:14px}.clip:has(>.clip-more) .clip-name{padding-right:calc(14px + 32px + var(--sp-2))}.clip-name{padding-left:40px}.pr-resize{flex-basis:14px;margin-bottom:-14px}.context-menu{max-height:80vh;overflow-y:auto}.statusbar-btn{min-height:44px}}.render-overlay{z-index:var(--z-overlay);background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0}.render-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);color:var(--text);box-shadow:var(--shadow-2);align-items:center;gap:12px;padding:16px 22px;display:flex}.render-toast{z-index:var(--z-overlay);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);max-width:min(480px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-2);cursor:pointer;padding:10px 16px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.render-spinner{border:2px solid var(--border);border-top-color:var(--text);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite render-spin}@keyframes render-spin{to{transform:rotate(360deg)}}.large-render-overlay{z-index:var(--z-modal)}.start-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(440px,100vw - 32px);color:var(--text);box-shadow:var(--shadow-2);padding:22px 24px}.start-card h2{font-size:var(--text-lg);align-items:center;gap:8px;margin:0 0 8px;display:flex}.start-card h2 svg{color:var(--text-dim)}.start-card p{font-size:var(--text-md);color:var(--text-dim);margin:0 0 14px}.start-actions{flex-wrap:wrap;gap:8px;display:flex}.start-actions button{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font:inherit;font-size:var(--text-md);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.start-actions button:hover:not(:disabled){border-color:var(--border-strong)}.start-actions .start-primary{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}.start-actions .start-cancel{color:var(--text-dim);margin-left:auto}.start-note{font-size:var(--text-xs);margin:12px 0 0!important}.menu-flyout-row{align-items:center;gap:8px;width:100%;display:flex}.menu-flyout-row.on{border-color:var(--border-strong);background:var(--on-bg)}.menu-flyout-label{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.3;display:flex}.menu-flyout-note{font-size:var(--text-2xs);color:var(--text-dim)}.menu-flyout-count{font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto}.menu-flyout-panel{z-index:var(--z-menu);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);font-size:var(--text-sm);overscroll-behavior:contain;flex-direction:column;gap:6px;padding:10px;display:flex;position:fixed;overflow-y:auto}.menu-flyout-panel>button{text-align:left}.boot-notice-overlay{z-index:var(--z-modal);background:var(--scrim);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.boot-notice-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);max-width:420px;color:var(--text);box-shadow:var(--shadow-3);padding:22px 24px}.boot-notice-card h2{font-size:var(--text-lg);margin:0 0 10px}.boot-notice-card p{font-size:var(--text-md);color:var(--text-dim);margin:0 0 18px;line-height:1.5}.boot-notice-actions{justify-content:flex-end;gap:10px;display:flex}.boot-notice-actions button{border-radius:var(--r-md);border:1px solid var(--border);color:var(--text);font-size:var(--text-md);cursor:pointer;background:0 0;padding:8px 14px}.boot-notice-actions button.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}.cloud-badge{z-index:var(--z-toast);border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-panel);max-width:min(92vw,460px);color:var(--text);box-shadow:var(--shadow-2);font-size:var(--text-sm);align-items:center;gap:12px;padding:10px 12px;display:flex;position:fixed;bottom:16px;right:16px}.cloud-badge>svg{flex:none}.cloud-badge.error>svg{color:var(--danger)}.cloud-badge.conflict>svg{color:var(--warn)}.cloud-badge-msg{flex:auto;line-height:1.4}.cloud-badge-actions{flex:none;align-items:center;gap:6px;display:flex}.cloud-badge-actions button{border-radius:var(--r-sm);border:1px solid var(--border);color:var(--text);font-size:var(--text-sm);cursor:pointer;background:0 0;padding:5px 9px}.cloud-badge-actions button:disabled{opacity:.5;cursor:default}.cloud-badge-dismiss{color:var(--text-dim)!important;border:none!important;padding:5px 6px!important}.policy-notice{z-index:var(--z-float);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-panel);width:min(340px,100vw - 32px);box-shadow:var(--shadow-2);color:var(--text);font-size:var(--text-sm);flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;display:flex;position:fixed;bottom:44px;left:16px}.policy-notice-title{font-weight:var(--w-semibold)}.policy-notice-body{color:var(--text-dim);margin:0;line-height:1.45}.policy-notice-body a{color:var(--accent)}.policy-notice-ok{border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);font-size:var(--text-sm);cursor:pointer;background:0 0;align-self:flex-end;padding:5px 12px}@media (pointer:coarse){.policy-notice-ok{min-width:88px;min-height:44px}.policy-notice-body a{padding:13px 0}.knob{min-width:var(--gusta-target);min-height:var(--gusta-target);justify-content:center}}.knob{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.knob svg{cursor:ns-resize;touch-action:none;display:block}.knob-track{fill:none;stroke:var(--border);stroke-width:3px;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--tc-ink,var(--text));stroke-width:3px;stroke-linecap:round}.knob-pointer{stroke:var(--text);stroke-width:2px;stroke-linecap:round}.knob-label{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);white-space:nowrap}.knob-value{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text);white-space:nowrap}.fx-knob-grid{justify-content:space-between;gap:8px;padding:4px 2px 6px;display:flex}.dropdown{min-width:0;font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);text-align:left;justify-content:space-between;align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.dropdown:hover,.dropdown.open{border-color:var(--border-strong);color:var(--text)}.dropdown-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dropdown-item{text-align:left}.dropdown-item.on{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.meter{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--border);position:relative;overflow:hidden}.meter:after{content:"";pointer-events:none;background:repeating-linear-gradient(to top, transparent 0 3px, var(--bg) 3px 4px);position:absolute;inset:0}.meter-h:after{background:repeating-linear-gradient(to right, transparent 0 3px, var(--bg) 3px 4px)}.meter-v{width:6px;height:100%}.meter-h{align-self:center;width:64px;height:8px}.meter-fill{background:linear-gradient(to top, var(--meter-safe), var(--meter-hot) 75%, var(--meter-clip) 95%);transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.meter-h .meter-fill{background:linear-gradient(to right, var(--meter-safe), var(--meter-hot) 75%, var(--meter-clip) 95%);transform-origin:0;transform:scaleX(0)}.meter-fill.hot{background:var(--meter-clip)}.meter-peak{background:var(--text);opacity:.85;pointer-events:none;z-index:var(--z-raise);position:absolute}.meter-v .meter-peak{height:2px;bottom:0;left:0;right:0}.meter-h .meter-peak{width:2px;top:0;bottom:0;left:0}.meter-clip{background:var(--meter-clip);opacity:0;pointer-events:none;z-index:var(--z-sticky);position:absolute}.meter-v .meter-clip{height:3px;top:1px;left:1px;right:1px}.meter-h .meter-clip{width:3px;top:1px;bottom:1px;right:1px}.meter-clip.clipped{opacity:1;box-shadow:0 0 4px var(--meter-clip)}.track-meter{z-index:var(--z-base);position:absolute;top:8px;bottom:8px;right:3px}.pr-velocity{border-top:1px solid var(--border);background:var(--bg-raised);flex:none;overflow:hidden}.pr-velocity-inner{display:flex}.pr-velocity-label{z-index:var(--z-raise);font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-raised);border-right:1px solid var(--border);flex-direction:column;flex:0 0 56px;justify-content:center;align-items:center;gap:3px;display:flex;position:sticky;left:0}.pr-vel-tools{gap:2px;display:flex}.pr-vel-tools button{width:16px;height:16px;font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg);color:var(--text-dim);cursor:pointer;padding:0;line-height:1}.pr-vel-tools button:hover{color:var(--text);border-color:var(--border-strong)}.pr-lane-menu{width:100%;min-height:var(--gusta-target);color:var(--text);font-size:var(--text-xs);background:0 0;border-color:#0000;justify-content:center;align-items:center;gap:2px;padding:0 4px;display:inline-flex}.pr-lane-menu svg{color:var(--text-dim);flex:none}.pr-lane-glyph{width:16px;color:var(--text-dim);place-items:center;display:inline-grid}.pr-velocity-lane{touch-action:none;cursor:crosshair;background:var(--bg);position:relative}.pr-lane-tabs{gap:2px;display:flex}.pr-lane-tabs button{font-size:var(--text-2xs);border-radius:var(--r-xs);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:1px 5px;line-height:1.4}.pr-lane-tabs button.on{background:var(--select);color:var(--on-select)}.pr-vel-tools button:disabled{opacity:.35;cursor:default}.pr-vel-tools button:disabled:hover{color:var(--text-dim);border-color:var(--border)}.pr-bend-centre{border-top:1px dashed var(--border);position:absolute;top:50%;left:0;right:0}.pr-bend-span{background:color-mix(in srgb, var(--tc-ink,var(--select)) 12%, transparent);border-left:1px solid color-mix(in srgb, var(--tc-ink,var(--select)) 45%, transparent);border-right:1px solid color-mix(in srgb, var(--tc-ink,var(--select)) 45%, transparent);position:absolute;top:0;bottom:0}.pr-bend-curve{pointer-events:none;position:absolute;inset:0}.pr-bend-curve polyline{fill:none;stroke:var(--tc-ink,var(--select));stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.pr-bend-hint{font-size:var(--text-xs);color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pr-velocity-bar{border-radius:var(--r-xs) var(--r-xs) 0 0;pointer-events:none;width:5px;position:absolute;bottom:0}.lane-automation{pointer-events:none;z-index:var(--z-raise);position:absolute;inset:0}.lane-automation polyline{fill:none;stroke:var(--text-dim);stroke-width:1.5px;opacity:.45}.lane-automation-edit{z-index:var(--z-raise);cursor:crosshair;touch-action:none;background:color-mix(in srgb, var(--select) 5%, transparent);position:absolute;inset:0}.lane-automation-edit svg{pointer-events:none;position:absolute;inset:0}.lane-automation-edit polyline{fill:none;stroke:var(--select);stroke-width:2px}.lane-automation-edit circle{fill:var(--bg);stroke:var(--select);stroke-width:2px}.lane-automation-hint{font-size:var(--text-xs);color:var(--text-dim);opacity:.8;pointer-events:none;position:absolute;top:6px;left:8px}.lane-automation-readout{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text);pointer-events:none;z-index:var(--z-raise);padding:1px 5px;position:absolute;transform:translate(8px,-50%)}.track-automate{font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 6px}.track-automate.on{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.sound-browser{z-index:var(--z-overlay);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);width:500px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:fixed;overflow:hidden}.sb-head{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:2px 8px;padding:8px 10px;display:flex}.sb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);font-weight:var(--w-semibold);flex:auto;overflow:hidden}.sb-current{color:var(--text-dim);font-weight:var(--w-regular)}.sb-note{font-size:var(--text-xs);color:var(--text-dim);flex:100%;order:1}.sb-done{font-size:var(--text-xs);background:var(--accent-fill);color:var(--on-accent);border-radius:var(--r-sm);cursor:pointer;font-weight:var(--w-semibold);border:none;padding:3px 10px}.sb-body{height:min(420px,62vh);min-height:0;display:flex}.sb-families{border-right:1px solid var(--border);scrollbar-width:thin;-webkit-mask-image:linear-gradient(to bottom, var(--bg) calc(100% - 12px), transparent);mask-image:linear-gradient(to bottom, var(--bg) calc(100% - 12px), transparent);flex-direction:column;flex:0 0 128px;gap:2px;padding:8px 6px;display:flex;overflow-y:auto}.sb-families button{text-align:left;font-size:var(--text-sm);border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:7px 8px}.sb-families button.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.sb-list{flex-direction:column;flex:1;gap:4px;min-width:0;padding:8px;display:flex;overflow-y:auto}.sb-item{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);min-height:44px;color:var(--text);cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;gap:1px;padding:7px 9px;display:flex}@media (hover:hover){.sb-item:hover{border-color:var(--border-strong)}}.sb-item.on{border-color:var(--select);background:var(--on-bg)}.sb-item.loading{opacity:.6}.sb-name{font-size:var(--text-sm);font-weight:var(--w-semibold)}.sb-hint{font-size:var(--text-xs);color:var(--text-dim);line-height:1.35}.sb-empty{font-size:var(--text-xs);color:var(--text-dim);margin:6px 2px}.sb-search{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:7px 10px;display:flex}.sb-search input{min-width:0;font-size:var(--text-sm);flex:1;padding:5px 8px}.sb-search-clear{color:var(--text-dim);background:0 0;border:none;align-items:center;padding:4px 6px;display:inline-flex}.sb-group{flex-direction:column;gap:4px;display:flex}.sb-cat{font-size:var(--text-2xs);font-weight:var(--w-bold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin:6px 2px 0}.sb-group:first-child .sb-cat{margin-top:0}.sb-shape-toggle{font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.sb-shape-toggle.on{border-color:var(--border-strong);color:var(--text)}@media (hover:hover){.sb-shape-toggle:hover{border-color:var(--border-strong);color:var(--text)}}.sb-shape{flex-direction:column;gap:8px;max-height:min(420px,65vh);padding:10px 12px 12px;display:flex;overflow-y:auto}.sb-shape-hint{font-size:var(--text-xs);color:var(--text-dim);margin:0}.sb-shape .menu-heading{font-size:var(--text-xs)}.sb-shape-hear{font-size:var(--text-sm);align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.sb-shape-note{font-size:var(--text-2xs);color:var(--text-dim);margin:0}.sb-item-new .sb-name{color:var(--text);align-items:center;gap:5px;display:inline-flex}.pr-lyrics{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-direction:column;gap:4px;padding:8px 12px;display:flex}.piano-roll{--pr-grid-min:112px}.piano-roll>.piano-roll-scroll{min-height:min(var(--pr-grid-min), 25%)}.piano-roll>.pr-player,.piano-roll>.pr-strum,.piano-roll>.pr-lyrics{flex-shrink:1;min-height:0;overflow:auto}.pr-strum{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.pr-strum-row{align-items:center;gap:8px;display:flex}.pr-strum-label{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--track-caps);flex:0 0 52px}.pr-strum-chords{flex:1;gap:4px;min-width:0;display:grid}.pr-strum-chord{text-align:center;width:100%;min-width:0;font:var(--w-semibold) var(--text-sm)/1 var(--sans);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 2px}.pr-strum-chord:focus{border-color:var(--border-strong)}.pr-strum-steps{gap:3px;display:flex}.pr-strum-step{width:30px;height:28px;font:var(--w-bold) var(--text-sm)/1 var(--sans);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer}.pr-strum-step.beat{margin-left:5px}.pr-strum-steps .pr-strum-step:first-child{margin-left:0}.pr-strum-step.on{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.pr-strum-step.on.accent{color:var(--on-select);background:var(--select);border-color:var(--select)}.pr-strum-res{gap:3px;margin-left:auto;display:flex}.pr-strum-resbtn{font:var(--w-semibold) var(--text-xs)/1 var(--sans);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;padding:6px 8px}.pr-strum-resbtn.on{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.pr-strum-hint{font-size:var(--text-xs);color:var(--text-dim)}@media (pointer:coarse){.pr-strum-step{width:38px;height:36px}}.feedback-widget{margin-left:auto;position:relative}.feedback-toggle{color:var(--text-dim);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;padding:2px 6px}.feedback-toggle:hover{color:var(--text)}.feedback-pop{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);width:280px;box-shadow:var(--shadow-2);z-index:var(--z-overlay);flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:24px;right:0}.feedback-pop textarea{resize:vertical;min-height:70px;font:inherit;font-size:var(--text-sm)}.feedback-actions{align-items:center;gap:8px;display:flex}.feedback-status{font-size:var(--text-xs);color:var(--text-dim);flex:1;align-items:center;gap:4px;display:inline-flex}.feedback-compose{flex-direction:column;gap:6px;display:flex}.feedback-attached{font-size:var(--text-xs);color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;display:flex}.feedback-attached button{font-size:var(--text-xs)}.feedback-lines{color:var(--text);overflow-wrap:anywhere;flex-basis:100%;margin:0;padding-left:16px}.feedback-unread-dot{background:var(--accent-fill);vertical-align:2px;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.feedback-tabs{gap:4px;display:flex}.feedback-tabs button{font-size:var(--text-xs);border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:3px 8px}.feedback-tabs button.on{color:var(--text);border-color:var(--border-strong);background:var(--on-bg)}.feedback-inbox{flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.feedback-empty{font-size:var(--text-xs);color:var(--text-dim);margin:4px 0}.feedback-thread{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.feedback-thread:last-child{border-bottom:none}.feedback-bubble{font-size:var(--text-sm);border-radius:var(--r-lg);border-bottom-left-radius:var(--r-xs);background:var(--bg-raised);color:var(--text);white-space:pre-wrap;word-break:break-word;align-self:flex-start;max-width:85%;padding:6px 10px;line-height:1.4}.feedback-bubble[data-author=user]{background:var(--on-bg);border-radius:var(--r-lg);border-bottom-right-radius:var(--r-xs);align-self:flex-end}.feedback-bubble[data-author=user] .feedback-author{display:none}.feedback-thread.unread .feedback-bubble[data-author=support]:last-of-type{background:color-mix(in srgb, var(--select) 10%, var(--bg-raised))}.feedback-author{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-dim);margin-bottom:2px;display:block}.feedback-reply{align-items:flex-end;gap:6px;display:flex}.feedback-reply textarea{flex:1;min-height:40px}.feedback-reply-open{color:var(--text-dim);font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0}.feedback-reply-open:hover{color:var(--text)}.sound-save{gap:6px;padding:2px 10px 4px;display:flex}.sound-save input{min-width:0;font-size:var(--text-xs);flex:1}.sound-save button{font-size:var(--text-xs);align-items:center;gap:4px;display:inline-flex}.sound-save-note{font-size:var(--text-xs);color:var(--text-dim);margin:0;padding:0 10px 6px}.eq-editor{width:min(300px,100vw - 60px);padding:2px 10px 6px}.eq-graph-wrap{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);width:100%;position:relative;overflow:hidden}.eq-graph{touch-action:none;cursor:crosshair;background:0 0;width:100%;display:block;position:relative}.eq-spectrum{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.eq-spectrum-tap{z-index:var(--z-raise);font-size:var(--text-2xs);border-radius:var(--r-xs);color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;padding:1px 6px;position:absolute;top:4px;right:4px}.eq-grid{stroke:var(--border);stroke-width:.5px;opacity:.6}.eq-grid-label{fill:var(--text-dim);font-size:var(--text-2xs)}.eq-zero{stroke:var(--text-dim);stroke-width:.7px;opacity:.8}.eq-handle{stroke:var(--note-edge);stroke-width:1.5px;cursor:grab}.eq-handle.selected{stroke:var(--text)}.eq-hint{font-size:var(--text-xs);color:var(--text-dim);margin:6px 0 0}.eq-band-detail{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px;display:flex}.eq-band-detail select{font-size:var(--text-xs)}.eq-band-readout{color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:74px}.eq-remove{flex-shrink:0;padding:3px 6px}.sample-analysis{font-style:normal;font-size:var(--text-2xs);color:var(--text-dim);opacity:.85;display:block}.section-row{z-index:var(--z-sticky-top);display:flex;position:sticky;top:0}.section-row .ruler-spacer{flex:0 0 var(--track-head-w);min-width:var(--track-head-w);z-index:var(--z-sticky-top);background:var(--bg-raised);border-bottom:1px solid var(--border);position:sticky;left:0}.section-band{height:20px;width:var(--timeline-width);background:var(--bg-raised);border-bottom:1px solid var(--border);position:relative}.section-span{text-align:left;white-space:nowrap;font-size:var(--text-2xs);--tc:var(--section-color);color:var(--tc-ink);background:color-mix(in oklab, var(--tc-ink) 14%, transparent);border:1px solid color-mix(in oklab, var(--tc-ink) 45%, transparent);border-radius:var(--r-xs);padding:0 6px;line-height:14px;position:absolute;top:2px;bottom:2px;overflow:hidden}@media (pointer:coarse){.section-band{height:32px}.section-span{line-height:26px}}@media (hover:hover){.section-span:hover{background:color-mix(in oklab, var(--tc-ink) 26%, transparent)}}.track-auto-done{font-size:var(--text-2xs);font-weight:var(--w-bold);letter-spacing:.03em;color:var(--on-accent);background:var(--accent-fill);border:1px solid var(--accent-fill);border-radius:var(--r-sm);flex-shrink:0;padding:2px 8px}.track-auto-done:hover:not(:disabled){border-color:var(--accent-fill);filter:brightness(1.08)}.floating-window{z-index:var(--z-float);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);min-width:200px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);box-shadow:var(--shadow-2);font-size:var(--text-sm);flex-direction:column;display:flex;position:fixed;overflow:hidden}.floating-window-bar{border-bottom:1px solid var(--border);background:var(--bg-raised);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px 7px 11px;display:flex}.floating-window-bar:active{cursor:grabbing}.floating-window-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--w-bold);color:var(--text);flex:1;overflow:hidden}.floating-window-close{width:26px;height:26px;color:var(--text-dim);background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.floating-window-close:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.floating-window-body{overscroll-behavior:contain;flex-direction:column;gap:6px;padding:10px;display:flex;overflow-y:auto}.floating-window-body>button{text-align:left}.chop-editor{width:640px;max-width:calc(100vw - 24px)}.chop-wave-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.chop-wave{touch-action:none;width:100%;height:120px;display:block}.chop-wave-fill{fill:var(--text-dim);opacity:.55}.chop-marker{stroke:var(--text);stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.chop-marker-hit{fill:#0000}.chop-loading{height:120px;color:var(--text-dim);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.chop-slices{flex-wrap:wrap;gap:4px;display:flex}.chop-slice{font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;gap:3px;padding:3px 7px;display:inline-flex}.chop-slice.is-playing{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.chop-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.chop-sens{font-size:var(--text-sm);color:var(--text-dim);flex:1;align-items:center;gap:8px;display:flex}.chop-sens input{flex:1}.chop-count{font-size:var(--text-sm);color:var(--text-dim);font-variant-numeric:tabular-nums}.chop-actions{gap:6px;display:flex}.chop-actions button{flex:1}.chop-actions .primary{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.chop-hint{font-size:var(--text-xs);color:var(--text-dim);margin:0;line-height:1.4}.chop-status{font-size:var(--text-sm);color:var(--text);margin:0}@media (pointer:coarse){.floating-window-bar{padding:10px 10px 10px 13px}.floating-window-close{width:34px;height:34px}.track-auto-done{font-size:var(--text-xs);padding:5px 12px}}.copilot-msg .md>:first-child{margin-top:0}.copilot-msg .md>:last-child{margin-bottom:0}.copilot-msg .md p{margin:0 0 .5em}.copilot-msg .md strong{font-weight:var(--w-semibold);color:var(--text)}.copilot-msg .md em{font-style:italic}.copilot-msg .md a{color:var(--gusta);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.copilot-msg .md-list{margin:0 0 .5em;padding-left:1.35em}.copilot-msg .md-list li{margin:.15em 0}.copilot-msg .md-code{font-family:var(--mono);border-radius:var(--r-xs);background:var(--bg-raised);border:1px solid var(--border);padding:.08em .35em;font-size:.9em}.copilot-msg .md-pre{border-radius:var(--r-sm);background:var(--bg-raised);border:1px solid var(--border);margin:0 0 .5em;padding:8px 10px;overflow-x:auto}.copilot-msg .md-pre code{font-family:var(--mono);white-space:pre;background:0 0;border:0;padding:0;font-size:.88em}html,body,#root,.app{overscroll-behavior:none}.feedback-toggle.feedback-pill{min-height:30px;font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text);border:1px solid var(--border);border-radius:var(--r-full);background:0 0;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.feedback-toggle.feedback-pill:hover,.feedback-toggle.feedback-pill.on{color:var(--text);border-color:var(--border-strong);background:var(--bg-hover)}.feedback-pill-label{letter-spacing:.02em}@media (pointer:coarse){.feedback-toggle.feedback-pill{min-height:40px;padding:6px 16px}}.gs-reopen{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000}.gs-reopen:hover{color:var(--text)}.experience-bubble{z-index:var(--z-dock);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);border-bottom-right-radius:var(--r-xs);width:288px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-2);animation:gs-in var(--dur-slow) var(--ease-out);padding:14px;position:fixed;bottom:46px;right:16px}.experience-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;line-height:0;position:absolute;top:9px;right:9px}.experience-close:hover{color:var(--text)}.experience-who{color:var(--accent);font-weight:var(--w-bold);font-size:var(--text-xs);letter-spacing:.04em;align-items:center;gap:4px;display:inline-flex}.experience-q{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text);margin:4px 0 0}.experience-choice{gap:8px;margin-top:12px;display:flex}.experience-vote{min-height:40px;font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.experience-vote:hover{border-color:var(--text-dim)}.experience-vote.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.experience-note{resize:vertical;width:100%;min-height:52px;font:inherit;font-size:var(--text-sm);margin-top:10px}.experience-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.experience-later{font-size:var(--text-xs);color:var(--text-dim);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text-dim) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--text-dim) 50%, transparent);cursor:pointer;background:0 0;border:none;padding:0}.experience-later:hover{color:var(--text)}.experience-send{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent-fill);border:1px solid var(--accent);border-radius:var(--r-md);cursor:pointer;padding:6px 14px}.experience-send:disabled{opacity:.5;cursor:default}.experience-thanks{font-size:var(--text-sm);color:var(--text);align-items:center;gap:6px;margin:4px 0;display:inline-flex}@media (width<=600px),(height<=500px) and (pointer:coarse){.mshell .piano-roll{--pr-head-h:46px;--pr-close-w:44px;position:relative}.mshell .piano-roll-head{height:var(--pr-head-h);margin-right:var(--pr-close-w);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;padding:6px 8px;position:static;overflow:auto hidden}.mshell .piano-roll-head::-webkit-scrollbar{display:none}.mshell .piano-roll-head strong{max-width:30vw}.mshell .piano-roll-track{display:none}.mshell .piano-roll-close{width:var(--pr-close-w);height:var(--pr-head-h);border:0;border-bottom:1px solid var(--border);background:var(--bg-raised);box-shadow:-10px 0 10px -6px var(--bg-raised);border-radius:0;padding:0;top:0;right:0}.mshell .piano-roll .pr-thumb{z-index:var(--z-sticky-top);background:color-mix(in oklab, var(--bg-raised) 90%, transparent);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-2);gap:2px;padding:3px;display:flex;position:absolute;bottom:4px;right:8px}.mshell .piano-roll .pr-thumb button{min-width:44px;min-height:44px;font-size:var(--text-2xs);color:var(--text-dim);border-radius:var(--r-md);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px 6px;display:flex}.mshell .piano-roll .pr-thumb button.on{color:var(--text);background:var(--on-bg)}.mshell .piano-roll .pr-thumb [data-tool=done]{color:var(--text)}.mshell .piano-roll .pr-note-grip{z-index:var(--z-raise);touch-action:none;cursor:ew-resize;justify-content:center;align-items:center;width:28px;margin-left:-6px;display:flex;position:absolute}.mshell .piano-roll .pr-note-grip:before{content:"";border-radius:var(--r-full);background:var(--select);width:6px;height:max(10px,100% - 6px);box-shadow:0 0 0 2px var(--bg)}.mshell .piano-roll.closing-hint{opacity:.6}}@media (height<=500px) and (pointer:coarse){.mshell:has(.piano-roll) .tracks{display:none}.mshell .piano-roll{--pr-head-h:39px;min-height:0;flex:auto!important;height:auto!important;max-height:100%!important}.mshell .piano-roll-head{gap:4px;padding:3px 6px}.mshell .piano-roll-head button{min-height:32px;font-size:var(--text-sm);padding:0 9px}.mshell .piano-roll-head .piano-roll-close{padding:0}.mshell .piano-roll .pr-thumb{box-shadow:inset 0 0 0 1px var(--border), var(--shadow-2);border:0;padding:0}.mshell .pr-resize{display:none}}@media (width<=600px),(height<=500px) and (pointer:coarse){:root{--mbar-h:44px;--mdock-h:58px;--mnav-h:50px;--mnav-pad-b:max(0px, calc(env(safe-area-inset-bottom) - 6px));--mchrome-b:calc(var(--mdock-h) + var(--mnav-h) + var(--mnav-pad-b));--mchrome-l:0px;--mchrome-r:0px;--mgutter:8px}input:is(:not([type]),[type=text],[type=search],[type=email],[type=url],[type=tel],[type=password],[type=number]),textarea,select,[contenteditable=true]{font-size:max(var(--text-field), 1em)!important}html,body{overscroll-behavior:none}.mshell{height:100dvh;height:var(--app-h,100dvh);background:var(--bg);overscroll-behavior:none;grid-template:"top""stage"minmax(0,1fr)"dock""nav"/minmax(0,1fr);display:grid;overflow:hidden}.mtopbar,.mdock,.mnav{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mdock,.mnav{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mtopbar{min-width:0;padding:4px max(4px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));padding-top:max(4px, env(safe-area-inset-top));background:var(--bg-raised);border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:0;display:flex}.mbrand{flex:none;align-items:center;margin-right:4px;display:flex}.mtopbar .brand-mark{width:24px;height:24px}.mname{min-width:0;height:var(--mbar-h);font-size:var(--text-lg);flex:auto;position:relative}.mname-sizer,.mtopbar .project-name{font-size:1.07em;font-weight:var(--w-semibold);letter-spacing:0;padding:0 6px}.mname-sizer{border:1px solid #0000;white-space:pre;visibility:hidden;border-block-width:0;height:0;display:block;overflow:hidden}.mtopbar .project-name{width:100%;min-width:0;height:100%;min-height:0;color:var(--text);border-radius:var(--r-md);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;margin:0;position:absolute;inset:0}.mtopbar .project-name:focus{background:var(--bg);border-color:var(--border-strong);text-overflow:clip}.mtempo{width:56px;height:var(--mbar-h);border-radius:var(--r-md);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.mtempo-led{width:52px;height:36px;line-height:var(--lh-tight);transition:scale var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 3px;display:flex;overflow:hidden}.mtempo-bpm{font-size:var(--text-md)}.mtempo-key{max-width:100%;font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--w-semibold);white-space:nowrap;color:color-mix(in oklch, var(--led-text) 72%, transparent);text-shadow:none;overflow:hidden}.mtempo.active .mtempo-led{border-color:var(--select)}.mtopbar-actions{flex:none;align-items:center;margin-left:auto;display:flex}.micon{width:44px;height:44px;color:var(--text);border-radius:var(--r-md);transition:background-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.micon.active{background:var(--on-bg)}.micon:disabled{opacity:.35}.mstage{grid-area:stage;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.mstage>.center-column{flex:auto;min-width:0}.msheet{z-index:var(--z-dock);background:var(--bg);overscroll-behavior:contain;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.msheet>.library,.msheet>.copilot{width:100%;height:100%;min-height:0;box-shadow:none;border:none;flex:auto;position:static;inset:auto}.msheet>.library{-webkit-overflow-scrolling:touch;overflow-y:auto}.msheet-pad{-webkit-overflow-scrolling:touch;padding:0 0 12px;scroll-padding-top:60px;overflow-y:auto}.msheet-head{border-bottom:1px solid var(--border);background:var(--bg);z-index:var(--z-base);align-items:center;gap:8px;padding:6px 6px 6px 14px;display:flex;position:sticky;top:0}.msheet-head strong{font-size:var(--text-lg);flex:1}.mmore-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.mmore-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);min-height:84px;color:var(--text);font-size:var(--text-md);transition:background-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;display:flex}.mmore-item.on{border-color:var(--border-strong);color:var(--text);background:var(--on-bg)}.mmore-item:disabled{opacity:.4}.mmore-section{padding:4px 14px 0}.mmore-export{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:calc(100% - 28px);min-height:52px;color:var(--text);font-size:var(--text-md);font-weight:var(--w-semibold);justify-content:center;align-items:center;gap:10px;margin:14px 14px 6px;display:flex}.mmore-export.is-primary{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}.mmore-section>.menu-heading,.mmore-section>.mlens{margin-top:10px}.mmore-section .mmore-grid{padding:10px 0 4px}.mmore-grid:not(.mmore-grid-3)>:last-child:nth-child(odd){grid-column:1/-1}.mmore-grid.mmore-grid-3{grid-template-columns:1fr 1fr 1fr}.mmore-grid-3 .mmore-item{min-height:72px;padding:10px 6px}.mmore-row{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:100%;min-height:52px;color:var(--text);font-size:var(--text-md);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:8px 12px;display:flex}.mmore-row>svg,.mmore-row-mark{color:var(--text-dim);flex:none}.mmore-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mmore-row-note{color:var(--text-dim);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mmore-fold{margin-top:10px}.mmore-fold>summary{list-style:none}.mmore-fold>summary::-webkit-details-marker{display:none}.mmore-fold[open]>summary>svg:last-child{transform:rotate(180deg)}.mmore-fold>.rec-options,.mmore-fold>.launcher-grid{padding:12px 2px 4px}.mmore-shell{flex-direction:column;gap:10px;padding-top:18px;display:flex}.mmore-shell .mmore-fold{margin-top:0}.mmore-feedback{padding:10px 0 0}.mmore-feedback .feedback-widget{margin-left:0;display:block}.mmore-feedback .feedback-pill{width:100%;min-height:48px;font-size:var(--text-md);justify-content:center}.mmore-feedback .feedback-pop{width:auto;box-shadow:none;margin-top:8px;position:static}.mmore-feedback .feedback-inbox{max-height:none;overflow:visible}.mdock{height:var(--mdock-h);padding:0 var(--mgutter);background:var(--bg-raised);border-top:1px solid var(--border);grid-area:dock;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;display:grid}.mdock-btn,.mdock-play{border-radius:var(--r-lg);height:48px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);place-items:center;padding:0;display:inline-grid}.mdock-btn{width:min(56px,100% - 6px);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);grid-template-rows:auto auto;align-content:center;gap:3px}.mdock-cap{max-width:calc(100% - 6px);font-size:var(--text-2xs);font-weight:var(--w-semibold);line-height:var(--lh-tight);text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);overflow:hidden}.mdock-btn.record .mdock-cap{color:var(--text)}.mdock-btn.record.recording .mdock-cap{color:inherit}.mdock-btn.record{color:var(--rec)}.mdock-btn.record.recording{background:var(--rec);color:var(--on-danger);border-color:var(--rec);animation:rec-pulse var(--pulse-rec) ease-in-out infinite}.mdock-btn.record:disabled{opacity:.55}.mdock-btn.loop.on{color:var(--text);background:var(--on-bg);border-color:var(--select)}.mdock-play{width:min(68px,100% - 4px);color:var(--on-accent);background:var(--accent-fill);border:0}.mreadout{cursor:pointer;width:min(74px,100%);height:48px;transition:scale var(--dur-press) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0 5px;display:flex;position:relative;overflow:hidden}.mreadout-value{font-size:var(--text-lg);line-height:var(--lh-tight);white-space:nowrap}.mreadout-sub{justify-content:center;align-items:center;gap:5px;width:100%;height:10px;display:flex}.mreadout-mode{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--track-caps);text-transform:uppercase;color:color-mix(in oklch, var(--led-text) 62%, transparent);text-shadow:none}.mreadout .beat-dots{gap:1px;width:24px}.mreadout .beat-dot{flex-basis:5px;height:5px}.mreadout-meter{align-items:center;width:100%;height:8px;display:flex}.mreadout-meter .meter{background:color-mix(in oklch, var(--led-text) 12%, var(--led-bg));border:0;width:100%;height:6px}.mreadout-meter .meter:after{background:repeating-linear-gradient(to right, transparent 0 3px, var(--led-bg) 3px 4px)}.mreadout-over,.mreadout .led-override{font-size:var(--text-2xs);line-height:var(--lh-ui);text-align:center;white-space:normal;background:var(--led-bg);justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;inset:0;overflow:hidden}.mreadout-over{font-family:var(--font-ui);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase}.mnav{padding:0 var(--mgutter) var(--mnav-pad-b);background:var(--bg-raised);border-top:1px solid var(--border);grid-area:nav;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mdock+.mnav{border-top-color:#0000}.mnav>button{min-width:0;min-height:44px;height:var(--mnav-h);color:var(--text-dim);font-size:var(--text-xs);font-weight:var(--w-semibold);line-height:var(--lh-tight);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative}.mnav-ico{border-radius:var(--r-full);width:48px;height:28px;transition:background-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);place-items:center;display:grid;position:relative}.mnav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mnav>button.on{color:var(--text)}.mnav>button.on .mnav-ico{background:var(--on-bg)}.mnav>.mnav-gusta.on .mnav-ico{color:var(--gusta);background:var(--gusta-soft)}.mnav>button.mnav-new .mnav-ico:after{content:"";background:var(--accent-fill);border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:9px}.mdock button:active:not(:disabled),.mtopbar button:active:not(:disabled) .mtempo-led,.micon:active:not(:disabled),.mmore-item:active:not(:disabled),.mnav>button:active .mnav-ico{scale:.94}:root:has(.mshell) .sound-browser{bottom:calc(var(--mnav-h) + var(--mnav-pad-b));max-height:calc(100dvh - var(--mnav-h) - var(--mnav-pad-b) - 48px);border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:0}:root:has(.mshell .mdock) .sound-browser{bottom:var(--mchrome-b);max-height:calc(100dvh - var(--mchrome-b) - 48px)}.notice-stack,.render-toast{bottom:calc(var(--mchrome-b) + 10px)}.app:has(.msheet .copilot) .notice-stack{bottom:calc(var(--mchrome-b) + 124px)}.cloud-badge,.experience-bubble{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 12px);max-width:calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px)}.policy-notice{left:calc(var(--mchrome-l) + 12px);bottom:calc(var(--mchrome-b) + 12px);width:min(340px, calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px))}.mshell .gusta-moment{top:calc(var(--mbar-h) + 14px + env(safe-area-inset-top));right:calc(var(--mchrome-r) + 10px);max-width:min(264px, calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 20px))}.tsh-section{border-top:1px solid var(--border);padding:10px 4px}.tsh-section:first-child{border-top:0;padding-top:2px}.tsh-label{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.tsh-row{align-items:center;gap:8px;display:flex}.tsh-step,.tsh-tap,.tsh-toggle{border-radius:var(--r-md);min-width:44px;height:44px;transition:background-color var(--dur-fast) var(--ease-out), scale var(--dur-press) var(--ease-out);justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.tsh-step{padding:0}.tsh-tap{min-width:72px;font-weight:var(--w-semibold);margin-left:auto}.tempo-sheet button{-webkit-tap-highlight-color:transparent}.tsh-led{min-width:96px;height:44px;font-size:var(--text-lg);justify-content:center;align-items:center;display:inline-flex}.tempo-sheet .led-field input{width:3ch;font-size:1.07em}.tsh-unit{font-family:var(--font-ui);font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);color:color-mix(in oklch, var(--led-text) 62%, transparent);text-shadow:none}.tsh-key{justify-content:space-between;width:100%;min-height:44px}.tsh-toggle{justify-content:flex-start;gap:10px;width:100%}.tsh-toggle-state{color:var(--text-dim);margin-left:auto}.tsh-toggle.on{background:var(--on-bg);border-color:var(--select)}.tsh-toggle.on .tsh-toggle-state{color:var(--text)}.tsh-note{font-size:var(--text-sm);color:var(--text-dim);margin:8px 0 0}.tempo-sheet .tsh-step:active:not(:disabled),.tempo-sheet .tsh-tap:active,.tempo-sheet .tsh-toggle:active{scale:.94}}@media (height<=500px) and (pointer:coarse){:root{--mrail-w:64px;--mchrome-b:env(safe-area-inset-bottom);--mchrome-l:calc(var(--mrail-w) + env(safe-area-inset-left));--mchrome-r:calc(var(--mrail-w) + env(safe-area-inset-right))}.mshell{grid-template:"top top top""dock stage nav"minmax(0,1fr)/auto minmax(0,1fr) auto}.mtopbar{padding:0 calc(env(safe-area-inset-right) + 10px) 0 env(safe-area-inset-left)}.mbrand{width:var(--mrail-w);justify-content:center;margin-right:0}.mname{flex:0 auto;max-width:42%}.mdock{width:calc(var(--mrail-w) + env(safe-area-inset-left));height:auto;padding:max(6px, env(safe-area-inset-bottom)) 0 max(6px, env(safe-area-inset-bottom)) env(safe-area-inset-left);border-top:0;border-right:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.mdock-btn,.mdock-play{width:56px;height:44px}.mdock-play{height:56px}.mreadout{gap:4px;width:56px;height:44px}.mreadout-value{font-size:var(--text-md)}.mnav{width:calc(var(--mrail-w) + env(safe-area-inset-right));padding:0 env(safe-area-inset-right) 0 0;border-top:0;border-left:1px solid var(--border);flex-direction:column;justify-content:center;gap:2px;display:flex}.mdock+.mnav{border-top-color:#0000}.msheet,.mshell .piano-roll{padding-bottom:env(safe-area-inset-bottom)}.mshell .piano-roll .pr-thumb{bottom:calc(1px + env(safe-area-inset-bottom))}.mnav>button{width:100%;height:56px;font-size:var(--text-2xs);flex:none}.mnav-ico{width:44px}.mnav>button.mnav-new .mnav-ico:after{right:7px}:is(:root:has(.mshell) .sound-browser,:root:has(.mshell .mdock) .sound-browser){right:var(--mchrome-r);width:auto;max-width:none;max-height:calc(100dvh - var(--mbar-h) - 8px);padding-bottom:env(safe-area-inset-bottom);bottom:0;left:var(--mchrome-l)!important}.tempo-sheet .bsheet-body{grid-template-columns:auto minmax(0,1fr);column-gap:20px;display:grid}.tempo-sheet .tsh-tempo,.tempo-sheet .tsh-click{grid-column:1/-1}.tempo-sheet .tsh-keys{border-top-width:1px}.tempo-sheet .tsh-section{padding-block:6px}}@media (width<=600px),(height<=500px) and (pointer:coarse){:root{--kb:0px;--vvh:100dvh}:root.kb-open{--mchrome-b:var(--kb);--mchrome-l:env(safe-area-inset-left);--mchrome-r:env(safe-area-inset-right)}:root.kb-open .mshell{height:calc(var(--app-h,100dvh) - var(--kb))}:root.kb-open .mshell:has(.piano-roll:focus-within) .tracks{display:none}:root.kb-open .mshell .piano-roll:focus-within{min-height:0;flex:auto!important;height:auto!important;max-height:100%!important}:root.kb-open .piano-roll:has(.pr-lyrics :focus) :is(.piano-roll-scroll,.pr-velocity){display:none}:root.kb-open .piano-roll .pr-lyrics:focus-within{flex:auto;min-height:0}:root.kb-open .pr-lyrics:focus-within .lyr-scroll{flex:auto;max-height:none}:is(:root.kb-open .mnav,:root.kb-open .mdock:not(:has(.recording))){display:none}:root.kb-open .bsheet-scrim{bottom:var(--kb)}:root.kb-open .bsheet,:root.kb-open .bsheet[data-sheet-snap=half]{max-height:calc(var(--vvh) - 8px);padding-bottom:0}:root.kb-open [data-sheet-snap]{transition:none}:root.kb-open .knob-sheet,:root.kb-open .versions-panel{bottom:var(--kb);padding-bottom:12px}:root.kb-open .versions-panel,:root.kb-open .versions-panel[data-sheet-snap=half]{max-height:calc(var(--vvh) - 8px)}:root.kb-open .fin-scrim,:root.kb-open .fc-scrim,:root.kb-open .ym-scrim{bottom:var(--kb)}:root.kb-open .fc-sheet,:root.kb-open .ym-panel{max-height:calc(var(--vvh) - 8px)}:root.kb-open .finish-sheet{padding-bottom:0}:root.kb-open .context-menu:focus-within{bottom:calc(var(--kb) + 8px);max-height:calc(var(--vvh) - 16px)!important;top:auto!important}:root.kb-open .palette-phone .palette{max-height:calc(var(--vvh) - 8px)}:root.kb-open:has(.mshell) .sound-browser{right:0;bottom:var(--kb);max-height:calc(var(--vvh) - 8px);padding-bottom:0;left:0!important}}.icon-btn.play-entry{position:relative}.icon-btn.play-entry.hot:after{content:"";background:var(--accent-fill);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.play-surface{z-index:var(--z-drawer);background:var(--bg);overscroll-behavior:contain;height:var(--app-h,100dvh);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0}.play-head{padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));background:var(--bg-raised);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.play-head-left,.play-head-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.play-track{font-weight:var(--w-semibold);font-size:var(--text-md);align-items:baseline;gap:8px;display:inline-flex}.play-title{font-size:var(--text-lg);font-weight:var(--w-semibold);color:var(--text)}.play-track em{font-style:normal;font-weight:var(--w-regular);color:var(--text-dim)}.play-close,.play-opt,.play-rec,.play-seg button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel);min-height:34px;color:var(--text);font:inherit;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.play-seg{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel);align-items:center;display:inline-flex;overflow:hidden}.play-seg button{border:0;border-radius:0;justify-content:center;min-width:40px}.play-seg button+button{border-left:1px solid var(--border)}.play-readout{font-size:var(--text-sm);color:var(--text-dim);white-space:nowrap;padding:0 10px}.play-seg button.on,.play-opt.on{background:var(--select);color:var(--on-select)}.play-rec:not(.on) .icon{color:var(--rec)}.play-rec.on{background:var(--rec);color:var(--on-danger);border-color:var(--danger)}.play-rec.arming{border-color:var(--rec);background:color-mix(in oklab, var(--rec) 14%, var(--bg-panel))}.play-board{padding:4px max(4px, env(safe-area-inset-right)) 4px max(4px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;min-height:0;display:grid;position:relative}.play-col{--jam-ink:var(--tc-ink,var(--text));border:1px solid color-mix(in oklab, var(--jam-ink) 24%, var(--border));border-radius:var(--r-md);background:color-mix(in oklab, var(--jam-ink) 12%, var(--bg-raised));transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);--bend:0;flex-direction:column;justify-content:space-between;align-items:center;padding:10px 4px;display:flex;position:relative;overflow:hidden}.play-col.tonic{border-color:color-mix(in oklab, var(--jam-ink) 50%, var(--border));background:color-mix(in oklab, var(--jam-ink) 18%, var(--bg-raised))}.play-col.lit{border-color:var(--jam-ink);background:color-mix(in oklab, var(--jam-ink) 32%, var(--bg-raised));transition:none}.play-col-degree{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text);font-variant-numeric:tabular-nums}.play-col.tonic .play-col-degree{color:var(--jam-ink)}.play-col.lit .play-col-degree{color:var(--text)}.play-col-note{font:var(--w-medium) var(--text-xs) / 1 var(--mono);color:var(--text-dim);letter-spacing:var(--track-readout)}.play-col.tonic .play-col-note,.play-col.lit .play-col-note{color:var(--text)}.play-key{border:1px solid var(--border);border-radius:var(--r-sm);background:color-mix(in srgb, var(--text) 6%, transparent);min-width:20px;color:var(--text-dim);font:var(--w-medium) var(--text-2xs)/1.4 var(--mono);text-align:center;pointer-events:none;padding:2px 5px;position:absolute;top:8px;right:8px}.play-key.on{background:var(--jam-ink);border-color:var(--jam-ink);color:var(--on-tc)}.play-key.inline{margin-right:7px;position:static}.play-bend-readout{text-align:center;color:var(--text);font:var(--w-semibold) var(--text-lg)/1 var(--mono);font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 0 10px var(--bg);position:absolute;top:38%;left:0;right:0}.play-string{border-radius:var(--r-xs);--string:color-mix(in oklab, var(--jam-ink) 55%, transparent);background:linear-gradient(to bottom, transparent, var(--string) 12%, var(--string) 88%, transparent);width:2px;transform:translateY(calc(var(--bend) * -24px)) scaleY(calc(1 + var(--bend) * .08));flex:1;margin:8px 0}.play-col.tonic .play-string{--string:var(--jam-ink)}.play-col.lit .play-string{--string:var(--jam-ink);box-shadow:0 0 12px color-mix(in oklab, var(--jam-ink) 55%, transparent);width:3px}.play-board-drums{grid-template-columns:repeat(8,1fr);grid-auto-rows:1fr;grid-auto-flow:row}.play-pad{justify-content:center;align-items:center}.play-pad-label{max-width:100%;font-size:var(--text-md);font-weight:var(--w-medium);color:var(--text);text-align:center;-webkit-hyphens:auto;hyphens:auto}.play-pad.home{background:color-mix(in oklab, var(--jam-ink) 16%, var(--bg-raised))}.play-pad.lit{background:color-mix(in oklab, var(--jam-ink) 32%, var(--bg-raised))}.play-chord{justify-content:stretch;gap:2px;padding:4px 4px 24px}.play-chord-zone{text-align:center;border-radius:var(--r-sm);background:color-mix(in oklab, var(--jam-ink) 5%, transparent);flex:1 1 0;justify-content:center;align-items:center;width:100%;display:flex}.play-chord-zone.seventh{background:color-mix(in oklab, var(--jam-ink) 10%, transparent)}.play-chord-name{font-size:var(--text-lg);font-weight:var(--w-semibold);color:var(--text)}.play-chord-zone.ninth .play-chord-name{font-weight:var(--w-medium)}.play-chord .play-col-degree{text-align:center;pointer-events:none;color:var(--text-dim);position:absolute;bottom:6px;left:0;right:0}.play-chord.tonic .play-col-degree{color:var(--jam-ink)}.play-foot{padding:8px max(12px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--bg-raised);color:var(--text-dim);font-size:var(--text-sm)}@media (pointer:coarse){.play-close,.play-opt,.play-rec,.play-seg button{min-height:42px;font-size:var(--text-md);padding:0 10px}.play-head-left,.play-head-right{gap:6px}.play-col-degree{font-size:var(--text-md)}}@media (width<=560px){.play-chord-name{font-size:var(--text-sm)}.play-col-note{font-size:var(--text-2xs)}}.play-latency{color:var(--danger)}@media (pointer:coarse){.play-key,.play-hint-keys{display:none}}@media (width<=600px),(height<=500px) and (pointer:coarse){.play-head{padding:max(4px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.play-head-right{display:contents}.play-track{display:none}.play-close,.play-opts-toggle{width:var(--mbar-h);min-height:var(--mbar-h);justify-content:center;padding:0}.play-modes{border-radius:var(--r-md);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}.play-modes button{min-width:0;min-height:var(--mbar-h);font-size:var(--text-md);padding:0 2px}.play-head .play-rec,.play-head .play-rec-loop{display:none}.play-pad{padding-inline:2px}.play-pad-label{font-size:var(--text-sm)}.play-opts.open{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:2px 0 4px;display:grid}.play-opts>*{width:100%;min-width:0;min-height:var(--mbar-h);border-radius:var(--r-md);font-size:var(--text-md);justify-content:center}.play-opts>.play-chop{grid-column:1/-1}.play-opts>.dropdown{color:var(--text);background:var(--bg-panel);padding:0 12px}.play-opts>.play-seg{grid-template-columns:var(--mbar-h) minmax(0, 1fr) var(--mbar-h);align-items:stretch;display:grid}.play-opts>.play-seg button{min-height:0;font-size:var(--text-lg);padding:0}.play-opts>.play-seg .play-readout{border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);font-size:var(--text-md);place-items:center;padding:0;display:grid}.play-foot{padding:6px max(8px, env(safe-area-inset-right)) max(6px, calc(env(safe-area-inset-bottom) - 8px)) max(8px, env(safe-area-inset-left));font-size:var(--text-sm);gap:6px}.play-foot>:not(.play-foot-actions){flex:100%}}@media (height<=500px) and (pointer:coarse){.play-opts.open{grid-template-columns:none;grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;overflow-x:auto}.play-opts>.play-chop{grid-column:auto}.play-opts>.play-seg{grid-template-columns:40px minmax(64px,1fr) 40px}.play-opts>*,.play-foot .play-foot-actions>*,.play-close,.play-opts-toggle,.play-modes button{min-height:40px}.play-foot{font-size:var(--text-xs)}}.play-pad-assign{border-radius:var(--r-sm);width:28px;height:28px;color:var(--text-dim);opacity:.8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:4px;left:4px}@media (hover:hover){.play-pad-assign:hover{opacity:1;background:color-mix(in srgb, var(--text) 8%, transparent)}}@media (pointer:coarse){.play-pad-assign{opacity:.8;width:34px;height:34px}}.play-pad-recording{color:var(--rec)}.play-pad-busy{color:var(--text)}.play-loop{padding:0}.play-loop-face{border-radius:var(--r-md);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 6px;display:flex}.play-loop.empty{border-style:dashed;border-color:var(--border-strong);background:var(--bg-raised)}.play-loop-add{font-size:var(--text-md);font-weight:var(--w-medium);color:var(--text);align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.play-loop.empty:hover{background:var(--bg-hover)}}.play-loop-name{font-size:var(--text-sm);text-align:center;overflow-wrap:anywhere}.play-loop-bpm{font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.play-loop-name{font-weight:var(--w-medium)}.play-loop-state{font-size:var(--text-2xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--accent)}.play-loop.running{animation:1.6s ease-in-out infinite play-loop-pulse}@keyframes play-loop-pulse{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}50%{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--accent) 70%, transparent)}}.play-board-loops{grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;grid-auto-flow:row}@media (width<=600px){.play-board-loops{grid-template-columns:repeat(2,1fr)}}.play-opts{display:contents}.play-opts-toggle{display:none}@media (width<=600px),(height<=500px) and (pointer:coarse){.play-opts{display:none}.play-opts-toggle{display:inline-flex}.play-close-label,.play-hint{display:none}.play-hint.open{display:inline}.play-foot:empty{display:none}}.play-loop:not([style*=--tc]){--jam-ink:var(--text)}.play-loop[style*=--tc]{--jam-ink:var(--tc-ink)}.play-board-blocked{justify-content:center;align-items:center;display:flex}.play-notice{text-align:center;max-width:420px;color:var(--text-dim);font-size:var(--text-md);flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.play-notice strong{color:var(--text);font-size:var(--text-lg);font-weight:var(--w-semibold)}.play-notice-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.play-notice-kit{border-color:color-mix(in oklab, var(--tc-ink,var(--text)) 45%, var(--border));background:color-mix(in oklab, var(--tc-ink,var(--text)) 14%, var(--bg-panel));min-height:40px;font-weight:var(--w-medium);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.play-blooms{pointer-events:none;width:100%;height:100%;z-index:var(--z-raise);color:var(--tc-ink,var(--text));position:absolute;inset:0}.keep-btn{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.keep-btn.ready:not(.statusbar-btn){background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.statusbar-btn.keep-btn.ready{color:var(--text)}.play-keep{min-height:34px;font-size:var(--text-sm);padding:0 12px}.play-foot-actions{display:none}.play-foot{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.keep-result{color:var(--text);font-weight:var(--w-medium);flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.keep-flip{font-size:var(--text-xs);padding:2px 10px}.keep-status{display:inline-flex;position:relative}.keep-bubble{z-index:var(--z-float);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);box-shadow:var(--shadow-2);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:8px;padding:6px 6px 6px 12px;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:0}.keep-bubble-close{color:var(--text-dim);background:0 0;border:0;padding:4px;display:inline-flex}@media (pointer:coarse){.play-keep{min-height:42px;font-size:var(--text-md);padding:0 10px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.play-keep{display:none}.play-foot-actions{align-items:center;gap:6px;width:100%;display:flex}.play-foot-actions>*{min-height:var(--mbar-h);border-radius:var(--r-md);font-size:var(--text-md);justify-content:center;padding:0 14px}.play-keep-foot{margin-left:auto}.keep-result{font-size:var(--text-sm)}}.pr-ruler-row{z-index:var(--z-sticky-top);background:var(--bg-raised);border-bottom:1px solid var(--border);height:20px;display:flex;position:sticky;top:0}.pr-ruler-corner{z-index:var(--z-base);background:var(--bg-raised);border-right:1px solid var(--border);flex:0 0 56px;align-items:stretch;min-width:0;display:flex;position:sticky;left:0}.pr-ruler-corner .dropdown.pr-grid-select{min-width:0;font-family:var(--mono);font-size:var(--text-2xs);background:0 0;border:none;border-radius:0;flex:1;gap:2px;padding:0 4px 0 6px}.pr-ruler{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:none;height:100%;position:relative}.pr-ruler-mark{border-left:1px solid var(--border);pointer-events:none;height:5px;position:absolute;bottom:0}.pr-ruler-mark.bar{border-left-color:var(--text-dim);height:100%}.pr-ruler-mark.named{height:100%;font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-dim);white-space:nowrap;padding:3px 0 0 4px;line-height:1}.pr-ruler-loop{background:var(--select);opacity:.3;border-radius:0 0 var(--r-xs) var(--r-xs);pointer-events:none;height:5px;position:absolute;top:0}.pr-ruler-loop.on{opacity:.9}.pr-ruler-playhead{border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--accent);pointer-events:none;width:0;height:0;z-index:var(--z-base);position:absolute;top:0;left:-4px}.pr-playhead{background:var(--accent);opacity:.85;pointer-events:none;width:2px;z-index:var(--z-raise);margin-left:-1px;position:absolute;top:0;left:0}.pr-key.folded-name{font-size:var(--text-2xs)}.pr-key.folded-name.tonic{color:var(--text)}@media (pointer:coarse){.pr-ruler-row{height:28px}.pr-ruler-mark.named{font-size:var(--text-xs);padding-top:6px}}.pr-key-tools{align-items:stretch;display:inline-flex}.pr-key-tools>button{border-radius:0}.pr-key-tools>button+button{margin-left:-1px}.pr-key-tools>button:first-child{border-top-left-radius:var(--r-sm);border-bottom-left-radius:var(--r-sm)}.pr-key-tools>button:last-child{border-top-right-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm)}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.knob[role=slider]{border-radius:var(--r-sm)}.context-menu :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option]):focus-visible,.menu-flyout-panel :is([role=menuitem],[role=menuitemcheckbox],[role=menuitemradio],[role=option]):focus-visible{outline-offset:-2px}.tracks-scroll{touch-action:pan-x pan-y}.track-head.selected{background:color-mix(in srgb, var(--select) 9%, var(--bg-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--select) 32%, transparent)}.track-head.selected .track-name{color:var(--text)}.track-row.selected .track-lane{background-color:color-mix(in srgb, var(--select) 3%, transparent)}.track-head.reordering{z-index:var(--z-drag);outline:1px solid color-mix(in srgb, var(--select) 45%, transparent)}.track-head.reordering,.track-head.reordering *{cursor:grabbing}.track-drop-line{border-radius:var(--r-xs);background:var(--select);pointer-events:none;height:3px;z-index:var(--z-toast);margin-top:-1px;position:fixed}.clip-copy-origin{border:1px dashed var(--tc-ink,var(--border));border-radius:var(--r-sm);opacity:.7;pointer-events:none;position:absolute;top:6px;bottom:6px}.track-lane.drop-target{background-color:color-mix(in srgb, var(--select) 8%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--select) 45%, transparent)}.track-lane.drop-target:after{content:"";top:4px;bottom:4px;left:var(--drop-x,0);border-radius:var(--r-xs);background:var(--select);pointer-events:none;width:2px;z-index:var(--z-raise);position:absolute}.sample-grip{width:14px;height:22px;color:var(--text-dim);cursor:grab;touch-action:none;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (pointer:coarse){.sample-grip{width:28px;height:34px}}.sample-list li{cursor:grab}.sample-list li :is(button,select,input){cursor:pointer}.sample-drag-ghost{z-index:var(--z-toast);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel);max-width:220px;color:var(--text);font-size:var(--text-sm);box-shadow:var(--shadow-2);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;padding:4px 10px;position:fixed;top:0;left:0;overflow:hidden}.sample-drag-ghost[data-target=lane],.sample-drag-ghost[data-target=timeline]{border-color:var(--select)}body.sample-dragging,body.sample-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.toggle.follow-toggle.on.paused{color:var(--text);background:0 0;border-style:dashed}.mmore-item.follow-toggle.paused{opacity:.7}.notice.toast-ok{border-left-color:var(--success)}.notice.toast-ok>svg{color:var(--success)}@media (pointer:coarse){html{touch-action:manipulation}.tracks,.play-surface,.mixer,.piano-roll,.knob,.fx-tile,.knob-sheet{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:is(.tracks,.play-surface,.mixer,.piano-roll,.fx-tile,.knob-sheet) :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.tracks-scroll,.piano-roll-scroll,.piano-roll-head,.sb-list,.sb-families{overscroll-behavior:contain}}.clip{transition:background-color var(--dur-slow) var(--ease-out), border-left-color var(--dur-slow) var(--ease-out), border-right-color var(--dur-slow) var(--ease-out), border-bottom-color var(--dur-slow) var(--ease-out), scale var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.clip[data-sounding]{background:color-mix(in oklab, var(--tc-ink,var(--border)) 20%, var(--bg-panel));transition:none}.clip[data-sounding]:not(.ai-touched,.selected){border-left-color:color-mix(in oklab, var(--tc-ink,var(--border)) 80%, transparent);border-right-color:color-mix(in oklab, var(--tc-ink,var(--border)) 80%, transparent);border-bottom-color:color-mix(in oklab, var(--tc-ink,var(--border)) 80%, transparent)}.clip .clip-name{transition:background-color var(--dur-slow) var(--ease-out)}.clip[data-sounding] .clip-name{background:color-mix(in oklab, var(--tc-ink,var(--border)) 50%, transparent);transition:none}.clip-notes rect{stroke:var(--tc-ink,var(--text-dim));stroke-opacity:0;stroke-width:2px;vector-effect:non-scaling-stroke;transition:fill-opacity var(--dur-slow) var(--ease-out), fill var(--dur-slow) var(--ease-out), stroke-opacity var(--dur-slow) var(--ease-out), stroke-width var(--dur-slow) var(--ease-out)}.clip-notes rect[data-sounding]{fill-opacity:1;fill:color-mix(in oklab, var(--tc-ink,var(--text-dim)) 60%, var(--text));stroke-opacity:calc(.2 + var(--vel,.8) * .5);stroke-width:calc(2px + var(--vel,.8) * 5px);transition:none}.clip[data-sounding] .clip-wave{opacity:.95}.clip.lifted{z-index:var(--z-drag);box-shadow:var(--shadow-3);cursor:grabbing;scale:1.03}.clip-grip{display:none}@media (pointer:coarse){.clip-grip{z-index:var(--z-raise);touch-action:pan-x pan-y;-webkit-touch-callout:none;cursor:ew-resize;justify-content:center;align-items:center;width:30px;display:flex;position:absolute;top:22px;bottom:6px}.clip-grip.trim{margin-left:-8px}.clip-grip.resize{margin-left:-22px}.clip-grip:before{content:"";border-radius:var(--r-full);background:var(--select);width:6px;height:min(32px,60%);box-shadow:0 0 0 2px var(--bg)}}.menu-quick{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-bottom:6px;display:grid}.menu-reason{border-bottom:1px solid var(--border);padding:6px 2px}.menu-quick>button{min-height:56px;font-size:var(--text-xs);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 2px;display:flex}.menu-quick-key{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim)}.menu-cost{font-size:var(--text-2xs);font-weight:var(--w-regular);color:var(--text-dim)}.context-menu .menu-heading:has(+.menu-heading){display:none}.track-head{border-left-color:color-mix(in oklab, var(--tc-ink,transparent) 55%, var(--bg-raised))}.track-head:before{content:"";background:var(--tc-ink,transparent);width:3px;opacity:calc(.25 + var(--level,0) * .75);transform:scaleX(calc(1 + var(--level,0) * 1.3));transform-origin:0;box-shadow:0 0 calc(var(--level,0) * 22px) calc(var(--level,0) * 3px) var(--tc-ink,transparent);transition:opacity var(--dur-fast) linear, transform var(--dur-fast) linear, box-shadow var(--dur-fast) linear;pointer-events:none;position:absolute;top:0;bottom:0;left:-3px}.lane-automation{z-index:0}.lane-automation polyline{stroke:var(--tc-ink,var(--text-dim));stroke-width:1.5px;opacity:.4}.lane-automation.open polyline{opacity:.6;stroke-dasharray:4 3}.lane-automation-edit polyline{stroke:var(--tc-ink,var(--select));stroke-width:2px}.lane-automation-edit circle{stroke:var(--tc-ink,var(--select))}.lane-automation-edit circle.curved{fill:var(--tc-ink,var(--select))}.track-auto-toggle.has-auto{position:relative}.track-auto-toggle.has-auto:after{content:"";background:var(--tc-ink,var(--text-dim));border-radius:50%;width:4px;height:4px;position:absolute;top:2px;right:2px}.track-auto-toggle.has-auto.on:after{background:var(--on-select)}.snap-cell .zoom-btn.zoom-fit{width:auto;font-size:var(--text-xs);padding:0 5px}.section-band,.section-span{touch-action:pan-x pan-y}.section-span{cursor:grab}.section-span.selected{color:var(--text);box-shadow:inset 0 0 0 1px var(--select);background:color-mix(in oklab, var(--tc-ink) 30%, transparent)}.section-span.lifted{z-index:var(--z-drag);box-shadow:inset 0 0 0 1px var(--select), var(--shadow-2)}.section-span.dragged{z-index:var(--z-drag);cursor:grabbing;opacity:.92;box-shadow:inset 0 0 0 1px var(--select), var(--shadow-2);background:color-mix(in oklab, var(--tc-ink) 35%, var(--bg-raised))}.section-band.dragging,.section-band.dragging *{cursor:grabbing}.section-more{z-index:var(--z-raise);width:24px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-xs);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:2px;bottom:2px}.section-drop{background:var(--select);pointer-events:none;width:2px;z-index:var(--z-drag);margin-left:-1px;position:absolute;top:0;bottom:0}.section-drop-label{z-index:var(--z-drag);white-space:nowrap;font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--on-select);background:var(--select);border-radius:var(--r-sm);box-shadow:var(--shadow-2);pointer-events:none;padding:2px 8px;position:absolute;top:calc(100% + 4px);transform:translate(-50%)}.section-row .section-corner{justify-content:flex-end;align-items:center;padding:0 8px;display:flex;overflow:hidden}.section-band-empty{white-space:nowrap;font-size:var(--text-2xs);color:var(--text-dim);pointer-events:none;align-items:center;display:flex;position:absolute;top:0;bottom:0}.section-list-open{width:100%;height:100%;font-size:var(--text-2xs);color:var(--text-dim);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:3px;padding:0 2px;display:inline-flex}.section-travel{z-index:0;background:color-mix(in srgb, var(--select) 6%, transparent);border-left:1px dashed color-mix(in srgb, var(--select) 40%, transparent);border-right:1px dashed color-mix(in srgb, var(--select) 40%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.clip[data-travels]:not(.selected){outline:1px solid color-mix(in srgb, var(--select) 70%, transparent);outline-offset:1px}.clip[data-travels=part]:not(.selected){outline-style:dashed}.section-drop-lane{z-index:var(--z-raise);background:var(--select);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.bsheet-scrim{z-index:var(--z-overlay);background:var(--scrim);touch-action:none;overscroll-behavior:contain;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bsheet{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:560px;max-height:90dvh;box-shadow:var(--shadow-3);padding-bottom:env(safe-area-inset-bottom);animation:bsheet-in var(--dur-base) var(--ease-out);border-bottom:0;flex-direction:column;display:flex}@keyframes bsheet-in{0%{opacity:0;transform:translateY(24px)}}.bsheet[data-sheet-snap=half]{max-height:50dvh}[data-sheet-snap]{transition:max-height var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out)}[data-sheet-snap].sheet-dragging{transition:none}.sheet-grip{touch-action:none;cursor:grab;flex:none;justify-content:center;align-self:center;align-items:center;width:96px;height:24px;display:flex}.sheet-grip-pill{border-radius:var(--r-full);background:var(--border-strong);width:36px;height:4px}.bsheet-head{touch-action:none;flex:none;align-items:center;gap:8px;padding:0 12px 8px 16px;display:flex}.bsheet-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-lg);flex:1;overflow:hidden}.bsheet-close{width:40px;height:40px;color:var(--text-dim);background:0 0;border-color:#0000;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.bsheet-body{overscroll-behavior:contain;min-height:0;padding:0 12px 14px;overflow-y:auto}.bsheet-note{color:var(--text-dim);font-size:var(--text-sm);margin:4px 4px 12px}.section-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.section-list-row{align-items:center;gap:4px;display:flex}.section-list-main{text-align:left;border-radius:var(--r-md);flex:1;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 10px;display:flex}.section-list-row.selected .section-list-main{border-color:var(--select)}.section-list-swatch{background:var(--tc-ink);border-radius:50%;flex:none;width:10px;height:10px}.section-list-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--w-semibold);flex:1;overflow:hidden}.section-list-bars{font-family:var(--mono);font-size:var(--text-xs);color:var(--text-dim);flex:none}.section-list-btn{border-radius:var(--r-md);flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}@media (pointer:coarse){.clip:not(.selected) .clip-audition:not(.on){display:none}.clip:not(.selected):not(:has(.clip-audition.on)) .clip-name{padding-left:6px}}.clip>svg.take-landing{transform-origin:50%;animation:take-draw var(--dur-slow) var(--ease-out) both, take-settle .48s cubic-bezier(.34, 1.7, .64, 1) both}@keyframes take-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes take-settle{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.spark-note{z-index:var(--z-float);max-width:calc(100vw - 16px);font-size:var(--text-xs);font-weight:var(--w-medium);white-space:nowrap;color:var(--text);background:var(--bg-panel);border:1px solid var(--gusta);border-radius:var(--r-full);box-shadow:var(--shadow-2), var(--glow-sm);animation:spark-note-in var(--dur-base) var(--ease-out);align-items:center;gap:6px;padding:5px 12px;display:inline-flex;position:fixed}.spark-note>svg{color:var(--gusta)}@keyframes spark-note-in{0%{opacity:0;transform:translateY(4px)}}.track-voice-row{align-items:center}.track-voice-label{min-width:0;font-size:var(--text-xs);color:var(--text-dim);white-space:nowrap;flex:1;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.track-voice-label>span{text-overflow:ellipsis;overflow:hidden}.track-voice-label>svg{color:var(--tc-ink,var(--text-dim));flex:none}.track-produce{font-size:var(--text-xs);color:var(--text);flex:none;align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.track-produce>svg{color:var(--text-dim)}.tsheet-swatch{background:var(--tc-ink);border-radius:50%;flex:none;order:-1;width:12px;height:12px}.tsheet-section{border-top:1px solid var(--border);padding:10px 4px}.tsheet-section:first-child{border-top:0;padding-top:2px}.tsheet-label{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.tsheet-sound-row{gap:6px;display:flex}.tsheet-sound{text-align:left;border-radius:var(--r-md);flex:1;align-items:center;gap:8px;min-width:0;min-height:44px;display:flex}.tsheet-sound>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tsheet-sound>svg{color:var(--text-dim);flex:none}.tsheet-icon{border-radius:var(--r-md);flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.track-voice-row.tsheet-voice .track-voice-label{font-size:var(--text-sm)}.track-voice-row.tsheet-voice .track-produce{min-height:44px;font-size:var(--text-sm);border-radius:var(--r-md);padding:0 14px}.tsheet-fx{flex-direction:column;gap:8px;display:flex}.tsheet-wide{width:100%;min-height:44px;font-size:var(--text-sm);border-radius:var(--r-md);justify-content:center;align-items:center;gap:8px;display:flex}.tsheet-level{align-items:center;gap:14px;display:flex}.tsheet-volume{min-width:0;font-size:var(--text-2xs);color:var(--text-dim);flex-direction:column;flex:1;gap:2px;display:flex}.tsheet-volume input[type=range]{width:100%;height:var(--gusta-target);appearance:none;background:0 0;border:0;padding:0}.tsheet-volume input[type=range]::-webkit-slider-runnable-track{border-radius:var(--r-xs);background:var(--border);height:4px}.tsheet-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--r-xs);border:1px solid var(--knob-edge);background:linear-gradient(to bottom, transparent 44%, var(--text) 44% 56%, transparent 56%), linear-gradient(180deg, var(--knob-hi), var(--knob-lo));width:16px;height:26px;box-shadow:var(--shadow-1);margin-top:-11px}.tsheet-volume input[type=range]::-moz-range-track{border-radius:var(--r-xs);background:var(--border);height:4px}.tsheet-volume input[type=range]::-moz-range-thumb{border-radius:var(--r-xs);border:1px solid var(--knob-edge);background:linear-gradient(to bottom, transparent 44%, var(--text) 44% 56%, transparent 56%), linear-gradient(180deg, var(--knob-hi), var(--knob-lo));width:16px;height:26px}.tsheet-toggles{gap:6px;margin-top:10px;display:flex}.tsheet-toggles>button{min-height:44px;font-size:var(--text-sm);border-radius:var(--r-md);flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.tsheet-toggles>.tsheet-arm{flex:1.6}.tsheet-arm>svg{color:var(--rec)}.tsheet-arm.on{color:var(--on-danger);background:var(--rec);border-color:var(--rec)}.tsheet-arm.on>svg{color:currentColor}.tsheet-footer{align-items:flex-end;gap:8px;display:flex}.tsheet-name{min-width:0;font-size:var(--text-2xs);color:var(--text-dim);flex-direction:column;flex:1;gap:4px;display:flex}.tsheet-name input{min-height:44px;font:inherit;font-size:var(--text-md);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);padding:0 10px}.tsheet-delete{min-height:44px;color:var(--danger);border-radius:var(--r-md);flex:none;align-items:center;gap:6px;display:inline-flex}@media (width<=600px),(height<=500px) and (pointer:coarse){:root{--track-head-w:100px}.track-head{--track-head-w:100px;cursor:pointer;border-left-width:4px;justify-content:space-between;gap:6px;padding:6px 4px}.track-head:before{width:4px;left:-4px}.track-head .track-fold,.track-head .track-remove,.track-head .track-arm:not(.on),.track-head .track-meter,.track-head .track-instrument-row,.track-head .track-selects,.track-head .track-tools>:nth-child(n+3){display:none}.track-head .track-title{align-items:flex-start;gap:3px;padding-right:0}.track-head .track-name{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;line-height:1.25;font-size:var(--text-sm);cursor:pointer;-webkit-box-orient:vertical;flex:auto;display:-webkit-box;overflow:hidden}.track-head .track-name-input{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);flex:auto;overflow:hidden}.track-head .track-arm.on{flex:none;width:16px;height:16px;min-height:16px;margin-top:0}.track-head .track-ai-badge{width:14px;height:14px}.track-head .track-tools{flex-wrap:nowrap;gap:8px}.track-head .track-tools .toggle{min-width:var(--gusta-target-min);min-height:var(--gusta-target);flex:1 1 0;padding:0}.track-head .track-name-portrait{vertical-align:-1px;color:var(--tc-ink,var(--text-dim));margin-right:3px;display:inline-block}.track-head.armed{background:color-mix(in oklab, var(--rec) 12%, var(--bg-raised));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--rec) 55%, transparent)}.track-head.recording{animation:head-recording var(--pulse-rec) ease-in-out infinite}@keyframes head-recording{50%{background:color-mix(in oklab, var(--rec) 26%, var(--bg-raised))}}.snap-cell{border-bottom:1px solid var(--border);align-items:stretch;gap:0;padding:0}.snap-cell .zoom-btn:not(.zoom-fit){display:none}.snap-cell .zoom-btn.zoom-fit,.snap-cell .dropdown.snap-select{min-width:0;height:auto;min-height:0;font-size:var(--text-2xs);color:var(--text-dim);background:0 0;border:0;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:0 1px;display:inline-flex}.snap-cell .dropdown.snap-select{border-left:1px solid var(--border)}.snap-cell .dropdown.snap-select>.icon:last-child{display:none}@media (pointer:coarse){.snap-cell .zoom-btn.zoom-fit,.snap-cell .dropdown.snap-select{min-height:var(--gusta-target-min)}.ruler{height:auto}.bar-tick{height:auto;bottom:0}.bar-tick.minor{top:auto}}.section-row .section-corner{padding:0}.section-band{height:30px}.section-span{line-height:24px;font-size:var(--text-xs)}.section-list-open{font-size:var(--text-xs)}.clip-name{text-overflow:clip;align-items:center;display:flex}.clip-name>*{flex:none}.clip.narrow.selected .clip-audition:not(.on),.clip.narrow.selected .clip-recipe{display:none}.clip.narrow.selected:not(:has(.clip-audition.on)) .clip-name{padding-left:6px}.clip-name>.clip-title{white-space:nowrap;min-width:0;-webkit-mask-image:linear-gradient(to right, var(--bg) calc(100% - 10px), transparent);mask-image:linear-gradient(to right, var(--bg) calc(100% - 10px), transparent);flex:auto;overflow:hidden}}.knob-ticks line{stroke:var(--text-faint);stroke-width:1px;stroke-linecap:round}.knob-ticks.fine line{stroke-width:.75px}.knob-detent{stroke:var(--text-dim);stroke-width:1.5px;stroke-linecap:round}.knob-detent.on{stroke:var(--text)}.knob-auto-ring{fill:none;stroke:var(--tc-ink,var(--text));stroke-width:2px;stroke-linecap:round}.knob.automated .knob-fill,.knob.automated .knob-pointer{opacity:.45}.knob-ghost line{stroke:var(--tc-ink,var(--text));stroke-width:1.5px;stroke-linecap:round}.knob-ghost circle{fill:var(--tc-ink,var(--text));stroke:var(--bg-panel);stroke-width:1px}.knob-cap{cursor:pointer}.knob-cap circle{fill:var(--text)}.knob-cap path{fill:none;stroke:var(--bg-panel);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover){.knob-cap:hover circle{fill:var(--select)}}.knob-bubble{z-index:var(--z-toast);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--led-bg);box-shadow:var(--shadow-2);pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 14px))}.knob-bubble-name{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.knob-bubble-value{font-family:var(--mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--led-text)}.knob-bubble.below{transform:translate(-50%,40px)}.knob-hint{z-index:var(--z-toast);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg-raised);max-width:220px;box-shadow:var(--shadow-2);color:var(--text);font-size:var(--text-xs);line-height:var(--lh-ui);text-align:center;pointer-events:none;padding:6px 9px;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.knob-hint.below{transform:translate(-50%,8px)}.knob-sheet-scrim{z-index:var(--z-modal);background:var(--scrim);position:fixed;inset:0}.knob-sheet{z-index:var(--z-modal);padding:14px 16px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--bg-panel);box-shadow:var(--shadow-3);flex-direction:column;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.knob-sheet-head{align-items:center;gap:10px;display:flex}.knob-sheet-name{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text)}.knob-sheet-value{font-size:var(--text-lg);margin-left:auto}.knob-sheet-done{min-height:44px;font-weight:var(--w-semibold);padding:0 16px}.knob-sheet-slider{border-radius:var(--r-sm);touch-action:none;cursor:ew-resize;padding:19px 12px}.knob-sheet-track{border-radius:var(--r-full);background:var(--border);height:6px;position:relative}.knob-sheet-fill{border-radius:var(--r-full);background:var(--tc-ink,var(--select));position:absolute;top:0;bottom:0;left:0}.knob-sheet-detent{background:var(--text-dim);width:2px;height:16px;margin-left:-1px;position:absolute;top:-5px}.knob-sheet-thumb{border:2px solid var(--bg-panel);background:var(--text);width:28px;height:28px;box-shadow:var(--shadow-1);border-radius:50%;margin:-14px 0 0 -14px;position:absolute;top:50%}.knob-sheet-type{gap:8px;display:flex}.knob-sheet-type input{min-width:0;min-height:44px;font-family:var(--mono);font-size:var(--text-lg);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;padding:0 12px}.knob-sheet-type input.rejected{border-color:var(--danger)}.knob-sheet-type button{min-height:44px;padding:0 14px}.knob-sheet-note{font-size:var(--text-xs);color:var(--text-dim);margin:0}.fx-window-host{display:contents}.fx-window{width:344px}.fx-panel{flex-direction:column;gap:8px;display:flex}.fx-panel .sound-save{flex-wrap:wrap;padding:0}.fx-panel .sound-save input:first-of-type{flex-basis:100%}.fx-panel .sound-save-note{padding:0}.fx-channel{align-items:center;gap:12px;padding:0 2px;display:flex}.fx-channel .fx-polish{margin-left:auto}.fx-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.fx-tiles.compact{grid-template-columns:minmax(0,1fr);gap:3px}.fx-tile{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raised);cursor:pointer;min-width:0;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);flex-direction:column;align-items:center;gap:2px;padding:5px 4px 6px;display:flex;position:relative}@media (hover:hover){.fx-tile:hover{border-color:var(--border-strong)}}.fx-tile.open{background:var(--on-bg);border-color:var(--border-strong)}.fx-tile-name{min-width:0;color:var(--text);font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-self:stretch;align-items:center;gap:5px;padding:0 1px;display:flex}.fx-tile-led{background:var(--border-strong);border-radius:50%;flex:none;width:6px;height:6px}.fx-tile.active .fx-tile-led{background:var(--tc-ink,var(--text));box-shadow:0 0 5px color-mix(in srgb, var(--tc-ink,var(--text)) 60%, transparent)}.fx-tile-face{justify-content:center;align-items:center;height:36px;display:flex}.fx-tile-add{border:1px dashed var(--border-strong);width:26px;height:26px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:flex}.fx-tile-summary{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--text-2xs);color:var(--text-dim);height:12px;line-height:12px;overflow:hidden}.fx-tile-curve{width:100%;height:12px;display:block;overflow:visible}.fx-tile-curve polyline{fill:none;stroke:var(--tc-ink,var(--text));stroke-width:1.5px;vector-effect:non-scaling-stroke}.fx-tile .knob-value{text-align:center;line-height:12px;font-family:var(--mono);background:var(--bg-raised);position:absolute;bottom:5px;left:2px;right:2px}.fx-tile.open .knob-value{background:var(--on-bg)}.fx-tile.compact{flex-direction:row;gap:4px;height:28px;padding:0 3px 0 6px}.fx-tile.compact .fx-tile-name{flex:auto;align-self:center}.fx-tile.compact .fx-tile-face{order:3;height:auto}.fx-tile.compact .fx-tile-summary{display:none}.fx-tile.compact .fx-tile-curve{flex:0 0 26px;order:2;width:26px}.fx-tile.compact .fx-tile-add{width:20px;height:20px}.fx-tile.compact .knob-value{text-align:left;padding-left:9px;inset:50% 26px auto 3px;transform:translateY(-50%)}.fx-detail{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raised);flex-direction:column;gap:6px;padding:8px;display:flex}.fx-detail .eq-editor{width:100%;padding:0}.fx-detail-note,.fx-tip{font-size:var(--text-xs);line-height:var(--lh-ui);color:var(--text-dim);margin:0}.fx-tip{padding:0 2px}.fx-detail .fx-knob-grid{justify-content:flex-start;gap:16px}.fx-knob-grid.fx-knob-lead{justify-content:flex-start;align-items:center;gap:12px}.fx-knob-grid.fx-knob-start{flex-wrap:wrap;justify-content:flex-start;gap:12px}.fx-action{font-size:var(--text-xs);justify-content:center;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.eq-band-knobs{flex:1 0 100%;justify-content:flex-start;gap:14px;display:flex}.eq-band-type{font-size:var(--text-xs)}.eq-curve{fill:none;stroke:var(--tc-ink,var(--text));stroke-width:1.8px}.eq-handle{fill:var(--tc-ink,var(--text))}.eq-spectrum{color:var(--tc-ink,var(--text-dim))}@media (pointer:coarse){.fx-tile-name{min-height:var(--gusta-target)}}@media (width<=600px),(height<=500px) and (pointer:coarse){.fx-window{width:min(420px,100vw - 16px)}}.sound-portrait{flex:none;display:block;overflow:visible}.sound-portrait path{transition:d var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out)}.sound-browser{width:540px;max-height:calc(100dvh - 16px)}.sb-body{flex:auto;min-height:0}.sb-head{gap:6px 10px}.sb-head-portrait{border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);width:56px;height:56px;color:var(--text-dim);flex:none;place-items:center;display:grid}.sb-head-portrait[style*=--tc]{color:var(--tc-ink)}.sb-head-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.sb-target{font-size:var(--text-sm);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-target-name{color:var(--text);font-weight:var(--w-semibold)}.sb-target-name[style*=--tc]{color:var(--tc-ink)}.sb-shape-toggle:disabled{opacity:.5;cursor:default}.sb-error{font-size:var(--text-xs);color:var(--danger);margin:6px 10px 0}.sb-families{flex-basis:156px}.sb-families button{align-items:center;gap:8px;display:flex}.sb-family-portrait{color:var(--text-faint)}.sb-families button.on .sb-family-portrait{color:var(--text)}@media (hover:hover){.sb-families button:hover .sb-family-portrait{color:var(--text)}}.sb-list-head{justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:0 2px 2px;display:flex}.sb-list-title{font-size:var(--text-2xs);font-weight:var(--w-bold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.sb-die{font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:3px 9px 3px 6px;display:inline-flex}@media (hover:hover){.sb-die:hover{border-color:var(--border-strong)}}.sb-die:disabled{opacity:.5;cursor:default}.sb-item{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.sb-portrait{color:var(--text-dim)}.sb-item.on .sb-portrait{color:var(--text)}@media (hover:hover){.sb-item:hover .sb-portrait{color:var(--text)}}.sb-text{flex-direction:column;gap:1px;min-width:0;display:flex}.sb-badge{font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-xs);vertical-align:1px;margin-left:6px;padding:0 5px;display:inline-block}.sb-item-new{flex-direction:column;align-items:flex-start}.sb-item:disabled{opacity:.5;cursor:default}.sb-swap-chips{flex-wrap:wrap;gap:6px;display:flex}.sb-chip,.sb-similar-btn{font-size:var(--text-xs);border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg);color:var(--text);cursor:pointer;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}@media (hover:hover){.sb-chip:hover,.sb-similar-btn:hover{border-color:var(--border-strong)}}.sb-samples{flex-direction:column;gap:6px;display:flex}.sb-sample-actions{flex-wrap:wrap;gap:6px;display:flex}.sb-sample-actions button{font-size:var(--text-xs);align-items:center;gap:5px;padding:5px 9px;display:inline-flex}.sb-rec .icon{color:var(--rec)}.sb-rec.on{border-color:var(--rec);font-variant-numeric:tabular-nums}.sb-sample-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sb-toggle{font-size:var(--text-sm);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.sb-toggle-detail{font-family:var(--font-readout);font-size:var(--text-xs);color:var(--text-dim)}.sb-row{flex-shrink:0;align-items:stretch;gap:6px;display:flex}.sb-row .sb-item{flex:auto;min-width:0}.sb-row .sb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sb-row-preview{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);color:var(--text);cursor:pointer;flex:0 0 40px;place-items:center;display:grid}@media (hover:hover){.sb-row-preview:hover{border-color:var(--border-strong)}}.sb-downloaded summary{cursor:pointer;margin-bottom:4px}.sb-back{font-size:var(--text-xs);align-self:flex-start;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.sb-similar{flex-direction:column;gap:8px;max-height:min(480px,70vh);padding:10px;display:flex;overflow-y:auto}.similar-panel{z-index:var(--z-menu);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);width:320px;max-width:calc(100vw - 16px);box-shadow:var(--shadow-2);padding:10px;position:fixed}.similar-swap{flex-direction:column;gap:6px;display:flex}.similar-head{align-items:center;gap:8px;display:flex}.similar-title{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:auto;display:flex}.similar-ref{font-size:var(--text-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.similar-play,.similar-done{font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.similar-play.on{background:var(--on-bg);border-color:var(--border-strong)}.similar-hint,.similar-status{font-size:var(--text-xs);color:var(--text-dim);margin:0}.similar-list{flex-direction:column;gap:3px;max-height:300px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.similar-item{text-align:left;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);width:100%;min-height:36px;color:var(--text);cursor:pointer;align-items:center;gap:8px;padding:5px 8px;display:flex}.similar-item.on{border-color:var(--select);background:var(--on-bg)}.similar-name{min-width:0;font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.similar-meter{border-radius:var(--r-full);background:var(--border);flex:0 0 56px;height:4px;overflow:hidden}.similar-meter span{background:var(--text-dim);height:100%;display:block}.similar-tag{text-align:right;min-width:34px;font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.track-sound-btn>.sound-portrait:first-child{color:var(--tc-ink,currentColor)}.library-doors{flex-direction:column;gap:6px;display:flex}.library-door{text-align:left;align-items:center;gap:10px;padding:7px 10px;display:flex}.library-door span{flex-direction:column;min-width:0;display:flex}.library-door em{font-style:normal;font-size:var(--text-xs);color:var(--text-dim)}.library-match{font-size:var(--text-xs);color:var(--text-dim);cursor:pointer;align-items:center;gap:6px;display:flex}.library-match strong{color:var(--text);font-weight:var(--w-medium)}@media (pointer:coarse){.sb-die,.sb-chip,.sb-similar-btn,.similar-play,.similar-done{min-height:40px}.similar-item{min-height:44px}.sb-row-preview{flex-basis:44px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.sound-browser{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-width:100%;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;bottom:0;right:0;top:auto!important;left:0!important}.sound-browser>.sheet-grip{margin-top:-6px}.sound-browser .sb-head{touch-action:none}.sb-head-portrait{width:44px;height:44px}.sb-body{flex-direction:column;height:min(520px,62dvh)}.sb-families{border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex:none;overflow:auto hidden;-webkit-mask-image:none;mask-image:none}.sb-families button{white-space:nowrap;flex:none}.similar-panel{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;top:auto!important;left:8px!important}}.sample-portrait{color:var(--text-dim)}.ss-scrim{z-index:var(--z-modal);background:var(--scrim);animation:ss-fade var(--dur-base) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes ss-fade{0%{opacity:0}}.start-sheet{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(640px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-3);animation:ss-rise var(--dur-slow) var(--ease-out);padding:20px 22px 16px;position:relative;overflow:auto}@keyframes ss-rise{0%{opacity:0;transform:translateY(12px)}}.ss-head{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-bottom:14px;display:flex}.ss-head h2{font-size:var(--text-xl);font-weight:var(--w-semibold);line-height:var(--lh-tight);flex:1 0 100%;order:2;margin:0}.ss-view-grooves .ss-head h2{font-size:var(--text-lg)}.ss-kicker{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.ss-mark{display:block}.ss-close{color:var(--text-dim);background:0 0;border:none;margin-left:auto;padding:6px;line-height:0;display:inline-flex}.ss-close:hover:not(:disabled){color:var(--text)}.ss-back{color:var(--text-dim);font-size:var(--text-sm);background:0 0;border:none;align-items:center;gap:4px;padding:3px 8px 3px 4px;display:inline-flex}.ss-back:hover:not(:disabled){color:var(--text)}.ss-hero{border-radius:var(--r-md);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.ss-continue{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}.ss-continue:hover:not(:disabled){filter:brightness(1.05);border-color:#0000}.ss-demo{background:var(--bg-raised);border-color:var(--border-strong)}.ss-hero-icon{background:color-mix(in oklch, currentColor 14%, transparent);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.ss-demo .ss-hero-icon{color:var(--accent);background:var(--accent-soft)}.ss-hero-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ss-hero-title{font-size:var(--text-lg);font-weight:var(--w-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-hero-sub{font-size:var(--text-sm);opacity:.85}.ss-demo .ss-hero-sub{color:var(--text-dim);opacity:1}.ss-doors-label{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:18px 0 8px}.ss-doors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ss-door{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-raised);text-align:left;align-items:flex-start;gap:10px;min-height:84px;padding:12px;display:flex;position:relative}@media (hover:hover){.ss-door:hover:not(:disabled){background:var(--bg-hover)}}.ss-door-icon{border-radius:var(--r-md);background:var(--on-bg);width:34px;height:34px;color:var(--text);flex:none;place-items:center;display:grid}.ss-door-gusta{border-style:dashed;border-color:var(--border);background:0 0}.ss-door-gusta .ss-door-icon{background:var(--grad-gusta);color:var(--on-gusta)}.ss-door-gusta .ss-door-title{color:var(--text-dim)}.ss-door-body{flex-direction:column;gap:3px;min-width:0;padding-right:48px;display:flex}.ss-door-title{font-size:var(--text-md);font-weight:var(--w-semibold)}.ss-door-desc{font-size:var(--text-sm);color:var(--text-dim);line-height:1.4}.ss-tag{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-dim);white-space:nowrap;padding:1px 7px;position:absolute;top:10px;right:10px}.ss-door-gusta .ss-door-body{padding-right:0}.ss-door-gusta .ss-tag{align-self:flex-end;margin-left:auto;position:static}.ss-door-gusta{flex-wrap:wrap}.ss-foot,.ss-sub{font-size:var(--text-xs);color:var(--text-dim);margin:12px 0 0}.ss-sub{font-size:var(--text-sm);margin:0 0 10px}.ss-grooves{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ss-groove{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);align-items:center;gap:10px;padding:8px 10px;display:flex}.ss-groove.playing{border-color:var(--border-strong);background:var(--bg-hover)}.ss-preview{border-color:var(--border-strong);background:var(--bg-panel);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.ss-groove.playing .ss-preview{background:var(--select);color:var(--on-select);border-color:#0000}.render-spinner.ss-spinner{width:14px;height:14px}.ss-groove-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ss-groove-name{font-size:var(--text-md);font-weight:var(--w-semibold);align-items:baseline;gap:8px;display:flex}.ss-groove-meta{font-family:var(--font-readout);font-size:var(--text-2xs);font-weight:var(--w-regular);color:var(--text-dim)}.ss-groove-blurb{font-size:var(--text-xs);color:var(--text-dim);line-height:1.4}.ss-use{border-color:var(--border-strong);font-size:var(--text-sm);font-weight:var(--w-medium);flex:none;padding:6px 12px}.ss-groove.playing .ss-use{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}.ss-error{font-size:var(--text-sm);color:var(--danger);margin:10px 0 0}.blank-card{max-width:540px}.blank-grooves{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.blank-groove{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-panel);text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;display:inline-flex}@media (hover:hover){.blank-groove:hover:not(:disabled){background:var(--bg-hover)}}.blank-groove-name{font-size:var(--text-md);font-weight:var(--w-semibold);align-items:center;gap:6px;display:inline-flex}.blank-groove-name>svg{color:var(--text-dim);flex:none}.blank-groove-item{align-items:stretch;gap:4px;display:inline-flex}.blank-groove-item.playing .blank-groove{border-color:var(--border-strong);background:var(--bg-hover)}.blank-groove-item.playing .blank-groove-name>svg{color:var(--text)}.blank-groove-use{border-radius:var(--r-md);background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--w-semibold);border-color:#0000;flex:none;padding:0 12px}.blank-fold{margin-top:14px}.blank-more{color:var(--text-dim);font-size:var(--text-sm);background:0 0;border-color:#0000;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;display:inline-flex}.blank-more>svg{transition:transform var(--dur-fast) var(--ease-out)}.blank-more[aria-expanded=true]>svg{transform:rotate(90deg)}@media (hover:hover){.blank-more:hover:not(:disabled){color:var(--text)}}.blank-groove-meta{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim)}.blank-groove-more{background:0 0;border-style:dashed}.blank-doors{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.blank-door{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-panel);text-align:left;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (hover:hover){.blank-door:hover:not(:disabled){background:var(--bg-hover)}}.blank-door>svg{color:var(--text-dim);flex:none}.blank-door span{flex-direction:column;gap:1px;display:flex}.blank-door strong{font-size:var(--text-md);font-weight:var(--w-semibold)}.blank-door em{font-style:normal;font-size:var(--text-xs);color:var(--text-dim)}.blank-tracks{font-size:var(--text-sm);color:var(--text-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.blank-tracks-row{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}.blank-tracks button{font-size:var(--text-sm);padding:4px 10px}.blank-tracks.lead{flex-direction:column;gap:8px;margin-top:16px}.blank-tracks.lead .blank-tracks-label{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text)}.blank-tracks.lead .blank-tracks-row{gap:8px}.blank-tracks.lead button{border-color:var(--border-strong);background:var(--bg-panel);min-width:96px;font-size:var(--text-md);font-weight:var(--w-medium);padding:8px 16px}@media (hover:hover){.blank-tracks.lead button:hover:not(:disabled){background:var(--bg-hover)}}.blank-tracks-hint{font-size:var(--text-xs)}.blank-gusta{border:1px solid color-mix(in oklch, var(--gusta) 55%, var(--border));border-radius:var(--r-md);color:var(--gusta);font-size:var(--text-sm);font-weight:var(--w-medium);background:0 0;align-items:center;gap:6px;margin-top:16px;padding:7px 14px;display:inline-flex}@media (hover:hover){.blank-gusta:hover:not(:disabled){border-color:var(--gusta);background:var(--gusta-soft)}}.blank-card .tracks-empty-skip{margin:12px auto 0;display:block}.getting-started{z-index:var(--z-dock);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);box-shadow:var(--shadow-2);animation:gs-in var(--dur-slow) var(--ease-out);padding:12px 14px;position:fixed;bottom:46px;right:16px;overflow:auto}@keyframes gs-in{0%{opacity:0;transform:translateY(10px)}}:is(.app:has(.panel.copilot) .getting-started,.app:has(.panel.copilot) .gs-pill){right:336px}:is(.app:has(.experience-bubble) .getting-started,.app:has(.experience-bubble) .gs-pill){right:320px}.gs-top{align-items:center;gap:6px;display:flex}.gs-kicker{color:var(--text);font-weight:var(--w-bold);font-size:var(--text-sm);letter-spacing:.03em;align-items:center;gap:6px;display:inline-flex}.gs-top .gs-kicker{flex:1}.gs-progress{font-family:var(--font-readout);font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.gs-icon-btn{color:var(--text-dim);background:0 0;border:none;padding:4px;line-height:0;display:inline-flex}.gs-icon-btn:hover:not(:disabled){color:var(--text)}.gs-lede{font-size:var(--text-sm);color:var(--text-dim);margin:6px 0 0;line-height:1.45}.gs-yours{color:var(--text-dim);font-size:var(--text-xs);margin-top:4px}.gs-stages{flex-direction:column;gap:4px;margin:10px 0 0;padding:0;list-style:none;display:flex}.gs-stage{border:1px solid var(--border);border-radius:var(--r-md)}.gs-stage.open{border-color:var(--border-strong);background:var(--bg-raised)}.gs-stage-head{text-align:left;background:0 0;border:none;align-items:center;width:100%;padding:7px 10px;display:flex}.gs-stage-title{font-size:var(--text-sm);font-weight:var(--w-semibold);flex:1}.gs-stage-count{font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;display:inline-flex}.gs-stage.complete .gs-stage-count{color:var(--success)}.gs-steps{flex-direction:column;gap:10px;list-style:none;display:flex}.gs-stage .gs-steps{margin:0;padding:2px 10px 10px}.gs-step{align-items:flex-start;gap:10px;display:flex}.gs-check{border:1.5px solid var(--border);width:20px;height:20px;color:var(--on-success);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.gs-step.done .gs-check{background:var(--success);border-color:var(--success)}.gs-step.gusta:not(.done) .gs-check{border-color:color-mix(in srgb, var(--gusta) 60%, var(--border))}.gs-step-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gs-step-title{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text);flex-wrap:wrap;align-items:baseline;gap:6px;display:inline-flex}.gs-step.gusta .gs-step-title{color:var(--gusta)}.gs-step.done .gs-step-title{color:var(--text-dim);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--text-dim) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--text-dim) 60%, transparent)}.gs-step:not(.next):not(.done) .gs-step-title{font-weight:var(--w-medium)}.gs-step-hint{font-size:var(--text-xs);color:var(--text-dim);line-height:1.4}.gs-optional{font-size:var(--text-2xs);font-weight:var(--w-regular);color:var(--text-dim)}.gs-step-do{border-color:var(--border-strong);font-size:var(--text-xs);flex:none;padding:2px 9px}.gs-step.next .gs-step-do{background:var(--bg-panel);font-weight:var(--w-semibold);align-self:flex-start;margin-top:6px;padding:4px 11px}.gs-step.gusta .gs-step-do{color:var(--gusta)}.gs-foot{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;margin-top:10px;padding-top:8px;display:flex}.gs-dismiss{font-size:var(--text-sm);border-radius:var(--r-md);cursor:pointer;padding:5px 12px}.getting-started.compact{width:300px;padding:10px 12px}.getting-started.compact .gs-steps{margin:8px 0 0;padding:0}.gs-compact-stage{color:var(--text-dim);font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.03em}.gs-compact-actions{align-items:center;gap:12px;display:flex}.gs-compact-actions .gs-link,.gs-fewer{font-size:var(--text-xs)}.gs-compact-actions .gs-link{margin-top:6px}.gs-fewer{margin-right:auto}.gs-pill{z-index:var(--z-dock);border-radius:var(--r-full);border-color:var(--border-strong);background:var(--bg-panel);box-shadow:var(--shadow-2);font-size:var(--text-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:fixed;bottom:46px;right:16px}.gs-pill>svg{color:var(--text-dim)}.gs-pill-count{font-family:var(--font-readout);color:var(--text-dim)}.tip-ring{z-index:var(--z-toast);pointer-events:none;border:2px solid var(--accent);border-radius:var(--r-md);animation:tip-ring 1.6s var(--ease-in-out) 3;position:fixed}@keyframes tip-ring{50%{border-color:color-mix(in oklch, var(--accent) 40%, transparent)}}.tip-card{z-index:var(--z-toast);border:1px solid color-mix(in oklch, var(--accent) 45%, var(--border));border-radius:var(--r-lg);background:var(--bg-panel);width:min(300px,100vw - 24px);box-shadow:var(--shadow-2);animation:moment-in var(--dur-base) var(--ease-out);padding:10px 12px;position:fixed}.tip-card.tip-below:before,.tip-card.tip-above:before{content:"";left:calc(var(--tip-arrow-x,24px) - 6px);background:var(--bg-panel);border:1px solid color-mix(in oklch, var(--accent) 45%, var(--border));width:10px;height:10px;position:absolute;transform:rotate(45deg)}.tip-card.tip-below:before{border-bottom:none;border-right:none;top:-6px}.tip-card.tip-above:before{border-top:none;border-left:none;bottom:-6px}.tip-card.tip-floating{top:56px;right:16px}.tip-card.tip-docked{left:calc(var(--mchrome-l,0px) + 12px);right:calc(var(--mchrome-r,0px) + 12px);bottom:calc(var(--mchrome-b,110px) + 20px);width:auto}.tip-who{color:var(--text-dim);font-size:var(--text-xs);font-weight:var(--w-bold);letter-spacing:.04em;align-items:center;gap:4px;display:inline-flex}.tip-text{font-size:var(--text-sm);color:var(--text);margin:4px 0 8px;line-height:1.45}.tip-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tip-do{background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--w-semibold);border-color:#0000;padding:5px 12px}.tip-do:hover:not(:disabled){filter:brightness(1.05);border-color:#0000}.tip-later{font-size:var(--text-sm);padding:5px 10px}.tip-mute{color:var(--text-dim);font-size:var(--text-2xs);background:0 0;border:none;margin-left:auto;padding:2px 0}.tip-mute:hover:not(:disabled){color:var(--text);text-decoration:underline}.label-layer{z-index:var(--z-toast);pointer-events:none;position:fixed;inset:0}.label-measure{visibility:hidden;flex-direction:column;align-items:flex-start;display:flex;position:fixed;top:0;left:-10000px}.label-lines{position:fixed;inset:0;overflow:visible}.label-lines line{stroke:var(--select);stroke-width:1.5px;opacity:.7}.label-lines circle{fill:var(--select)}.label-chips{margin:0;padding:0;list-style:none}.coach-chip{border-radius:var(--r-md);background:var(--select);max-width:240px;color:var(--on-select);box-shadow:var(--shadow-1);font-size:var(--text-xs);font-weight:var(--w-medium);animation:moment-in var(--dur-base) var(--ease-out);padding:4px 9px;line-height:1.35;display:block;position:fixed}.label-measure .coach-chip{position:static}.label-measure.narrow .coach-chip{max-width:150px}.label-ring{pointer-events:none;border:2px solid var(--select);border-radius:var(--r-md);position:fixed}.coach-bar{z-index:var(--z-toast);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-panel);max-width:calc(100vw - 24px);box-shadow:var(--shadow-2);font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:8px;padding:6px 6px 6px 12px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.coach-bar>svg{flex:none}.coach-done{border-radius:var(--r-full);background:var(--select);color:var(--on-select);font-size:var(--text-xs);font-weight:var(--w-semibold);border-color:#0000;padding:4px 12px}.coach-toggle{border-radius:var(--r-sm);border:1px solid #0000}.take-offer{z-index:var(--z-toast);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-panel);width:max-content;max-width:min(560px,100vw - 24px);box-shadow:var(--shadow-2);animation:moment-in var(--dur-base) var(--ease-out);align-items:center;gap:10px;padding:8px 10px 8px 12px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.take-offer>svg{color:var(--text-dim);flex:none}.take-offer-text{min-width:0;font-size:var(--text-sm);flex-direction:column;gap:1px;display:flex}.take-offer-sub{font-size:var(--text-xs);color:var(--text-dim)}.take-offer-do{background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--w-semibold);border-color:#0000;flex:none;padding:5px 12px}.take-offer-later{font-size:var(--text-sm);flex:none;padding:5px 10px}@media (pointer:coarse){.ss-door{min-height:92px}.ss-use,.ss-back,.gs-step-do,.gs-stage-head,.tip-do,.tip-later,.take-offer-do,.take-offer-later,.coach-done,.blank-tracks button,.blank-groove,.blank-groove-use,.blank-more{min-height:40px}.ss-preview{width:44px;height:44px}.gs-icon-btn,.ss-close{justify-content:center;align-items:center;min-width:40px;min-height:40px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.ss-scrim{place-items:end stretch;padding:0}.start-sheet{width:100%;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none}.ss-doors{grid-template-columns:1fr}.ss-door{min-height:0}.ss-groove{flex-wrap:wrap}.ss-groove-body{flex:60%}.blank-doors{grid-template-columns:1fr}.getting-started{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.app:has(.panel.copilot) .getting-started{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.app:has(.experience-bubble) .getting-started{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.gs-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px)}.app:has(.panel.copilot) .gs-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px)}.app:has(.experience-bubble) .gs-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px)}.take-offer{bottom:calc(var(--mchrome-b) + 14px)}:root:has(.msheet,.sound-browser,.bsheet) :is(.tip-card,.tip-ring,.take-offer){display:none}.coach-bar{top:calc(64px + env(safe-area-inset-top));bottom:auto;left:auto;right:calc(var(--mchrome-r) + 12px);transform:none}.take-offer{flex-wrap:wrap}}.pr-ideas{border-bottom:1px solid var(--border);background:var(--bg-raised);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:4px 6px;padding:4px 12px;display:flex}.pr-ideas>*{flex:none}.pr-idea-btn,.pr-var-chip,.pr-keep,.pr-strength button{font-size:var(--text-sm);line-height:var(--lh-ui);color:var(--text-dim);align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.pr-idea-btn:hover:not(:disabled,[aria-disabled=true]),.pr-var-chip:hover:not(:disabled){color:var(--text)}.pr-idea-btn.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.pr-idea-btn:disabled,.pr-idea-btn[aria-disabled=true],.pr-keep:disabled,.pr-keep[aria-disabled=true]{opacity:.45;cursor:default}.pr-var-chip{border-style:dashed;border-color:color-mix(in oklab, var(--accent) 45%, var(--border));background:0 0}.pr-var-letter{font-family:var(--mono);font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-faint)}.pr-var-chip.playing{color:var(--text);border-style:solid;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pr-var-chip.playing .pr-var-letter{color:var(--accent)}.pr-keep:not(:disabled,[aria-disabled=true]){color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill);font-weight:var(--w-semibold)}.pr-strength{display:inline-flex}.pr-strength button{border-radius:0;padding:3px 8px}.pr-strength button:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.pr-strength button:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0;margin-left:-1px}.pr-strength button.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.pr-ideas-sep{background:var(--border);align-self:stretch;width:1px;margin:2px 4px}.pr-ideas-note{color:var(--text-faint);font-size:var(--text-xs)}.pr-ideas-note.reason-line{color:var(--text)}.pr-ideas-count{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-faint)}.pr-note{transition:box-shadow var(--dur-slow) var(--ease-out), filter var(--dur-slow) var(--ease-out)}.pr-note.locked{box-shadow:inset 0 0 0 1px var(--on-tc)}.pr-note-lock{color:var(--on-tc);pointer-events:none;display:flex;position:absolute;top:50%;left:1px;translate:0 -50%}.pr-note.leaving{filter:opacity(.3)saturate(.4)}.pr-note.chord-tone{border-color:var(--on-tc)}.pr-note[data-sounding]{filter:brightness(1.25);box-shadow:0 0 0 2px color-mix(in oklab, var(--tc-ink) 75%, transparent), 0 0 12px color-mix(in oklab, var(--tc-ink) 60%, transparent);transition:none}.pr-ghosts{z-index:var(--z-raise);pointer-events:none;position:absolute;inset:0}.pr-ghost-note{border:1.5px dashed color-mix(in oklab, var(--accent) 45%, transparent);border-radius:var(--r-xs);transition:background-color var(--dur-slow) var(--ease-out);background:0 0;position:absolute}.pr-ghost-note[data-sounding]{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 22%, transparent);transition:none}.pr-ghost-pill{z-index:var(--z-sticky);white-space:nowrap;font-size:var(--text-xs);color:var(--text-dim);background:var(--bg-raised);border:1px dashed var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-1);pointer-events:auto;flex-direction:column;align-items:flex-end;gap:1px;padding:2px 4px 3px 2px;display:flex;position:absolute;translate:-100%}.pr-ghost-pill.at-start{align-items:flex-start;translate:0}.pr-ghost-pill,.pr-ghost-note{scroll-margin-top:36px}.pr-ghost-row{align-items:center;gap:2px;display:flex}.pr-ghost-pill button{font-size:var(--text-xs);border-radius:var(--r-full);color:var(--text-dim);background:0 0;border:none;align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.pr-ghost-pill button:hover{color:var(--text);background:var(--bg-hover)}.pr-ghost-pill .pr-ghost-label{color:var(--text);font-weight:var(--w-medium)}.pr-ghost-count{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-faint)}.pr-ghost-keys{font-size:var(--text-2xs);color:var(--text-faint);padding:0 6px}.pr-ghost-pill .pr-ghost-act.keep{color:var(--accent);font-weight:var(--w-semibold)}.pr-chord-tone{background:var(--tc-ink,var(--text-dim));opacity:.07;pointer-events:none;position:absolute}.pr-chord-tone.root{opacity:.14}.pr-chord-names{height:0;z-index:var(--z-raise);pointer-events:none;position:sticky;top:20px}.pr-chord-name{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-dim);background:color-mix(in oklab, var(--bg-raised) 85%, transparent);border-radius:var(--r-xs);white-space:nowrap;margin-left:2px;padding:0 5px;line-height:16px;position:absolute;top:2px;overflow:hidden}.pr-fn-toggle{align-items:center;gap:5px;display:inline-flex}.pr-fn-swatch{gap:1px;display:inline-flex}.pr-fn-swatch i{border-radius:var(--r-xs);width:4px;height:10px}.take-lanes{width:calc(var(--track-head-w) + var(--timeline-width));background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.take-lanes:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.take-bar{z-index:var(--z-sticky);width:max-content;max-width:100vw;height:34px;font-size:var(--text-sm);background:var(--bg-raised);border-left:3px solid var(--tc-ink,transparent);align-items:center;gap:6px;padding:0 10px;display:flex;position:sticky;left:0}.take-title{font-weight:var(--w-semibold);align-items:center;gap:5px;margin-right:4px;display:inline-flex}.take-range{font-weight:var(--w-regular);color:var(--text-dim)}.take-btn,.take-keep{font-size:var(--text-sm);line-height:var(--lh-ui);color:var(--text-dim);align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.take-btn:hover:not(:disabled){color:var(--text)}.take-btn.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.take-btn kbd{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-faint)}.take-btn:disabled,.take-keep:disabled,.take-keep[aria-disabled=true]{opacity:.45;cursor:default}.take-gusta{color:var(--gusta);border-color:color-mix(in oklab, var(--gusta) 45%, var(--border))}.take-gusta.asking{background:var(--gusta-soft)}.take-keep:not(:disabled,[aria-disabled=true]){color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill);font-weight:var(--w-semibold)}.take-note{text-overflow:ellipsis;white-space:nowrap;max-width:48ch;font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:6px;display:inline-flex;overflow:hidden}.take-lane{cursor:pointer;height:30px;display:flex}.take-lane-head{flex:0 0 var(--track-head-w);z-index:var(--z-sticky);background:var(--bg-raised);border-left:3px solid var(--tc-ink,transparent);border-top:1px dashed var(--border);align-items:center;gap:8px;min-width:0;padding:0 10px;display:flex;position:sticky;left:0}.take-letter{width:20px;height:20px;font-family:var(--mono);font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-dim);border-radius:var(--r-xs);place-items:center;padding:0;display:inline-grid}.take-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:4px;display:inline-flex;overflow:hidden}.take-label.gusta{color:var(--gusta)}.take-lane-body{width:var(--timeline-width);border-top:1px dashed var(--border);position:relative}.take-range-band{background:color-mix(in oklab, var(--accent) 7%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.take-thumb{border:1px dashed color-mix(in oklab, var(--accent) 45%, var(--border));border-radius:var(--r-xs);background:color-mix(in oklab, var(--tc-ink,var(--text-dim)) 8%, transparent);position:absolute;top:3px;bottom:3px;overflow:hidden}.take-thumb-notes{width:100%;height:100%;display:block}.take-thumb-notes rect,.take-card-thumb rect{fill:var(--tc-ink,var(--text-dim))}.take-lane.playing .take-thumb{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.take-lane.playing .take-letter{color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill)}.take-lane:hover .take-thumb{border-color:var(--accent)}.take-keep.inline{height:24px;padding:0 10px;position:absolute;top:3px}.take-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:6px 15%;display:flex;overflow-x:auto}.take-card{scroll-snap-align:center;text-align:left;border:1px dashed color-mix(in oklab, var(--accent) 45%, var(--border));border-radius:var(--r-md);background:var(--bg-panel);flex-direction:column;flex:0 0 70%;gap:6px;height:128px;padding:8px;display:flex}.take-card.playing{border-style:solid;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.take-card-head{font-size:var(--text-md);color:var(--text);align-items:center;gap:8px;display:flex}.take-card.playing .take-letter{color:var(--on-accent);background:var(--accent-fill)}.take-card-thumb{border-radius:var(--r-xs);background:color-mix(in oklab, var(--tc-ink,var(--text-dim)) 8%, transparent);flex:1;min-height:0;overflow:hidden}.take-card-thumb svg{width:100%;height:100%;display:block}.take-sheet-hint{text-align:center;font-size:var(--text-xs);color:var(--text-faint);margin:4px 0 8px}.take-sheet-hint.reason-line{color:var(--text)}.take-reason{white-space:nowrap}.take-sheet-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.take-sheet-actions button{min-height:36px}@media (pointer:coarse){.pr-chord-names{top:28px}.take-lane{height:40px}.take-letter{width:30px;height:30px}.take-keep.inline{height:32px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.pr-ideas{scrollbar-width:none;flex-wrap:nowrap;padding:4px 8px;overflow-x:auto}.pr-idea-btn,.pr-var-chip,.pr-keep,.pr-strength button{min-height:32px}}@media (height<=500px) and (pointer:coarse){.pr-ideas{padding-block:2px}}.clip-recipe{z-index:var(--z-base);width:14px;height:var(--clip-strip-h);color:var(--text-dim);border-radius:var(--r-xs);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:19px}.clip-recipe:hover{color:var(--text)}.clip:has(>.clip-recipe) .clip-name{padding-left:35px}.clip-recipe.clip-yours{pointer-events:none;width:auto;transition:opacity var(--dur-slow) var(--ease-out)}.clip-recipe.clip-yours.out{opacity:0}.clip:has(>.clip-yours.in) .clip-name{padding-left:58px}.clip-yours-mark{max-width:48px;font-size:var(--text-2xs);font-weight:var(--w-semibold);white-space:nowrap;color:var(--on-select);background:var(--select);border-radius:var(--r-full);padding:0 5px;line-height:12px;display:inline-block;overflow:hidden}.clip-yours.in .clip-yours-mark{animation:yours-arrive var(--dur-slow) var(--ease-out) both}@keyframes yours-arrive{0%{color:#0000;border-radius:var(--r-xs);max-width:12px;padding:0;transform:scale(.8)}60%{color:#0000}to{max-width:48px;color:var(--on-select);border-radius:var(--r-full);padding:0 5px;transform:scale(1)}}.clip-recipe-tip{z-index:var(--z-toast);max-width:min(320px,100vw - 32px);font-size:var(--text-xs);line-height:var(--lh-tight);color:var(--text);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-2);pointer-events:none;padding:6px 10px;position:fixed;transform:translate(-50%,calc(-100% - 8px))}@media (pointer:coarse){.clip-recipe{width:22px;left:36px}.clip-recipe:not(.clip-yours){height:min(44px,100%);padding-top:calc((var(--clip-strip-h) - 12px) / 2);align-items:flex-start}.clip:has(>.clip-recipe) .clip-name{padding-left:60px}.clip:not(.selected):not(:has(.clip-audition.on)) .clip-recipe{left:3px}.clip:not(.selected):not(:has(.clip-audition.on)):has(>.clip-recipe) .clip-name{padding-left:27px}.clip:has(>.clip-yours.in) .clip-name{padding-left:78px}.clip:not(.selected):not(:has(.clip-audition.on)):has(>.clip-yours.in) .clip-name{padding-left:45px}}.pr-player{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-direction:column;flex:none;gap:8px;max-height:62%;padding:8px 12px 10px;display:flex;overflow:auto}.pr-player-head{align-items:center;gap:8px;min-width:0;display:flex}.pr-player-glyph{color:var(--tc-ink,var(--text));display:inline-flex}.pr-player-name{font-size:var(--text-sm);font-weight:var(--w-semibold);white-space:nowrap}.pr-player-by{font-size:var(--text-2xs);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-full);white-space:nowrap;flex:none;padding:1px 7px}.pr-player-by.gusta{color:var(--gusta);border-color:color-mix(in srgb, var(--gusta) 45%, transparent)}.pr-player-desc{min-width:0;font-size:var(--text-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.pr-player-detach{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.pr-player-detach-hint{max-width:250px;font-size:var(--text-2xs);line-height:var(--lh-tight);color:var(--text-dim)}.pr-player-body{align-items:flex-start;gap:16px;min-width:0;display:flex}.pr-player-pad-col{flex-direction:column;flex:0 0 232px;gap:4px;padding-bottom:18px;display:flex}.pr-player-controls{flex:auto;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));align-content:start;gap:6px 24px;min-width:0;display:grid}.pr-player-row{align-items:center;gap:8px;min-width:0;display:flex}.pr-player-label{font-size:var(--text-2xs);font-weight:var(--w-medium);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;flex:0 0 64px}.pr-player-chips{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.pr-chip{font-size:var(--text-xs);line-height:var(--lh-ui);color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}@media (hover:hover){.pr-chip:hover:not(:disabled){color:var(--text);border-color:var(--border-strong)}}.pr-chip.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.pr-player-kit .pr-chip:not(.on){background:0 0;text-decoration:line-through}.pr-chip.on.dim{color:var(--text-dim);background:0 0;border-style:dashed}.pr-chip:disabled{opacity:.5;cursor:default}.pr-player-hear{flex:none}.pr-player-note{font-size:var(--text-xs);color:var(--text-dim)}.pr-player-chords{font-family:var(--font-readout);font-size:var(--text-sm);color:var(--text)}.pr-player-melody-row{align-items:flex-start}.pr-player-melody{flex-direction:column;gap:2px;min-width:0;display:flex}.pr-player-melody code{font-family:var(--font-readout);font-size:var(--text-xs);color:var(--text);overflow-wrap:anywhere}.pr-player-foot{font-size:var(--text-2xs);line-height:var(--lh-tight);color:var(--text-dim);margin:0;display:none}.pr-player-yours{font-size:var(--text-xs);color:var(--text-dim);flex-direction:row;align-items:center;gap:10px}.pr-player-fold{width:22px;height:22px;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;padding:0;display:none}.pr-player-fold svg{transition:transform var(--dur-fast) var(--ease-out)}.pr-player-fold[aria-expanded=true] svg{transform:rotate(90deg)}@media (hover:hover){.pr-player-fold:hover{color:var(--text);border-color:var(--border-strong)}}@container center-column (width>=1000px){.piano-roll:has(>.pr-player:not(.pr-player-yours)){grid-template-columns:fit-content(min(620px,46%)) minmax(0,1fr);grid-template-rows:auto auto auto minmax(0, auto) minmax(0, auto) minmax(min(var(--pr-grid-min), 25%), 1fr) auto;display:grid}.piano-roll:has(>.pr-player:not(.pr-player-yours))>*{grid-column:1/-1;min-width:0}.piano-roll:has(>.pr-player:not(.pr-player-yours))>.pr-resize{grid-row:1}.piano-roll:has(>.pr-player:not(.pr-player-yours))>.piano-roll-head{grid-row:2}.piano-roll:has(>.pr-player:not(.pr-player-yours))>.pr-ideas{grid-row:3}.piano-roll>.pr-player:not(.pr-player-yours){border-bottom:0;border-right:1px solid var(--border);grid-area:6/1/8;min-height:0;max-height:none}.piano-roll:has(>.pr-player:not(.pr-player-yours))>.piano-roll-scroll{grid-area:6/2;min-height:0}.piano-roll:has(>.pr-player:not(.pr-player-yours))>.pr-velocity{grid-area:7/2}.piano-roll>.pr-player .pr-player-head{flex-wrap:wrap;row-gap:4px}.piano-roll>.pr-player .pr-player-desc{flex-basis:100%;order:5}.piano-roll>.pr-player .pr-player-detach-hint{display:none}.piano-roll>.pr-player .pr-player-controls{grid-template-columns:minmax(0,1fr)}}@container center-column (width<=999.98px){.pr-player-fold{display:inline-flex}.pr-player-collapsed{gap:0;padding-bottom:8px}.pr-player-collapsed>.pr-player-body,.pr-player-collapsed>.pr-player-foot,.pr-player-collapsed .pr-player-detach-hint{display:none}}.pr-hand-offers{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:6px;display:grid}.pr-hand-offer{text-align:left;color:var(--text-dim);border:1px dashed color-mix(in oklab, var(--accent) 45%, var(--border));border-radius:var(--r-md);cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px 10px;display:grid}@media (hover:hover){.pr-hand-offer:hover{color:var(--text)}}.pr-hand-offer.on{color:var(--text);border-style:solid;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pr-hand-offer-name{min-width:0;font-size:var(--text-sm);font-weight:var(--w-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pr-hand-offer-word{font-size:var(--text-2xs);font-weight:var(--w-medium);color:var(--text-dim);white-space:nowrap}.pr-hand-offer.on .pr-hand-offer-word{color:var(--accent)}.pr-hand-offer-desc{min-width:0;font-size:var(--text-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.pr-hand-actions{z-index:var(--z-base);background:var(--bg-raised);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0 10px;display:flex;position:sticky;bottom:-10px}.pr-hand-spacer{flex:auto}.pr-hand-keep{border-radius:var(--r-full)}.pr-hand-close{width:24px;height:24px;color:var(--text-dim);border-radius:var(--r-sm);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.pr-hand-none{font-size:var(--text-sm);color:var(--text);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.pr-hand-none p{margin:0}.pr-hand-foot{display:block}@media (pointer:coarse){.pr-hand-close{width:44px;height:44px}.pr-hand-keep{min-height:44px;padding:0 18px}.pr-hand-offer{min-height:44px}}.xy-pad{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;height:112px;position:relative}.xy-pad:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.xy-pad-field{position:absolute;inset:22px 30px}.xy-pad-word{font-size:var(--text-2xs);font-weight:var(--w-medium);letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase;pointer-events:none;position:absolute}.xy-pad-word.top{top:2px;left:50%;transform:translate(-50%)}.xy-pad-word.bottom{bottom:2px;left:50%;transform:translate(-50%)}.xy-pad-word.left,.xy-pad-word.right{writing-mode:vertical-rl;top:50%}.xy-pad-word.left{left:3px;transform:translateY(-50%)rotate(180deg)}.xy-pad-word.right{right:3px;transform:translateY(-50%)}.xy-pad-detent{background:var(--border);width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.xy-pad-detent.on{background:var(--border-strong)}.xy-pad-level{background:color-mix(in oklab, var(--tc-ink,var(--text-dim)) 12%, transparent);border-top:1px solid color-mix(in oklab, var(--tc-ink,var(--text-dim)) 40%, transparent);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.xy-pad-puck{border:2px solid var(--bg-panel);background:var(--tc-ink,var(--text));width:18px;height:18px;box-shadow:0 0 0 1px var(--tc-ink,var(--text)), var(--shadow-1);transition:left var(--dur-fast) var(--ease-out), bottom var(--dur-fast) var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,50%)}.xy-pad-value{font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--text);text-align:center;pointer-events:none;position:absolute;top:calc(100% + 4px);left:0;right:0}@media (pointer:coarse){.pr-chip{min-height:var(--gusta-target);padding:5px 12px}.pr-player-fold{width:var(--gusta-target);height:var(--gusta-target)}.pr-player-chips{gap:6px}.xy-pad{height:128px}}@media (width<=600px),(height<=500px) and (pointer:coarse){:is(.piano-roll:has(>.pr-player:not(.pr-player-yours))>.pr-velocity,.piano-roll:has(>.pr-player:not(.pr-player-yours))>.piano-roll-scroll){display:none}.piano-roll>.pr-player:not(.pr-player-yours){border-bottom:0;flex:1 1 0;min-height:0;max-height:none}.pr-player-fold{display:none}.pr-player-collapsed>.pr-player-body{display:flex}.pr-player-collapsed>.pr-player-foot{display:block}.pr-player-head{flex-wrap:wrap}.pr-player-desc{flex-basis:100%;order:5}.pr-player-desc,.pr-player-detach-hint{display:none}.pr-player-foot{display:block}.xy-pad{height:112px}.pr-player-body{flex-direction:column;align-items:stretch;gap:10px}.pr-player-pad-col{flex-basis:auto}.pr-player-label{flex-basis:52px}}@media (height<=500px) and (pointer:coarse){.pr-player-body{flex-direction:row;align-items:flex-start}.pr-player-pad-col{flex:0 0 240px}}.chord-row{display:flex}.chord-row .chord-corner{align-items:center;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-3);background:var(--bg-raised);border-bottom:1px solid var(--border);display:flex;overflow:hidden}.chord-corner-btn,.chord-corner-fill,.chord-lane-toggle{align-items:center;gap:var(--sp-2);padding:1px var(--sp-3);font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-sm);white-space:nowrap;background:0 0;display:inline-flex}.chord-corner-btn:hover,.chord-corner-fill:hover,.chord-lane-toggle:hover{color:var(--text);border-color:var(--border-strong)}.chord-lane-toggle.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.chord-follow-count{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-2xs);color:var(--text-dim);margin-left:auto;overflow:hidden}.section-row .section-corner .chord-lane-toggle{flex-shrink:0;margin-right:auto}.chord-lane{height:26px;width:var(--timeline-width);background:var(--bg);border-bottom:1px solid var(--border);position:relative}.chord-lane-hint{top:50%;left:var(--sp-4);font-size:var(--text-2xs);color:var(--text-faint);white-space:nowrap;pointer-events:none;position:absolute;transform:translateY(-50%)}.chord-cell{align-items:baseline;gap:var(--sp-2);padding:0 var(--sp-3);white-space:nowrap;text-align:left;border-radius:var(--r-xs);margin-left:1px;line-height:20px;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden}.chord-span{color:var(--text);background:var(--bg-panel);border:1px solid var(--border)}@media (hover:hover){.chord-span:hover{background:var(--bg-hover);border-color:var(--border-strong)}}.chord-cell-symbol{font-size:var(--text-sm);font-weight:var(--w-semibold)}.chord-cell-roman{font-family:var(--mono);font-size:var(--text-2xs);color:var(--text-dim)}.chord-cell.narrow .chord-cell-symbol{font-size:var(--text-xs);letter-spacing:-.02em}.chord-cell.narrow{padding:0 var(--sp-1);justify-content:center}.chord-gap{color:var(--text-faint);background:0 0;border:1px dashed #0000;justify-content:center}.chord-gap .chord-cell-add{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.chord-gap:hover,.chord-gap:focus-visible{border-color:var(--border)}.chord-gap:hover .chord-cell-add,.chord-gap:focus-visible .chord-cell-add{opacity:1}.chord-cell.selected{box-shadow:inset 0 0 0 1px var(--select);border-color:var(--select)}.chord-pop-title .menu-play{align-items:center;display:inline-flex}.chord-pop{gap:var(--sp-3);flex-direction:column;max-width:420px;display:flex}.chord-pop-next-head{margin-top:var(--sp-1);padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text-dim)}.chord-next{gap:var(--sp-2);flex-direction:column;display:flex}.chord-chip-row{align-items:center;gap:var(--sp-3);display:flex}.chord-chip-label{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);flex:0 0 64px}.chord-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chord-chip{min-width:40px;padding:2px var(--sp-3) 3px;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);line-height:var(--lh-ui);flex-direction:column;align-items:center;display:inline-flex}@media (hover:hover){.chord-chip:hover{background:var(--bg-hover);border-color:var(--border-strong)}}.chord-chip.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.chord-chip-roman{font-family:var(--mono);font-size:var(--text-2xs);color:inherit;opacity:.75}.chord-chip-symbol{font-size:var(--text-sm);font-weight:var(--w-semibold)}.chord-chip[data-tag=Bold]{border-style:dashed}.chord-pop-type input{width:110px}.chord-pop-type input[aria-invalid=true]{border-color:var(--danger)}.chord-pop-move{align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-dim);display:flex}.chord-pop-actions{justify-content:flex-end;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex}.chord-pop-actions .chord-pop-done{color:var(--on-select);background:var(--select);border-color:var(--select)}.pr-strum-next{gap:var(--sp-2);flex-direction:column;display:flex}.pr-strum-next-head{align-items:center;gap:var(--sp-3);font-size:var(--text-2xs);color:var(--text-dim);display:flex}.clip-follow-badge{vertical-align:-1px;opacity:.85;margin-right:3px;display:inline-flex}.menu-check.on{font-weight:var(--w-semibold)}@media (pointer:coarse){.chord-lane{height:38px}.chord-cell{line-height:32px}.chord-gap .chord-cell-add{opacity:.5}.chord-lane:has(.chord-lane-hint) .chord-gap .chord-cell-add{opacity:0}.chord-chip{justify-content:center;min-width:46px;min-height:44px}.chord-corner-btn,.chord-corner-fill{min-height:32px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.chord-row .chord-corner{padding:0 var(--sp-1);justify-content:center}.chord-corner-btn{border:0;padding:0}.chord-chip-row{align-items:flex-start;gap:var(--sp-1);flex-direction:column}.chord-chip-label{flex-basis:auto}}.clip>svg.clip-diff{pointer-events:none;overflow:visible}.clip-diff .diff-added{fill:none;stroke:var(--gusta-fill);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px var(--gusta-fill))}.clip-diff .diff-added.moved{stroke-width:1.5px}.diff-removed{fill:none;stroke:var(--text-muted);stroke-width:1px;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.diff-connector{stroke:var(--gusta);stroke-opacity:.6;stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.clip-diff-chip{height:calc(var(--clip-strip-h,14px) - 3px);border-radius:var(--r-sm);font-family:var(--font-readout);font-size:var(--text-2xs);line-height:calc(var(--clip-strip-h,14px) - 3px);vertical-align:1px;white-space:nowrap;color:var(--on-gusta);background:var(--gusta-fill);cursor:pointer;pointer-events:auto;border:0;margin-left:6px;padding:0 5px;display:inline-block}.clip-diff-chip:hover{box-shadow:0 0 0 1px var(--gusta-ring)}.clip-ghost-removed{border:1px dashed var(--text-muted);border-radius:var(--r-sm);pointer-events:none;opacity:.85;position:absolute;top:6px;bottom:6px}.clip-ghost-removed svg{width:100%;height:calc(100% - 14px);position:absolute;top:14px;left:0}.clip-ghost-name{font-size:var(--text-2xs);white-space:nowrap;color:var(--text-muted);padding:0 4px;line-height:14px;text-decoration:line-through;display:block;overflow:hidden}.section-build{z-index:var(--z-raise);border-radius:var(--r-sm);pointer-events:none;position:absolute;top:2px;bottom:2px;overflow:hidden}.section-build.pending{outline:1px dashed color-mix(in oklab, var(--gusta) 60%, transparent);outline-offset:-1px}.section-build.active{outline:1.5px solid var(--gusta);outline-offset:-1.5px}.section-build-fill{transform-origin:0;background:color-mix(in oklab, var(--gusta-fill) 55%, transparent);transition:transform var(--dur-slow) var(--ease-out);position:absolute;inset:0}.section-build.done .section-build-fill{background:color-mix(in oklab, var(--gusta-fill) 20%, transparent)}.section-build-tick{color:var(--gusta);display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.pr-diff{z-index:var(--z-base);pointer-events:none;position:absolute;inset:0}.pr-diff-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pr-diff-added{border-radius:var(--r-xs);box-shadow:0 0 0 2px var(--gusta-fill), 0 0 10px 1px var(--gusta-fill);position:absolute}.pr-diff-removed{border:1px dashed var(--text-muted);border-radius:var(--r-xs);position:absolute}.pr-diff-removed.from{opacity:.55}.menu-free{border:1px solid var(--border);border-radius:var(--r-full);font-size:var(--text-2xs);color:var(--text-muted);margin-left:8px;padding:0 5px}@media (pointer:coarse){.clip-diff-chip{position:relative}.clip-diff-chip:after{content:"";position:absolute;inset:-10px -4px}}.status-bar{white-space:nowrap;flex-wrap:nowrap;gap:10px;padding:5px 12px;overflow:hidden}.status-bar>*{flex-shrink:0}.status-bar .feedback-pop{white-space:normal;max-height:calc(100dvh - 140px);position:fixed;bottom:49px;right:12px;overflow-y:auto}@media (pointer:coarse){.status-bar .feedback-pop{bottom:65px}}.status-bar .status-hint{text-overflow:ellipsis;min-width:0;font-size:var(--text-xs);color:var(--text-faint);flex:auto;overflow:hidden}.status-bar .midi-status{min-width:0}.status-bar .midi-status .status-text{text-overflow:ellipsis;overflow:hidden}.status-bar .status-search{margin-left:auto}.status-kbd{margin-left:2px}.statusbar-btn .status-label{line-height:var(--lh-tight)}.focus-toggle.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}@media (width<=1360px){.status-search .status-label,.focus-toggle .status-label{display:none}}@media (width<=1080px){.status-bar .gs-reopen .status-label,.status-bar .feedback-pill-label,.status-bar .midi-status .status-text{display:none}}@media (width<=860px){.status-bar .status-kbd,.status-bar .lens-seg .icon{display:none}}.lens-bar{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);align-items:stretch;gap:2px;padding:2px;display:inline-flex}.lens-seg{font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--text-dim);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:2px 10px;display:inline-flex}.lens-seg:hover:not(.on){color:var(--text);background:var(--bg-hover)}.lens-seg.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}@media (pointer:coarse){.status-bar .lens-seg{min-height:40px;padding:4px 14px}}.transport-right .search-btn{color:var(--text-dim)}.transport-right .search-btn:hover,.transport-right .search-btn.active{color:var(--text)}.track-jam{color:var(--text-dim);padding:0 6px;display:none}.app[data-lens=sketch] .workspace .track-jam{align-items:center;display:inline-flex}.app[data-lens=sketch] .workspace .track-pan,.app[data-lens=arrange] .workspace .track-pan,.app[data-lens=arrange] .workspace .track-fx-toggle:not(.on){display:none}.app[data-lens=arrange] .workspace .section-band{height:48px}.app[data-lens=arrange] .workspace .section-span{line-height:var(--lh-tight);font-size:var(--text-xs);font-weight:var(--w-semibold);text-align:left;vertical-align:top;align-items:flex-start;padding-top:3px;display:flex}.app[data-lens=arrange] .section-more{display:none}.arrange-tools{z-index:var(--z-raise);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-1);gap:2px;padding:1px;display:flex;position:absolute;bottom:4px}.arrange-tool{height:20px;font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--text);border-radius:var(--r-xs);background:0 0;border:1px solid #0000;align-items:center;gap:3px;padding:0 7px;display:inline-flex}.arrange-tool.icon{padding:0 4px}.arrange-tool:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border)}.arrange-tool:disabled{opacity:.35}.mshell .arrange-tools{display:none}@media (pointer:coarse){.app[data-lens=arrange] .workspace .section-band{height:60px}.arrange-tool{height:28px;padding:0 10px}.arrange-tool.icon{padding:0 8px}}.app.focus-mode .library{z-index:var(--z-drag);width:min(280px,82vw);box-shadow:var(--shadow-3);position:absolute;top:0;bottom:0;left:0}.app.focus-mode .panel-scrim{z-index:var(--z-scrim);background:var(--scrim);display:block;position:absolute;inset:0}.focus-handle{z-index:var(--z-dock);color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-1);justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.focus-handle:hover{color:var(--text);background:var(--bg-hover)}.focus-handle-left,.focus-handle-right{width:12px;height:64px;top:50%;translate:0 -50%}.focus-handle-left .icon,.focus-handle-right .icon{flex-shrink:0}.focus-handle-left,.focus-handle-right{overflow:hidden}.focus-handle-left{border-radius:0 var(--r-md) var(--r-md) 0;border-left:none;left:0}.focus-handle-right{border-radius:var(--r-md) 0 0 var(--r-md);color:var(--gusta);border-right:none;right:0}.focus-handle-bottom{height:22px;font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.04em;border-radius:var(--r-md) var(--r-md) 0 0;border-bottom:none;gap:6px;padding:0 12px;bottom:0;left:50%;translate:-50%}.focus-handle-bottom.open{color:var(--text)}@media (pointer:coarse){.focus-handle-bottom{height:var(--gusta-target);padding:0 18px}}.gusta-float{z-index:var(--z-float);background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:min(360px,100vw - 32px);height:min(560px,100dvh - 150px);box-shadow:var(--shadow-3);display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden}.gusta-float>.copilot{width:auto;min-width:0;box-shadow:none;border-left:none;flex:auto;position:static}.palette-scrim{z-index:var(--z-modal);background:var(--scrim);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:min(640px,100%);max-height:min(72vh,600px);box-shadow:var(--shadow-3);flex-direction:column;display:flex;overflow:hidden}.palette-top{color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px 10px 14px;display:flex}.palette-input{min-width:0;font-size:var(--text-lg);color:var(--text);background:0 0;border:1px solid #0000;flex:auto;padding:6px 4px}.palette-input::placeholder{color:var(--text-faint)}.palette-close{color:var(--text-dim);background:0 0;border-color:#0000;padding:2px 6px}.palette kbd,.status-kbd{min-width:18px;font-family:var(--font-readout);font-size:var(--text-2xs);text-align:center;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);border-bottom-width:2px;padding:0 5px;line-height:18px;display:inline-block}.palette-scope{font-size:var(--text-xs);color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 14px;display:flex}.palette-scope-label{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-2xs);color:var(--text-faint)}.palette-scope-chip{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);background:var(--on-bg);border:1px solid var(--border-strong);border-radius:var(--r-full);padding:1px 8px;overflow:hidden}.palette-scope-clear{color:var(--text-dim);background:0 0;border-color:#0000;padding:2px;display:inline-flex}.palette-list{flex:auto;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.palette-row{border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:10px;min-height:38px;padding:6px 10px;display:flex}.palette-row.active{background:var(--on-bg)}.palette-main{flex-direction:column;flex:auto;min-width:0;display:flex}.palette-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text);overflow:hidden}.palette-detail{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--text-dim);overflow:hidden}.palette-group{font-size:var(--text-2xs);letter-spacing:.04em;color:var(--text-faint);flex-shrink:0}.palette-keys{flex-shrink:0;gap:3px;display:inline-flex}.palette-ask-icon{color:var(--gusta);flex-shrink:0;display:inline-flex}.palette-ask .palette-title q{color:var(--text);quotes:"“" "”"}.palette-empty{text-align:center;font-size:var(--text-sm);color:var(--text-dim);padding:18px 12px}.palette-foot{font-size:var(--text-2xs);color:var(--text-faint);border-top:1px solid var(--border);gap:16px;padding:7px 14px;display:flex}.palette-foot span{align-items:center;gap:4px;display:inline-flex}@media (pointer:coarse){.palette-row{min-height:48px}}.palette-scrim.palette-phone{padding:0}.palette-phone .palette{width:100%;max-height:72dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);border-radius:0 0 var(--r-lg) var(--r-lg);border-top:none;border-left:none;border-right:none}.palette-phone .palette-group,.palette-phone .palette-keys{display:none}.app:has(.msheet) .gs-pill{display:none}.ss-skip{font-size:var(--text-xs);color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}@media (pointer:coarse){.ss-skip{min-height:var(--gusta-target)}}.ss-skip input{margin:0}.mlens{width:100%;margin-top:6px;display:flex}.mlens .lens-seg{min-height:44px;font-size:var(--text-sm);flex:1 1 0;justify-content:center}:is(.app.focus-mode:has(.gusta-float) .getting-started,.app.focus-mode:has(.gusta-float) .gs-pill){right:calc(min(360px,100vw - 32px) + 32px)}.idea-window{width:440px}.idea-body{flex-direction:column;gap:10px;min-width:0;display:flex}.idea-line{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text);margin:0}.idea-note{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-dim);margin:0}.idea-error{font-size:var(--text-xs);color:var(--danger);margin:0}.idea-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.idea-sketch-wrap{gap:6px;min-width:0;display:flex}.idea-sketch-rows{font-size:var(--text-2xs);color:var(--text-dim);flex-direction:column;justify-content:space-around;display:flex}.idea-sketch{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);flex:1;min-width:0;height:112px}.tap-panel .idea-sketch{height:60px}.idea-sketch-bar{stroke:var(--border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.idea-sketch-beat{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke}.idea-sketch-note{fill:var(--text-dim)}.idea-sketch-bend{fill:none;stroke:var(--text);stroke-width:1px;opacity:.55;vector-effect:non-scaling-stroke}.idea-sketch-head{stroke:var(--play);stroke-width:1.5px;vector-effect:non-scaling-stroke}.idea-knobs{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.idea-fields{flex-direction:column;gap:6px;margin-left:auto;display:flex}.idea-field{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:8px;display:flex}.idea-field>span{min-width:30px}.idea-chip{border-radius:var(--r-full);font-size:var(--text-sm);color:var(--text-dim);background:0 0;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px 5px 8px;display:inline-flex}.idea-chip.on{color:var(--text);background:var(--on-bg);border-color:var(--border-strong)}.idea-chip-led{background:var(--border-strong);border-radius:50%;width:6px;height:6px}.idea-chip.on .idea-chip-led{background:var(--select)}.idea-seg{border:1px solid var(--border);border-radius:var(--r-sm);display:inline-flex;overflow:hidden}.idea-seg button{font-size:var(--text-sm);color:var(--text-dim);background:0 0;border:0;border-radius:0;padding:5px 10px}.idea-seg button+button{border-left:1px solid var(--border)}.idea-seg button.on{color:var(--on-select);background:var(--select)}.idea-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.idea-card{text-align:left;border-radius:var(--r-md);background:var(--bg-raised);flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:8px 10px;display:flex}.idea-card.on{border-color:var(--select);box-shadow:inset 0 0 0 1px var(--select)}.idea-card-label{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.idea-card-chords{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.idea-card-roman{font-family:var(--font-readout);font-size:var(--text-xs);color:var(--text-dim)}.idea-card-fit{font-size:var(--text-2xs);color:var(--text-dim)}.tap-pads{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tap-pad{border-radius:var(--r-md);background:var(--bg-raised);touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:84px;display:flex}.tap-pad.lit{background:var(--on-bg);border-color:var(--select)}.tap-pad-name{font-size:var(--text-md);font-weight:var(--w-semibold)}.tap-pad-key{font-family:var(--font-readout);font-size:var(--text-2xs);border:1px solid var(--border);border-radius:var(--r-xs);color:var(--text-dim);padding:1px 5px}@media (hover:none) and (pointer:coarse){.tap-pad-key{display:none}}.idea-actions{flex-wrap:wrap;align-items:center;gap:6px;padding-top:2px;display:flex}.idea-actions button{align-items:center;gap:5px;display:inline-flex}.idea-actions .primary{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent-fill)}.idea-spacer{flex:1}.idea-doors{flex-direction:column;gap:8px;display:flex}.idea-door{text-align:left;border-radius:var(--r-md);background:var(--bg-raised);align-items:center;gap:12px;min-height:56px;padding:10px 12px;display:flex}.idea-door-text{font-size:var(--text-xs);color:var(--text-dim);flex-direction:column;gap:2px;display:flex}.idea-door-text strong{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--text)}.notice-stack.idea-busy{bottom:92px}@media (hover:hover){.idea-card:hover:not(:disabled),.tap-pad:hover:not(:disabled),.idea-door:hover:not(:disabled){background:var(--bg-hover)}}@media (width<=600px),(height<=500px) and (pointer:coarse){.idea-sheet .tap-pad{height:96px}.idea-sheet .idea-cards{grid-template-columns:1fr}.idea-sheet .idea-fields{margin-left:0}.notice-stack.idea-busy{bottom:calc(var(--mchrome-b) + 58px)}}.idea-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.idea-knob-name{font-size:var(--text-2xs);color:var(--text-dim)}.tap-progress{border-radius:var(--r-full);background:var(--bg-raised);height:4px;overflow:hidden}.tap-progress>span{background:var(--rec);transform-origin:0;height:100%;animation:linear forwards tap-progress;display:block}@keyframes tap-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.versions-panel{z-index:var(--z-float);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(420px,100vw - 24px);max-height:calc(100dvh - 160px);color:var(--text);box-shadow:var(--shadow-3);animation:vs-rise var(--dur-base) var(--ease-out);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex;position:fixed;top:104px;right:12px;overflow:auto}@keyframes vs-rise{0%{opacity:0;transform:translateY(-6px)}}.vs-head{align-items:center;gap:8px;display:flex}.vs-head h2{font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);flex:1;margin:0}.vs-close{color:var(--text-dim);background:0 0;border:none;padding:6px;line-height:0;display:inline-flex}.vs-close:hover:not(:disabled){color:var(--text)}.vs-sub,.vs-foot,.vs-empty{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text-dim);margin:0}.vs-sub strong{color:var(--text);font-weight:var(--w-semibold)}.vs-foot{font-size:var(--text-xs);color:var(--text-muted)}.vs-keep{gap:8px;display:flex}.vs-name{min-width:0;font-size:var(--text-md);flex:1}.vs-keep-btn{background:var(--accent-fill);color:var(--on-accent);font-weight:var(--w-semibold);border-color:#0000;flex:none;align-items:center;gap:6px;display:inline-flex}.vs-keep-btn:hover:not(:disabled){filter:brightness(1.05);border-color:#0000}.vs-error{border:1px solid var(--danger);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--text);margin:0;padding:8px 10px}.vs-back{color:var(--text-dim);font-size:var(--text-sm);background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:3px 8px 3px 4px;display:inline-flex}.vs-back svg{transform:scaleX(-1)}.vs-back:hover:not(:disabled){color:var(--text)}.vs-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.vs-row{border-radius:var(--r-md);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 6px 6px 4px;display:grid}@media (hover:hover){.vs-row:hover{background:var(--bg-hover)}}.vs-row.is-hearing{border-color:var(--accent);background:var(--accent-soft)}.vs-thumb{border-radius:var(--r-xs);background:var(--bg);display:block}.vs-thumb rect{fill:var(--tc-ink)}.vs-row-body{flex-direction:column;gap:2px;min-width:0;display:flex}.vs-label{font-size:var(--text-md);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;display:flex;overflow:hidden}.vs-row.is-named .vs-label{font-weight:var(--w-semibold)}.vs-gusta{color:var(--gusta);flex:none;display:inline-flex}.vs-meta{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vs-ab{font-size:var(--text-sm);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.vs-ab[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.vs-more{color:var(--text-dim);background:0 0;border:none;padding:4px;line-height:0;display:inline-flex}.vs-more:hover:not(:disabled){color:var(--text)}.context-menu .menu-item:has(.vs-menu-hint){white-space:nowrap}.vs-menu-hint{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto;padding-left:12px}.vs-rename{grid-column:2/-1;gap:6px;min-width:0;display:flex}.vs-rename input{flex:1;min-width:0}.vs-others{border-top:1px solid var(--hairline);flex-direction:column;gap:2px;padding-top:8px;display:flex}.vs-others h3{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin:0 0 4px}.vs-other{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 8px;display:flex}@media (hover:hover){.vs-other:hover{background:var(--bg-hover)}}.vs-other-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vs-other-meta{font-size:var(--text-xs);color:var(--text-dim);flex:none}.vs-hearing{border:1px solid var(--accent);border-radius:var(--r-full);background:var(--bg-raised);font-size:var(--text-sm);align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.vs-hearing.is-floating{z-index:var(--z-float);box-shadow:var(--shadow-2);white-space:nowrap;position:fixed;bottom:52px;left:50%;translate:-50%}.vs-hearing-text{font-weight:var(--w-medium);flex:1;align-items:center;gap:8px;display:inline-flex}.vs-hearing-dot{background:var(--accent-fill);border-radius:50%;width:8px;height:8px}.vs-seg{border:1px solid var(--border);border-radius:var(--r-full);background:var(--bg);padding:2px;display:inline-flex}.vs-seg button{border-radius:var(--r-full);color:var(--text-dim);font-size:var(--text-sm);background:0 0;border:none;padding:3px 10px}.vs-seg button[aria-checked=true]{background:var(--select);color:var(--on-select)}.vs-hearing-stop{color:var(--text-dim);background:0 0;border:none;border-radius:50%;padding:5px;line-height:0;display:inline-flex}.vs-hearing-stop:hover:not(:disabled){color:var(--text)}@media (pointer:coarse){.vs-ab,.vs-more,.vs-close,.vs-hearing-stop,.vs-seg button,.vs-keep-btn,.vs-other{min-height:40px}.vs-more,.vs-close,.vs-hearing-stop{justify-content:center;align-items:center;min-width:40px}.vs-name{min-height:40px}.vs-meta{white-space:normal}}@media (width<=600px),(height<=500px) and (pointer:coarse){.versions-panel{width:100%;max-height:74dvh;padding:14px 16px calc(12px + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;overscroll-behavior:contain;border-bottom:none;animation-name:vs-sheet;inset:auto 0 0}.versions-panel[data-sheet-snap=half]{max-height:42dvh}.versions-panel>.sheet-grip{z-index:var(--z-raise);background:var(--bg-panel);border-radius:0 0 var(--r-sm) var(--r-sm);margin:-14px auto -6px;position:sticky;top:0}.versions-panel .vs-head{touch-action:none}@keyframes vs-sheet{0%{opacity:0;transform:translateY(24px)}}.vs-keep{flex-wrap:wrap}.vs-keep-btn{flex:1 0 100%;justify-content:center}.vs-row{gap:8px}.vs-label,.vs-meta{white-space:normal}.vs-hearing.is-floating{bottom:calc(var(--mchrome-b) + 20px);max-width:calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px)}.vs-hearing-text{text-overflow:ellipsis;overflow:hidden}}.fin-scrim{z-index:var(--z-modal);background:var(--scrim);animation:fin-fade var(--dur-base) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}@keyframes fin-fade{0%{opacity:0}}.finish-sheet{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(780px,100%);height:min(780px,100dvh - 32px);color:var(--text);box-shadow:var(--shadow-3);animation:fin-rise var(--dur-slow) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes fin-rise{0%{opacity:0;transform:translateY(12px)}}.fin-head{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:10px 12px;padding:14px 18px 0;display:grid}.fin-head h2{min-width:0;font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);align-items:center;gap:8px;margin:0;display:flex}.fin-song{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--w-regular);color:var(--text-dim);overflow:hidden}.fin-close{width:32px;height:32px;color:var(--text-dim);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.fin-close:hover:not(:disabled){color:var(--text)}.fin-readout{grid-column:1/-1;align-items:center;gap:8px;min-width:0;display:flex}.fin-led{justify-content:flex-end;align-items:baseline;gap:6px;min-width:108px;display:inline-flex}.fin-led-value{font-size:var(--text-lg)}.fin-led .led-label{text-transform:none}.fin-led.dim{opacity:.5}.fin-led.hot .fin-led-value{color:var(--meter-clip);text-shadow:none}.fin-status{min-width:0;font-size:var(--text-xs);color:var(--text-dim);flex-direction:column;flex:1;gap:4px;display:flex}.fin-phase{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fin-link{color:var(--text);text-underline-offset:2px;font-size:var(--text-xs);background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.fin-progress{border-radius:var(--r-full);background:var(--surface-2);width:min(220px,100%);height:4px;display:block;overflow:hidden}.fin-progress.wide{flex:1;width:auto;min-width:80px}.fin-progress>span{background:var(--accent-fill);height:100%;transition:width var(--dur-base) var(--ease-out);display:block}.fin-error{color:var(--danger)}.fin-tabs{grid-column:1/-1;gap:2px;margin-top:2px;display:flex}.fin-tabs [role=tab]{border-radius:var(--r-sm) var(--r-sm) 0 0;color:var(--text-dim);font-weight:var(--w-medium);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.fin-tabs [role=tab]:hover:not(:disabled){color:var(--text)}.fin-tabs [role=tab].on{color:var(--text);border-bottom-color:var(--text);background:var(--on-bg)}.fin-count{border-radius:var(--r-full);background:var(--select);min-width:18px;color:var(--on-select);font-size:var(--text-2xs);text-align:center;padding:0 5px;line-height:16px}.fin-body{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 18px 20px;overflow:auto}.fin-section{margin-bottom:20px}.fin-section h3{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}.fin-note{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-dim);margin:6px 0}.fin-ok{font-size:var(--text-sm);color:var(--text);align-items:center;gap:8px;margin:8px 0;display:flex}.fin-ok .icon{color:var(--success)}.fin-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.fin-row>button,.fin-more>button{align-items:center;gap:6px;display:inline-flex}.fin-primary{background:var(--accent-fill);color:var(--on-accent);font-weight:var(--w-semibold);border-color:#0000}.fin-primary:hover:not(:disabled,[aria-disabled=true]){border-color:#0000}@media (hover:hover){.fin-primary:hover:not(:disabled,[aria-disabled=true]){background:color-mix(in oklch, var(--accent-fill) 88%, var(--text))}}.fin-ready{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text);margin:8px 0 0}.fin-folded{font-size:var(--text-sm);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;display:flex}.fin-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fin-style{border-radius:var(--r-md);text-align:left;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.fin-style.on{border-color:var(--border-strong);background:var(--on-bg)}.fin-style-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.fin-style-name{font-weight:var(--w-semibold)}.fin-style-hear{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-dim)}.fin-glyph{fill:none;width:64px;height:22px;stroke:var(--text-faint);stroke-width:1.5px;flex:none}.fin-glyph .fin-glyph-axis{stroke:var(--hairline);stroke-width:1px}.fin-style.on .fin-glyph polyline{stroke:var(--text)}.fin-knobs{flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.fin-knob{flex-direction:column;align-items:center;gap:2px;min-width:56px;display:flex}.fin-knob-label{font-size:var(--text-2xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--text-dim)}.fin-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fin-chips>button.on,.fin-custom.on input{border-color:var(--border-strong);background:var(--on-bg);color:var(--text)}.fin-chip-num{font-family:var(--mono);font-variant-numeric:tabular-nums}.fin-custom{align-items:center;gap:6px;display:inline-flex}.fin-custom input{width:72px;font-family:var(--mono)}.fin-unit{font-size:var(--text-xs);color:var(--text-dim)}.fin-check{font-size:var(--text-sm);align-items:center;gap:6px;margin-top:8px;display:inline-flex}.fin-more{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.fin-ab-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fin-play{justify-content:center;align-items:center;gap:6px;min-width:200px;display:inline-flex}.fin-seg{display:inline-flex}.fin-seg button{border-radius:0;align-items:center;gap:6px;display:inline-flex}.fin-seg button:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.fin-seg button+button{border-radius:0 var(--r-sm) var(--r-sm) 0;margin-left:-1px}.fin-seg button.on{background:var(--select);color:var(--on-select);border-color:var(--select)}.fin-seg-key{font-family:var(--mono);font-size:var(--text-2xs);opacity:.8}.fin-matched{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--led-bg);box-shadow:inset 0 1px 4px var(--led-inset);font-family:var(--mono);font-size:var(--text-2xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:color-mix(in oklch, var(--led-text) 35%, var(--led-bg));align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.fin-matched-dot{background:color-mix(in oklch, var(--led-text) 22%, var(--led-bg));border-radius:50%;width:7px;height:7px}.fin-matched.lit{color:var(--led-text);text-shadow:0 0 7px color-mix(in srgb, var(--led-text) 50%, transparent)}.fin-matched.lit .fin-matched-dot{background:var(--led-text);box-shadow:0 0 6px var(--led-text)}.fin-matched.pending .fin-matched-dot{animation:fin-blink var(--pulse-breathe) steps(2, jump-none) infinite;background:var(--led-text)}@keyframes fin-blink{50%{opacity:.2}}.fin-list{border-top:1px solid var(--hairline);margin:8px 0;padding:0;list-style:none}.fin-item{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:9px 0;display:flex}.fin-item.sev-problem>.fin-measured,.fin-item.sev-problem>.fin-item-body>strong{color:var(--danger)}.fin-item.sev-warning>.fin-measured,.fin-item.sev-warning>.fin-item-body>strong{color:var(--warn)}.fin-item-body{min-width:0;font-size:var(--text-sm);line-height:var(--lh-body);flex-direction:column;flex:1;gap:2px;display:flex}.fin-item-body>span{font-size:var(--text-xs);color:var(--text-dim)}.fin-measured{min-width:76px;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--text);flex:none}.fin-fix{white-space:normal;text-align:left;flex:none;max-width:48%}.fin-applied{font-size:var(--text-xs);color:var(--text-dim);flex:none}.fin-rename{flex:none;gap:6px;display:inline-flex}.fin-rename input{width:160px}.fin-tracks,.fin-moves{gap:2px;margin:10px 0 0;padding:0;list-style:none;display:grid}.fin-tracks li,.fin-moves li{min-height:30px;font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.fin-tracks li:before{content:"";border-radius:var(--r-full);background:var(--tc-ink);align-self:stretch;width:3px;margin:5px 0}.fin-track-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.fin-track-num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text-dim)}.fin-track-role{width:48px;font-size:var(--text-xs);color:var(--text-faint)}.fin-star{width:28px;height:28px;color:var(--text-faint);background:0 0;border-color:#0000;place-items:center;padding:0;display:grid}.fin-star.on{color:var(--text)}.fin-star.on path{fill:currentColor}.fin-move{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--text-xs);color:var(--text)}@media (pointer:coarse){.fin-tabs [role=tab]{min-height:44px}.fin-chips>button,.fin-row>button,.fin-more>button,.fin-seg button,.fin-fix{min-height:40px}.fin-star{width:40px;height:40px}.fin-close{width:var(--gusta-target);height:var(--gusta-target)}.fin-play{min-height:var(--gusta-target)}}@media (width<=600px),(height<=500px) and (pointer:coarse){.fin-scrim{padding:max(8px, env(safe-area-inset-top)) env(safe-area-inset-right) 0 env(safe-area-inset-left);touch-action:none;overscroll-behavior:contain;place-items:stretch stretch}.finish-sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;height:100%;padding-bottom:env(safe-area-inset-bottom);border:0}.fin-head{touch-action:none;gap:8px;padding:0 12px}.fin-body{overscroll-behavior:contain}.fin-led{min-width:0;padding:3px 6px}.fin-led-value{font-size:var(--text-md)}.fin-tabs [role=tab]{flex:1;justify-content:center}.fin-body{padding:12px 12px 24px}.fin-styles{grid-template-columns:1fr}.fin-play{flex:100%;min-width:0}.fin-item{flex-wrap:wrap}.fin-list .fin-item-body{flex:100%}.fin-fix{max-width:none}.fin-measured{min-width:0}.fin-rename,.fin-rename input{width:100%}}.pr-lyrics .lyr-scroll{overscroll-behavior:contain;max-height:220px;overflow-y:auto}.lyr-edit{max-width:640px;min-height:64px;font-family:var(--sans);font-size:var(--text-md);line-height:var(--lh-body);display:grid}.lyr-edit>textarea,.lyr-mirror{padding:var(--sp-4) 52px var(--sp-4) var(--sp-4);border-radius:var(--r-sm);font:inherit;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:4;border:1px solid #0000;grid-area:1/1;margin:0}.lyr-edit>textarea{resize:none;width:100%;height:100%;min-height:64px;color:var(--text);background:var(--bg);border-color:var(--border);overflow:hidden}.lyr-edit>textarea:focus{border-color:var(--border-strong)}.lyr-mirror{pointer-events:none;color:#0000;position:relative}.lyr-mline{position:relative}.lyr-count{text-align:right;width:36px;font-family:var(--mono);font-size:var(--text-xs);line-height:calc(var(--text-md) * var(--lh-body));font-variant-numeric:tabular-nums;color:var(--text-dim);pointer-events:auto;cursor:default;position:absolute;top:0;right:-46px}.lyr-count.off{color:var(--text);font-weight:var(--w-semibold)}.lyr-count.off:before{content:"";vertical-align:1px;background:var(--warn);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.lyr-foot{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.lyr-status{font-size:var(--text-xs);color:var(--text-dim);flex:220px}.lyr-foot .piano-roll-loop{align-items:center;gap:4px;display:inline-flex}.lyr-prompt{padding:var(--sp-6) var(--sp-4);overscroll-behavior:contain;gap:var(--sp-3);max-height:200px;font-size:var(--text-lg);line-height:var(--lh-ui);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.lyr-prompt li{transition:opacity var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out)}.lyr-prompt[data-lit=true] li[data-state=past]{opacity:.4}.lyr-prompt[data-lit=true] li[data-state=current]{font-size:var(--text-xl);font-weight:var(--w-semibold);color:var(--text)}.lyr-prompt[data-lit=true] li[data-state=current]:not([data-singing]),.lyr-prompt[data-lit=true] li[data-state=next],.lyr-prompt[data-lit=true] li[data-state=later]{color:var(--text-dim)}.lyr-prompt[data-lit=true] li[data-state=later]{opacity:.6}.lyr-ptext{display:inline-block;position:relative}.lyr-progress,.prompter-progress{border-radius:var(--r-full);background:var(--accent);transform-origin:0;visibility:hidden;height:2px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.lyr-prompt li[data-state=current] .lyr-progress{visibility:visible}.prompter{height:var(--app-h,100dvh);z-index:var(--z-drawer);color:var(--text);background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;inset:0}.prompter-head{align-items:center;gap:var(--sp-6);padding:var(--sp-5) var(--sp-8);border-bottom:1px solid var(--border);display:flex}.prompter-where{font-size:var(--text-sm);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--text-dim)}.prompter-rec{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--rec);align-items:center;gap:6px;display:inline-flex}.prompter-rec:before{content:"";background:var(--rec);border-radius:50%;width:8px;height:8px}.prompter-auto{align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-dim);margin-left:auto;display:inline-flex}.prompter-close{min-width:var(--control-lg);min-height:var(--control-lg);justify-content:center;align-items:center;padding:0;display:inline-flex}.prompter-body{min-height:0;padding:var(--sp-8) var(--sp-16);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.prompter-lines{width:100%;max-width:1100px;font-size:var(--text-xl);line-height:var(--lh-ui);flex-direction:column;gap:.45em;margin:0;padding:0;list-style:none;display:flex}.prompter-lines li{overflow-wrap:break-word;transition:color var(--dur-base) var(--ease-out)}.prompter-lines li[data-state=past]{color:var(--text-dim);opacity:.45;font-size:1.3em}.prompter-lines li[data-state=current]{font-size:2.6em;font-weight:var(--w-bold);color:var(--text)}.prompter-lines li[data-state=current]:not([data-singing]){color:var(--text-dim)}.prompter-lines li[data-state=next]{color:var(--text-dim);font-size:1.6em}.prompter-lines li[data-state=later]{color:var(--text-dim);opacity:.6;font-size:1.3em}.prompter-lines li[data-state=end]{color:var(--text-dim);font-size:1.2em}.prompter-text{display:inline-block;position:relative}.prompter-progress{visibility:visible;height:4px;bottom:-.08em}.prompter-plain{width:100%;max-width:900px;max-height:100%;overflow-y:auto}.prompter-plain-lines{font-size:var(--text-xl);line-height:var(--lh-ui);flex-direction:column;gap:.4em;margin:0;padding:0;list-style:none;display:flex}.prompter-plain-lines li{font-size:1.4em}.prompter-note{max-width:900px;margin:0 0 var(--sp-8);font-size:var(--text-md);color:var(--text-dim)}.prompter-foot{padding:var(--sp-6) var(--sp-8) var(--sp-8);justify-content:center;display:flex}.prompter-finish,.prompter-play{align-items:center;gap:var(--sp-3);min-height:44px;padding:0 var(--sp-12);font-size:var(--text-lg);font-weight:var(--w-semibold);display:inline-flex}.prompter-finish{color:var(--on-danger);background:var(--rec);border-color:var(--rec)}@media (width<=720px){.prompter-body{padding:var(--sp-6)}.prompter-lines li[data-state=current]{font-size:1.7em}.prompter-lines li[data-state=next]{font-size:1.25em}.prompter-lines li[data-state=past],.prompter-lines li[data-state=later]{font-size:1.05em}.prompter-auto{font-size:var(--text-xs)}}@media (height<=540px){.prompter-lines li[data-state=current]{font-size:1.8em}.prompter-lines li[data-state=later]{display:none}.prompter-foot{padding:var(--sp-3)}}.song-sheet-host{height:var(--app-h,100dvh);z-index:var(--z-overlay);overscroll-behavior:contain;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;position:fixed;inset:0;overflow-y:auto}.sheet-toolbar{z-index:var(--z-sticky);align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-8);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;top:0}.sheet-toolbar-note{font-size:var(--text-sm);color:var(--text-dim);flex:220px}.sheet-close,.sheet-print{align-items:center;gap:6px;display:inline-flex}.sheet-print{font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill)}.sheet-page{max-width:780px;margin:var(--sp-12) auto var(--sp-16);font-family:var(--sans);font-size:var(--text-lg);line-height:var(--lh-ui);color:var(--sheet-ink);background:var(--sheet-paper);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-2);padding:40px 48px 48px}.sheet-head{margin-bottom:var(--sp-10);padding-bottom:var(--sp-6);border-bottom:2px solid var(--sheet-ink)}.sheet-title{font-size:2em;font-weight:var(--w-bold);line-height:var(--lh-tight);overflow-wrap:break-word;margin:0}.sheet-by{margin:var(--sp-3) 0 0;font-size:var(--text-lg);color:var(--sheet-dim)}.sheet-meta{gap:var(--sp-2) var(--sp-10);margin:var(--sp-6) 0 0;font-size:var(--text-md);flex-wrap:wrap;display:flex}.sheet-meta b{font-size:var(--text-2xs);font-weight:var(--w-semibold);text-transform:uppercase;letter-spacing:var(--track-caps);color:var(--sheet-dim);margin-right:4px}.sheet-source{margin:var(--sp-3) 0 0;font-size:var(--text-sm);color:var(--sheet-dim)}.sheet-section{margin:0 0 var(--sp-10)}.sheet-sec-head{align-items:baseline;gap:var(--sp-5);margin:0 0 var(--sp-4);font-size:var(--text-md);font-weight:var(--w-regular);break-after:avoid;display:flex}.sheet-sec-name{font-weight:var(--w-bold);text-transform:uppercase;letter-spacing:var(--track-caps)}.sheet-sec-bars{font-size:var(--text-xs);color:var(--sheet-dim)}.sheet-bars{max-width:560px;margin:0 0 var(--sp-5);border-left:1px solid var(--sheet-rule);break-inside:avoid;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sheet-bar{align-items:baseline;gap:2px var(--sp-4);min-height:1.9em;padding:var(--sp-2) var(--sp-4);border-right:1px solid var(--sheet-rule);flex-wrap:wrap;display:flex}.sheet-nc{color:var(--sheet-dim)}.sheet-line{margin:0 0 var(--sp-6);font-size:var(--text-lg);line-height:var(--lh-ui);break-inside:avoid;flex-wrap:wrap;align-items:flex-end;display:flex}.sheet-seg{flex-direction:column;max-width:100%;display:inline-flex}.sheet-chords{gap:6px;min-height:1.35em;padding-right:.6em;display:flex}.sheet-words{white-space:pre-wrap;cursor:text}.sheet-text .sheet-words{display:inline}.sheet-chord{font-family:var(--mono);font-size:var(--text-md);font-weight:var(--w-bold);color:var(--sheet-ink);border-radius:var(--r-xs);background:0 0;border:0;padding:0;line-height:1.35}.sheet-chord.held{font-weight:var(--w-regular);color:var(--sheet-dim)}.sheet-line-edit{margin-left:var(--sp-5);font-size:var(--text-xs);color:var(--text-dim);opacity:0;align-self:flex-end;padding:1px 6px}.sheet-line:focus-within .sheet-line-edit{opacity:1}@media (hover:hover){.sheet-line:hover .sheet-line-edit{opacity:1}.sheet-chord:hover,.sheet-words:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}}@media (pointer:coarse){.sheet-line-edit{opacity:.6}}.sheet-inline{font:inherit;color:inherit;border-radius:var(--r-xs);background:0 0;border:0;padding:0}.sheet-inline.placeholder{color:var(--sheet-dim);font-style:italic}.sheet-input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-xs);padding:1px 6px}.sheet-line.editing{display:block}.sheet-line-input{width:100%}.sheet-chord-input{font-family:var(--mono);font-size:var(--text-md);font-weight:var(--w-bold)}.sheet-note,.sheet-empty{margin:var(--sp-3) 0 0;font-size:var(--text-sm);color:var(--sheet-dim)}@media screen{.sheet-chord.edited,.sheet-line.edited .sheet-words{-webkit-text-decoration:underline dotted var(--accent);text-decoration:underline dotted var(--accent);text-underline-offset:3px}.sheet-chord.invalid{-webkit-text-decoration:underline wavy var(--danger);text-decoration:underline wavy var(--danger);text-underline-offset:3px}}.sheet-legend{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--sheet-rule);break-inside:avoid}.sheet-legend ul{gap:var(--sp-6) var(--sp-8);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0;padding:0;list-style:none;display:grid}.sheet-legend-item{align-items:center;gap:var(--sp-5);display:flex}.sheet-legend-text{flex-direction:column;gap:1px;display:flex}.sheet-legend-symbol{font-family:var(--mono);font-size:var(--text-md);font-weight:var(--w-bold)}.sheet-legend-roman,.sheet-legend-notes{font-size:var(--text-xs);color:var(--sheet-dim)}.sheet-keys{flex:none}.kb-white{fill:var(--sheet-paper);stroke:var(--sheet-ink);stroke-width:1px}.kb-black,.kb-dot{fill:var(--sheet-ink)}.kb-dot.on-black{fill:var(--sheet-paper)}@media (width<=720px){.sheet-toolbar{padding:var(--sp-4)}.sheet-toolbar-note{flex-basis:100%;order:10}.sheet-page{padding:var(--sp-10) var(--sp-8) var(--sp-16);box-shadow:none;border:0;border-radius:0;margin:0}.sheet-title{font-size:1.6em}}@media print{@page{margin:14mm 15mm}html:has(.song-sheet-host){background:var(--sheet-paper)!important;height:auto!important;overflow:visible!important}html:has(.song-sheet-host) body{background:var(--sheet-paper)!important;height:auto!important;overflow:visible!important}body:has(>.song-sheet-host)>:not(.song-sheet-host){display:none!important}.song-sheet-host{background:var(--sheet-paper);height:auto;padding:0;position:static;overflow:visible}.sheet-toolbar,.sheet-line-edit,.sheet-screen-only,.sheet-by.empty{display:none!important}.sheet-page{max-width:none;box-shadow:none;border:0;border-radius:0;margin:0;padding:0}}.clip-link-badge,.clip-breathe-badge{vertical-align:-1px;font-family:var(--font-readout);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;opacity:.9;align-items:center;gap:1px;margin-right:3px;display:inline-flex}.clip[data-link-lit]:not(.selected){outline:1px solid color-mix(in srgb, var(--select) 60%, transparent);outline-offset:1px}.clip[data-link-lit] .clip-link-badge,.clip.selected .clip-link-badge{color:var(--on-select);background:var(--select);border-radius:var(--r-full);opacity:1;padding:0 3px}@media (hover:hover){.clip:hover .clip-link-badge{color:var(--on-select);background:var(--select);border-radius:var(--r-full);opacity:1;padding:0 3px}}.launch-overlay{z-index:var(--z-sticky);background:color-mix(in oklab, var(--bg) 70%, transparent);position:absolute;inset:0}.launch-btn{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--tc-ink);background:color-mix(in oklab, var(--tc-ink) 18%, var(--bg-raised));border:1px solid color-mix(in oklab, var(--tc-ink) 55%, transparent);border-radius:var(--r-sm);cursor:pointer;touch-action:manipulation;align-items:center;gap:4px;padding:0 6px;display:flex;position:absolute;top:2px;bottom:2px;overflow:hidden}.launch-btn.playing{color:var(--on-accent);background:var(--accent-fill);border-color:var(--accent-fill)}.launch-btn.queued{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);animation:launch-queued var(--pulse-breathe,2s) var(--ease-in-out) infinite}@keyframes launch-queued{50%{background:color-mix(in oklab, var(--accent) 22%, var(--bg-raised))}}.launch-next{font-size:var(--text-2xs);font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent-fill);border-radius:var(--r-xs);padding:0 4px}.launch-key{font-family:var(--font-readout);font-size:var(--text-2xs);opacity:.7;border-radius:var(--r-xs);border:1px solid;margin-left:auto;padding:0 3px}@media (hover:hover){.launch-btn:hover{filter:brightness(1.08)}}@media (hover:none){.launch-key{display:none}}.live-bar{z-index:var(--z-float);max-width:calc(100vw - 32px);font-size:var(--text-sm);color:var(--text);background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:44px;left:50%;transform:translate(-50%)}.live-bar.phone{gap:6px;width:calc(100vw - 16px);bottom:auto}.live-now{font-weight:var(--w-semibold);align-items:center;gap:6px;display:inline-flex}.live-next{font-weight:var(--w-regular);color:var(--text-dim)}.live-dot{background:var(--accent-fill);width:8px;height:8px;animation:launch-queued var(--pulse-breathe,2s) var(--ease-in-out) infinite;border-radius:50%}.live-tracks{flex-wrap:wrap;gap:4px;display:flex}.live-track{min-height:var(--control-sm);font-size:var(--text-xs);color:var(--text);background:color-mix(in oklab, var(--tc-ink) 16%, var(--bg-raised));border:1px solid color-mix(in oklab, var(--tc-ink) 50%, transparent);border-radius:var(--r-full);cursor:pointer;padding:2px 8px}.live-track.off{color:var(--text-faint);background:0 0;border-style:dashed;text-decoration:line-through}.live-stop,.live-again,.live-discard{min-height:var(--control-sm);font-size:var(--text-xs);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.live-order{font-weight:var(--w-medium)}.live-print{min-height:var(--control-sm);font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent-fill);border:1px solid var(--accent-fill);border-radius:var(--r-sm);cursor:pointer;padding:2px 14px}.arrange-corner{flex-shrink:0;gap:2px;margin-right:6px;display:inline-flex}.arrange-corner-btn{font-size:var(--text-2xs);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;background:0 0;align-items:center;gap:3px;padding:1px 6px;display:inline-flex}.arrange-corner-btn.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.arrange-sheet-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.arrange-sheet-actions>button{min-height:var(--control-lg);font-size:var(--text-sm);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-md);justify-content:center;align-items:center;gap:6px;display:flex}.grow-nudge{z-index:var(--z-raise);white-space:nowrap;font-size:var(--text-2xs);color:var(--text-dim);background:var(--bg-raised);border:1px dashed var(--border-strong);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:4px;padding:0 8px;display:inline-flex;position:absolute;top:2px;bottom:2px;transform:translate(-100%)}.grow-nudge.after{transform:none}@media (hover:hover){.arrange-corner-btn:hover,.grow-nudge:hover{color:var(--text);border-color:var(--text-dim)}}.grow-window{width:min(560px,100vw - 32px)}.grow-title{align-items:center;gap:6px;display:inline-flex}.grow-body{flex-direction:column;gap:10px;padding:4px 2px 2px;display:flex}.grow-note{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--text-dim);margin:0}.grow-forms{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.grow-form{text-align:left;font-size:var(--text-sm);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;display:flex}.grow-form span{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim)}.grow-form.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.grow-form.on span{color:inherit}.grow-strip{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);flex-direction:column;gap:4px;padding:6px;display:flex;position:relative}.grow-arc{border-bottom:1px solid var(--hairline);height:56px;margin-left:64px;position:relative}.grow-block{font-size:var(--text-2xs);color:var(--tc-ink);background:color-mix(in oklab, var(--tc-ink) 24%, transparent);border:1px solid color-mix(in oklab, var(--tc-ink) 50%, transparent);border-radius:var(--r-xs) var(--r-xs) 0 0;border-bottom:0;align-items:flex-end;padding:0 3px 2px;display:flex;position:absolute;bottom:0;overflow:hidden}.grow-block span{white-space:nowrap}.grow-rows{flex-direction:column;gap:2px;display:flex}.grow-row{align-items:center;height:12px;display:flex}.grow-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);color:var(--text-dim);flex:0 0 64px;padding-right:6px;overflow:hidden}.grow-row-cells{flex:1;height:100%;position:relative}.grow-cell{border-left:1px solid var(--bg);background:var(--hairline);position:absolute;top:2px;bottom:2px}.grow-cell.on{background:var(--tc-ink);opacity:.8}.grow-cell.on.ride{background:linear-gradient(to right, color-mix(in oklab, var(--tc-ink) 25%, transparent), var(--tc-ink))}.grow-head{background:var(--play);pointer-events:none;width:2px;position:absolute;top:6px;bottom:6px;left:70px}.grow-link{font-size:var(--text-xs);color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.grow-actions{justify-content:flex-end;gap:6px;display:flex}.grow-listen,.grow-cancel{min-height:var(--control-md);font-size:var(--text-sm);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:4px;padding:2px 12px;display:inline-flex}.grow-listen.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.grow-go{min-height:var(--control-md);font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--on-accent);background:var(--accent-fill);border:1px solid var(--accent-fill);border-radius:var(--r-sm);cursor:pointer;align-items:center;gap:5px;padding:2px 14px;display:inline-flex}.grow-go:disabled,.grow-listen:disabled{opacity:.4;cursor:default}.memo-flag{z-index:var(--z-raise);width:16px;height:16px;color:var(--warn);cursor:pointer;background:0 0;border:0;align-items:flex-start;margin-left:-2px;padding:0;display:inline-flex;position:absolute;top:1px}.memo-flag.done{color:var(--text-faint)}@media (pointer:coarse){.memo-flag{justify-content:center;width:44px;height:44px;margin-left:-18px}}.memo-edit textarea{box-sizing:border-box;width:min(280px,70vw);font:inherit;font-size:var(--text-sm);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);resize:vertical;padding:6px;display:block}.memo-edit-actions{justify-content:space-between;gap:6px;padding:4px 6px;display:flex}.memo-save{font-weight:var(--w-semibold)}.pr-die rect{fill:none;stroke:currentColor;stroke-width:1.1px}.pr-die circle{fill:currentColor}.pr-die.always{opacity:.45}.pr-chance-lane{cursor:ns-resize}.pr-chance-note{pointer-events:none;width:12px;color:var(--text-faint);position:absolute;top:0;bottom:0}.pr-chance-note.conditional{color:var(--tc-ink)}.pr-chance-die{display:flex;position:absolute;left:0}.pr-chance-bar{border-radius:var(--r-xs);opacity:.55;background:currentColor;width:4px;position:absolute;left:4px}.pr-chance-every{font-family:var(--font-readout);font-size:var(--text-2xs);white-space:nowrap;position:absolute;left:13px}.pr-chance-passes{gap:1px;display:flex;position:absolute;left:0}.pr-chance-passes i{opacity:.6;border:1px solid;border-radius:50%;width:3px;height:3px}.pr-chance-passes i.on{opacity:1;background:currentColor}.pr-chance-tools button.on{color:var(--on-select);background:var(--select);border-color:var(--select)}.pr-chance-tools button{width:auto;min-width:16px;font-family:var(--font-readout);justify-content:center;align-items:center;display:inline-flex}.pr-lane-tabs{gap:1px}.pr-lane-tabs button{padding:1px 3px}.pr-lane-tabs button .pr-die{display:block}.pr-note.chance{outline:1px dashed color-mix(in oklab, var(--text) 45%, transparent);outline-offset:-1px}.pr-note-label{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:var(--text-2xs);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xs);pointer-events:none;padding:0 4px;line-height:1.4;position:absolute;bottom:100%;left:3px;overflow:hidden}.lesson-strip{z-index:var(--z-dock);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);width:440px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-2);animation:gs-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:6px;padding:10px 12px;display:flex;position:fixed;bottom:46px;right:16px}.lesson-strip.done{border-color:color-mix(in oklch, var(--success) 45%, var(--border))}.app:has(.panel.copilot) .lesson-strip{right:336px}.app:has(.experience-bubble) .lesson-strip{right:320px}.app.focus-mode:has(.gusta-float) .lesson-strip{right:calc(min(360px,100vw - 32px) + 32px)}.ls-row{align-items:center;gap:8px;display:flex}.ls-kicker{min-width:0;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;display:inline-flex;overflow:hidden}.ls-kicker>svg{color:var(--text-dim);flex:none}.ls-pips{gap:4px;display:inline-flex}.ls-pip{background:var(--border-strong);width:6px;height:6px;transition:background var(--dur-base) var(--ease-out);border-radius:50%}.ls-pip.met{background:var(--success)}.ls-pip.now:not(.met){box-shadow:inset 0 0 0 1.5px var(--text-dim);background:0 0}.ls-count{border-radius:var(--r-sm);color:var(--text-dim);font-family:var(--font-readout);font-size:var(--text-xs);background:0 0;border:1px solid #0000;padding:2px 6px}.ls-icon{border-radius:var(--r-sm);color:var(--text-dim);background:0 0;border:1px solid #0000;place-items:center;padding:3px;display:inline-grid}.ls-step{align-items:flex-start;gap:10px;display:flex}.ls-check{border:1.5px solid var(--border-strong);width:20px;height:20px;color:var(--on-success);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.ls-step.on .ls-check{background:var(--success);border-color:var(--success)}.ls-sentence{color:var(--text);font-size:var(--text-md);font-weight:var(--w-medium);line-height:var(--lh-body);margin:0}.lesson-paused .ls-sentence{color:var(--text-muted);font-weight:var(--w-regular)}.ls-hint{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--lh-body);margin:0 0 0 30px}.ls-actions{flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0 30px;display:flex}.lesson-paused .ls-actions{margin-left:0}.ls-btn{border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-panel);color:var(--text);font-size:var(--text-xs);font-weight:var(--w-medium);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.ls-gusta{border-color:color-mix(in oklch, var(--gusta) 55%, var(--border));color:var(--gusta);background:0 0}.ls-cost{color:var(--text-dim);font-weight:var(--w-regular)}.ls-next{margin-left:auto}.ls-peek>svg{transition:transform var(--dur-base) var(--ease-out)}.ls-peek.open>svg{transform:rotate(180deg)}.mtopbar-dock:empty{display:none}.ls-next.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);font-weight:var(--w-semibold)}.ls-menu-item{align-items:center;gap:8px;display:flex}.ls-menu-tick{width:16px;color:var(--text-dim);font-family:var(--font-readout);font-size:var(--text-2xs);place-items:center;display:inline-grid}.ls-menu-item .ls-menu-tick>svg{color:var(--success)}.ss-learn,.blank-learn{border-radius:var(--r-md);color:var(--text-muted);font-size:var(--text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:3px;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.ss-learn{width:100%;margin-top:12px;display:flex}.blank-learn{margin-top:12px}@media (hover:hover){.ls-btn:hover,.ls-count:hover,.ls-icon:hover{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.ls-gusta:hover{border-color:var(--gusta);background:var(--gusta-soft);color:var(--gusta)}.ls-next.primary:hover{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);filter:brightness(1.08)}.ss-learn:hover,.blank-learn:hover{color:var(--text);-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim)}}@media (pointer:coarse){.ls-btn{min-height:34px;padding:6px 12px}.ls-count,.ls-icon{min-width:34px;min-height:34px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.lesson-strip{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);gap:4px;width:auto;max-width:none;padding:8px 10px}.app:has(.panel.copilot) .lesson-strip{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);gap:4px;width:auto;max-width:none;padding:8px 10px}.app:has(.experience-bubble) .lesson-strip{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);gap:4px;width:auto;max-width:none;padding:8px 10px}.app:has(.msheet) .lesson-strip{display:none}.app:has(.msheet .mixer) .lesson-strip{top:calc(60px + env(safe-area-inset-top));display:flex;bottom:auto}.ls-sentence{font-size:var(--text-sm)}.ls-hint{font-size:var(--text-xs);margin-left:30px}.ls-actions{margin-left:0}.lesson-strip.compact{flex-flow:wrap;align-items:center;gap:6px 8px;padding:6px 6px 6px 10px}.lesson-strip.compact .ls-step{flex:200px;align-items:center;gap:8px;min-width:0}.lesson-strip.compact .ls-sentence{line-height:var(--lh-ui)}.lesson-strip.compact .ls-next{margin-left:auto}}@media (height<=500px) and (pointer:coarse){.lesson-strip{width:min(420px,52vw);left:auto}.app:has(.panel.copilot) .lesson-strip{width:min(420px,52vw);left:auto}.app:has(.experience-bubble) .lesson-strip{width:min(420px,52vw);left:auto}.mshell .mtopbar-dock{flex:auto;justify-content:flex-end;min-width:0;display:flex}.mtopbar .mtopbar-dock>.lesson-strip.compact.docked{width:auto;min-width:0;max-width:560px;height:38px;box-shadow:none;flex-wrap:nowrap;flex:auto;padding:1px 2px 1px 10px;position:static}.lesson-strip.compact.docked .ls-step{flex:auto}.lesson-strip.compact.docked .ls-check{width:18px;height:18px;margin-top:0}.lesson-strip.compact.docked .ls-sentence{font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-strip.compact.docked .ls-btn{min-height:32px}.app .lesson-strip.phone.peek.peek-land{top:calc(4px + env(safe-area-inset-top));right:calc(var(--mchrome-r) + 52px);max-height:calc(100% - 8px);bottom:auto;overflow-y:auto}}.ladder-card{z-index:var(--z-dock);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 180px);box-shadow:var(--shadow-2);animation:gs-in var(--dur-slow) var(--ease-out);padding:12px 14px 10px;position:fixed;bottom:46px;right:16px;overflow:auto}.ladder-top{align-items:center;gap:4px;display:flex}.ladder-kicker{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);flex:1;align-items:center;gap:6px;display:inline-flex}.ladder-last{font-size:var(--text-sm);color:var(--text-dim);margin:6px 0 0}.ladder-tonight{font-size:var(--text-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);color:var(--text);margin:4px 0 0}.ladder-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.ladder-show{background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--w-semibold);border-color:#0000;padding:5px 14px}@media (hover:hover){.ladder-show:hover:not(:disabled){filter:brightness(1.05);border-color:#0000}}.ladder-gusta{border-color:color-mix(in oklch, var(--gusta) 55%, var(--border));color:var(--gusta);font-size:var(--text-sm);font-weight:var(--w-medium);background:0 0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.ladder-cost{font-size:var(--text-2xs);font-weight:var(--w-regular);color:var(--text-dim)}@media (hover:hover){.ladder-gusta:hover:not(:disabled){border-color:var(--gusta);background:var(--gusta-soft)}}.ladder-rungs{margin:12px 0 0;padding:0;list-style:none;position:relative}.ladder-rungs:before,.ladder-rungs:after{content:"";border-radius:var(--r-full);background:var(--border-strong);width:2px;position:absolute;top:6px;bottom:6px}.ladder-rungs:before{left:4px}.ladder-rungs:after{left:32px}.ladder-rung-btn{z-index:var(--z-base);border-radius:var(--r-sm);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:4px 6px 4px 0;display:flex;position:relative}@media (hover:hover){.ladder-rung-btn:hover:not(:disabled){background:var(--bg-hover)}}.ladder-mark{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--bg-raised);width:30px;height:14px;color:var(--on-success);flex:none;place-items:center;margin-left:3px;display:grid}.is-done .ladder-mark,.is-skipped .ladder-mark{background:var(--success);border-color:#0000}.is-unknown .ladder-mark{border-style:dashed}.is-now .ladder-mark{background:var(--accent-fill);border-color:#0000}.is-picked .ladder-rung-btn{background:var(--on-bg)}.ladder-rung-body{flex-direction:column;min-width:0;display:flex}.ladder-rung-title{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text)}.is-done .ladder-rung-title,.is-skipped .ladder-rung-title{color:var(--text-dim);font-weight:var(--w-medium)}.ladder-rung-detail{font-size:var(--text-xs);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ladder-prompt{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);margin-top:10px;padding:8px 10px}.ladder-prompt-head{text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:0;display:flex}.ladder-prompt-kicker{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.ladder-prompt-title{font-size:var(--text-sm);font-weight:var(--w-semibold)}.ladder-foot{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:10px;padding-top:8px;display:flex}.ladder-foot .gs-dismiss{margin-left:auto}.ladder-link,.gs-link,.fc-note-open{color:var(--text-dim);font-size:var(--text-xs);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--text-dim) 50%, transparent);text-decoration-color:color-mix(in oklch, var(--text-dim) 50%, transparent);text-underline-offset:2px;background:0 0;border:none;padding:2px 0}.gs-link{color:var(--text);font-size:inherit;display:inline}@media (hover:hover){.ladder-link:hover:not(:disabled),.gs-link:hover:not(:disabled),.fc-note-open:hover:not(:disabled){color:var(--text);background:0 0}}.ladder-pill{z-index:var(--z-dock);border-radius:var(--r-full);border-color:var(--border-strong);background:var(--bg-panel);max-width:min(360px,100vw - 32px);box-shadow:var(--shadow-2);font-size:var(--text-xs);font-weight:var(--w-semibold);align-items:center;gap:6px;padding:6px 12px;display:inline-flex;position:fixed;bottom:46px;right:16px}.ladder-pill>svg{color:var(--text-dim);flex:none}.ladder-pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ladder-pill-count{font-family:var(--font-readout);color:var(--text-dim);flex:none}:is(.app:has(.panel.copilot) .ladder-card,.app:has(.panel.copilot) .ladder-pill){right:336px}:is(.app:has(.experience-bubble) .ladder-card,.app:has(.experience-bubble) .ladder-pill){right:320px}:is(.app.focus-mode:has(.gusta-float) .ladder-card,.app.focus-mode:has(.gusta-float) .ladder-pill){right:calc(min(360px,100vw - 32px) + 32px)}.app:has(.msheet) .ladder-pill{display:none}.prompt-checks{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.prompt-checks li{font-size:var(--text-sm);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;display:grid}.prompt-checks.compact{gap:3px;margin-top:6px}.prompt-checks.compact li{font-size:var(--text-xs)}.prompt-led{border:1px solid var(--border-strong);background:var(--bg);width:8px;height:8px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);border-radius:50%}.prompt-checks li.ok .prompt-led{background:var(--success);border-color:#0000}.prompt-check-measured{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:right}.wp-week{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.wp-brief{font-size:var(--text-md);line-height:var(--lh-body);margin:8px 0 0}.wp-met{font-size:var(--text-sm);color:var(--success);margin:8px 0 0}.wp-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.wp-take{background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-sm);font-weight:var(--w-semibold);border-color:#0000;padding:6px 14px}.wp-new{border-color:var(--border-strong);font-size:var(--text-sm);padding:6px 12px}.mood-toggle{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);flex:none;gap:2px;padding:2px;display:inline-flex}.mood-btn{border-radius:var(--r-sm);color:var(--text-dim);font-size:var(--text-sm);font-weight:var(--w-medium);background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.mood-btn.on{background:var(--select);color:var(--on-select)}@media (hover:hover){.mood-btn:hover:not(:disabled):not(.on){background:var(--bg-hover);color:var(--text)}}.mood-offer{z-index:var(--z-float);border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--bg-panel);width:max-content;max-width:calc(100vw - 24px);box-shadow:var(--shadow-2);animation:moment-in var(--dur-base) var(--ease-out);align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.mood-offer-text{flex-direction:column;gap:1px;min-width:0;display:flex}.mood-offer-title{font-size:var(--text-sm);font-weight:var(--w-semibold)}.mood-offer-sub{font-family:var(--font-readout);font-size:var(--text-2xs);color:var(--text-dim)}.ss-mood{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;display:flex}.ss-mood-label{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.ss-mood-hint{font-size:var(--text-xs);color:var(--text-dim)}.fc-scrim,.ym-scrim{z-index:var(--z-modal);background:var(--scrim);animation:ss-fade var(--dur-base) var(--ease-out);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fc-sheet{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(460px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-3);animation:ss-rise var(--dur-slow) var(--ease-out);padding:18px 20px 16px;overflow:auto}.fc-sheet.fc-first{width:min(640px,100%);padding:24px 26px 20px}.fc-head{flex-wrap:wrap;align-items:center;gap:2px 10px;display:flex}.fc-kicker{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.fc-head .ss-close{margin-left:auto}.fc-head h2{font-size:var(--text-xl);font-weight:var(--w-semibold);line-height:var(--lh-tight);overflow-wrap:anywhere;flex:1 0 100%;order:2;margin:0}.fc-first .fc-head h2{font-size:2em}.fc-receipt{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:6px;margin:6px 0 0;display:flex}.fc-receipt .icon{color:var(--success);flex:none}.arr-draw{width:100%;height:auto;margin:14px 0 12px;display:block;overflow:visible}.arr-rail{fill:var(--on-bg)}.arr-clip{fill:var(--tc-ink);opacity:.3}.arr-note,.arr-audio{fill:var(--tc-ink)}.arr-section line{stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:2 3}.arr-section text{fill:var(--text-dim);font-size:var(--text-2xs)}.arr-draw.animate .arr-lane{animation:arr-draw calc(var(--dur-slow) * 2.5) var(--ease-out) both}@keyframes arr-draw{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.fc-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.fc-tile{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.fc-tile-value{font-family:var(--font-readout);font-size:var(--text-xl);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums;line-height:var(--lh-tight)}.fc-first .fc-tile-value{font-size:2em}.fc-tile-label{font-size:var(--text-xs);color:var(--text-dim)}.fc-byline{font-size:var(--text-md);margin:14px 0 0}.fc-first .fc-byline{font-size:var(--text-lg)}.fc-prompt{font-size:var(--text-sm);color:var(--success);align-items:center;gap:6px;margin:6px 0 0;display:flex}.fc-note-open{margin-top:10px}.fc-note{font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--text-dim);flex-direction:column;gap:4px;margin-top:12px;display:flex}.fc-note textarea{resize:vertical;background:var(--bg);width:100%;font-size:var(--text-sm);font-weight:var(--w-regular);line-height:var(--lh-body);padding:8px 10px}.fc-note-where{font-size:var(--text-2xs);font-weight:var(--w-regular)}.fc-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.fc-primary{background:var(--accent-fill);color:var(--on-accent);font-weight:var(--w-semibold);border-color:#0000;padding:8px 16px}@media (hover:hover){.fc-primary:hover:not(:disabled){filter:brightness(1.05);border-color:#0000}}.fc-next{border-color:var(--border-strong);padding:8px 14px}.ym-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-panel);width:min(460px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-3);animation:ss-rise var(--dur-slow) var(--ease-out);padding:18px 20px 14px;overflow:auto}.ym-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.ym-head h2{font-size:var(--text-lg);font-weight:var(--w-semibold);flex:1;margin:0}.wp-panel .ym-head h2{flex:1 0 100%;order:2}.ym-head .ss-close{margin-left:auto}.ym-lede{font-size:var(--text-sm);color:var(--text-dim);margin:8px 0 0}.ym-season{border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--text-xs);color:var(--text-dim);flex-direction:column;gap:2px;margin:10px 0 0;padding:8px 10px;display:flex}.ym-season strong{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text)}.week-grid{flex-direction:column;gap:4px;margin:14px 0 8px;display:flex}.week-row{align-items:center;gap:4px;display:flex}.week-month{width:28px;font-size:var(--text-2xs);color:var(--text-dim);flex:none}.week-cell{border:1px solid var(--border);border-radius:var(--r-xs);background:var(--on-bg);flex:none;place-items:center;width:22px;height:22px;padding:0;display:grid;position:relative}.week-cell.lvl-1{background:color-mix(in oklab, var(--accent-fill) 28%, var(--bg-raised));border-color:#0000}.week-cell.lvl-2{background:color-mix(in oklab, var(--accent-fill) 52%, var(--bg-raised));border-color:#0000}.week-cell.lvl-3{background:color-mix(in oklab, var(--accent-fill) 76%, var(--bg-raised));border-color:#0000}.week-cell.lvl-4{background:var(--accent-fill);border-color:#0000}.week-cell.now{border-color:var(--text-dim)}.week-cell.sel{box-shadow:0 0 0 2px var(--select)}.week-dot{background:var(--text);border-radius:50%;width:8px;height:8px}.week-cell.lvl-3 .week-dot,.week-cell.lvl-4 .week-dot{background:var(--on-accent)}.week-grid.small{margin:0}.week-grid.small .week-row{gap:3px}.week-grid.small .week-cell{width:10px;height:10px}.week-grid.small .week-dot{width:4px;height:4px}.ym-legend{font-size:var(--text-2xs);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ym-legend .week-cell{width:12px;height:12px}.ym-legend-dot{align-items:center;gap:4px;margin-left:12px;display:inline-flex}.ym-legend-dot .week-dot{width:5px;height:5px}.ym-week{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-raised);margin-top:12px;padding:10px 12px}.ym-week-title{font-size:var(--text-sm);font-weight:var(--w-semibold);margin:0}.ym-songs{font-size:var(--text-sm);flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.ym-songs li{align-items:center;gap:8px;display:flex}.ym-song-dot{border:1.5px solid var(--text-dim);border-radius:50%;flex:none;width:8px;height:8px}.ym-songs li.finished .ym-song-dot{background:var(--text);border-color:#0000}.ym-song-done{font-size:var(--text-2xs);color:var(--text-dim)}.ym-empty{font-size:var(--text-xs);color:var(--text-dim);margin:4px 0 0}.ym-off{font-size:var(--text-sm);color:var(--text-dim);flex-direction:column;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.ym-off p{margin:0}.ym-foot{border-top:1px solid var(--border);font-size:var(--text-2xs);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:12px;padding-top:8px;display:flex}.ym-foot>span{flex:100%}.ym-forgot{color:var(--text);flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.ss-corner{border-top:1px solid var(--border);flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;padding-top:10px;display:flex}.ss-weeks,.ss-prompt{border:1px solid var(--border);border-radius:var(--r-md);text-align:left;background:0 0;flex-direction:column;justify-content:center;gap:5px;padding:7px 10px;display:flex}.ss-prompt{flex:200px;gap:1px;min-width:0}.ss-weeks-label,.ss-prompt-kicker{font-size:var(--text-2xs);font-weight:var(--w-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.ss-prompt-title{font-size:var(--text-sm);font-weight:var(--w-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.ss-weeks:hover:not(:disabled),.ss-prompt:hover:not(:disabled){background:var(--bg-hover)}}@media (pointer:coarse){.ladder-show,.ladder-gusta,.ladder-rung-btn,.mood-btn,.fc-primary,.fc-next,.wp-take,.wp-new,.ss-weeks,.ss-prompt{min-height:40px}.ladder-link,.fc-note-open{min-height:32px}.week-cell{width:24px;height:24px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.ladder-card{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.app:has(.panel.copilot) .ladder-card{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.app:has(.experience-bubble) .ladder-card{left:calc(var(--mchrome-l) + 8px);right:calc(var(--mchrome-r) + 8px);bottom:calc(var(--mchrome-b) + 14px);width:auto;max-height:46dvh}.ladder-card{padding:10px 12px 8px}.ladder-tonight{font-size:var(--text-md)}.ladder-rungs{margin-top:8px}.ladder-rung:not(.is-picked):not(.is-now) .ladder-rung-detail{display:none}.ladder-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px);max-width:calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px)}.app:has(.panel.copilot) .ladder-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px);max-width:calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px)}.app:has(.experience-bubble) .ladder-pill{right:calc(var(--mchrome-r) + 12px);bottom:calc(var(--mchrome-b) + 14px);max-width:calc(100vw - var(--mchrome-l) - var(--mchrome-r) - 24px)}.mood-offer{bottom:calc(var(--mchrome-b) + 14px);flex-wrap:wrap;gap:8px}:root:has(.msheet,.sound-browser,.bsheet) :is(.mood-offer,.ladder-pill,.gs-pill){display:none}.fc-scrim,.ym-scrim{place-items:end stretch;padding:0}.fc-sheet,.fc-sheet.fc-first,.ym-panel{width:100%;max-height:92dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none}.fc-tiles{gap:6px}.fc-tile{padding:8px}.week-cell{width:20px;height:20px}.week-month{width:24px}}.share-section{scroll-margin-top:8px}.share-section h3:focus-visible{outline-offset:4px}.share-block{margin-top:18px}.share-block h4{font-size:var(--text-sm);font-weight:var(--w-semibold);color:var(--text);margin:0 0 4px}.share-byline{font-size:var(--text-sm);color:var(--text-dim);grid-template-columns:auto minmax(0,260px);justify-content:start;align-items:center;gap:4px 10px;margin:4px 0 14px;display:grid}.share-byline input{min-width:0}.share-byline .fin-note{grid-column:1/-1;margin:0}.share-art{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raised);flex:none;max-width:100%;height:auto;display:block}.share-card-sticker .share-art{background:repeating-conic-gradient(var(--bg-hover) 0 25%, var(--bg-raised) 0 50%) 0 0 / 12px 12px}.share-pictures{flex-direction:column;gap:14px;display:flex}.share-sleeve{align-items:flex-start;gap:14px;display:flex}.share-sleeve-body{flex:1;min-width:0}.share-sleeve-body strong{font-size:var(--text-sm);font-weight:var(--w-semibold)}.share-save{align-items:center;gap:6px;display:inline-flex}.share-cards{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.share-card{font-size:var(--text-xs);flex-direction:column;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.share-reel{align-items:flex-start;gap:14px;display:flex}.share-reel-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.share-reel-preview{border-color:var(--border-strong)}.share-strip{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-raised);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;height:68px;margin:6px 0 2px;position:relative;overflow:hidden}.share-strip.fixed{cursor:default}.share-strip-sections{height:16px;position:absolute;inset:0 0 auto}.share-strip-section{white-space:nowrap;text-overflow:ellipsis;height:16px;font-size:var(--text-2xs);color:var(--tc-ink);background:color-mix(in oklab, var(--tc-ink) 14%, transparent);border-left:1px solid color-mix(in oklab, var(--tc-ink) 45%, transparent);padding:0 4px;line-height:16px;position:absolute;top:0;overflow:hidden}.share-strip-bars{position:absolute;inset:20px 0 4px}.share-strip-bars>span{border-radius:var(--r-xs) var(--r-xs) 0 0;background:var(--text-faint);opacity:.45;position:absolute;bottom:0}.share-window{border:2px solid var(--select);border-radius:var(--r-sm);background:color-mix(in oklab, var(--select) 10%, transparent);cursor:grab;position:absolute;top:0;bottom:0}.share-strip.fixed .share-window{cursor:default}.share-window:active{cursor:grabbing}.share-job{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.share-job-phase{font-size:var(--text-xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.share-result .fin-note strong{color:var(--text);font-weight:var(--w-semibold)}@media (hover:hover){.share-card:hover:not(:disabled) .share-art{border-color:var(--border-strong)}}@media (pointer:coarse){.share-card,.share-job>button,.share-save,.share-byline input{min-height:40px}.share-strip{height:76px}}@media (width<=600px),(height<=500px) and (pointer:coarse){.share-byline{grid-template-columns:1fr}.share-sleeve{gap:10px}.share-reel{flex-direction:column;align-items:stretch}.share-reel-preview{align-self:center}.share-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.share-card{justify-content:flex-end;padding:8px 6px}}