:root{--substrate:#050505;--substrate-dot:#e1e1e114;--panel:#0b0b0d;--panel-inset:#030303;--feedback-plate:#050505e6;--expand-scrim:color-mix(in srgb, var(--substrate) 85%, transparent);--plate-glass:color-mix(in srgb, var(--substrate) 46%, transparent);--plate-glass-blur:10px;--plate-glass-plain:color-mix(in srgb, var(--substrate) 86%, transparent);--plate-shadow:0 12px 28px -12px #000c;--feedback-pad-y:3px;--feedback-pad-x:4px;--feedback-radius:4px;--silkscreen:#e1e1e1;--silkscreen-dim:#e1e1e1d9;--silkscreen-faint:#e1e1e1b8;--silkscreen-ghost:#e1e1e11a;--hero-white:#fff;--line-dim:#e1e1e18c;--line-faint:#e1e1e157;--line-on:#e1e1e133;--line-on-hover:#e1e1e14d;--line-on-dimmed:#e1e1e179;--line-on-hover-dimmed:#e1e1e1b6;--enabled-light-peak:#e1e1e107;--enabled-light-tail:#e1e1e102;--hue-pling:#4fc3e0;--hue-humm:#ff6fae;--hue-plong:#e8a33d;--hue-bong:#3ecf9e;--hue-bonk:#e8695a;--hue-glch:#8b7fe0;--record-red:#ff2e3e;--record-red-block:#7a0714;--font-chrome:"Space Grotesk", sans-serif;--font-value:"IBM Plex Mono", ui-monospace, monospace;--font-lcd:"Doto", sans-serif;--text-label:12px;--text-label-sm:10px;--text-label-lg:14px;--text-value:13px;--text-hero:44px;--text-hero-sm:36px;--text-bpm:48px;--text-bpm-sm:38px;--weight-chrome:500;--weight-value:500;--weight-lcd:700;--tracking-label:.08em;--tracking-wide:.16em;--icon-sm:16px;--icon-md:17px;--icon-lg:18px;--icon-stroke:1.5;--icon-stroke-bold:1.75;--radius:4px;--radius-sharp:2px;--radius-dock:6px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--face-pad:16px;--row-v:8px;--row-h:12px;--gutter:20px;--board-max:1680px;--board-inset:12px;--duration-micro:.1s;--duration-flip:.3s;--ease:cubic-bezier(.2, .8, .2, 1);--tile-radius:8px;--chrome-h:32px;--band-h:200px;--band-h-md:160px;--band-h-sm:148px;--transport-h:44px;--bpm-stack-h:56px;--bpm-key-art:14px;--bpm-key-glyph:7px;--dim-off:.42;--dim-bystander:.8;--text-readout:15px;--deck2-h:40px;--band-track-h:2px;--hit-min:28px;--hit-touch:44px;--strip-line:var(--line-faint);--strip-fill:var(--silkscreen);--strip-fill-ink:var(--substrate);--focus-ring-width:2px;--focus-ring-color:var(--silkscreen);--focus-ring-offset:2px;--cursor-range-low:w-resize;--cursor-range-high:e-resize;--cursor-resize:nwse-resize;--cursor-drag:grab;--cursor-dragging:grabbing;--power-ring-d:14px;--power-core-ratio:.571429;--leading-note:1.5;--leading-chrome:1.2;--voice-rail-col:200px}@media (pointer:coarse){:root{--bpm-key-art:calc(var(--hit-touch) / 2);--bpm-key-glyph:11px;--text-label-sm:11px}}@media (min-width:720px){:root{--board-inset:16px}}@media (min-width:1120px){:root{--board-inset:var(--gutter)}}@media (prefers-contrast:more){:root{--silkscreen:#fff;--silkscreen-dim:#fff;--silkscreen-faint:#ffffffe0;--line-dim:#ffffffd9;--line-faint:#ffffffa6;--line-on:#ffffff8c;--line-on-hover:#ffffffbf;--line-on-dimmed:#fff;--line-on-hover-dimmed:#fff}}@media (prefers-reduced-transparency:reduce){:root{--feedback-plate:var(--substrate);--expand-scrim:var(--substrate);--plate-glass:var(--substrate);--plate-glass-plain:var(--substrate);--plate-glass-blur:0px}}.chrome-button,.chrome-icon-button{align-items:center;gap:var(--space-2);min-block-size:var(--hit-min);border-radius:var(--radius-sharp);color:var(--silkscreen-dim);font-family:var(--font-chrome);font-size:var(--text-label);font-weight:var(--weight-chrome);line-height:var(--leading-chrome);letter-spacing:var(--tracking-label);cursor:pointer;transition:background var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease);background:0 0;border:0;display:inline-flex}.chrome-button{padding:0 var(--space-2);min-inline-size:var(--hit-min);justify-content:flex-start}.chrome-icon-button{inline-size:var(--hit-min);block-size:var(--hit-min);justify-content:center;padding:0}@media (pointer:coarse){.chrome-button,.chrome-icon-button:not(.chrome-icon-button--slab){min-block-size:var(--hit-touch)}.chrome-icon-button:not(.chrome-icon-button--slab){inline-size:var(--hit-touch);block-size:var(--hit-touch)}.chrome-icon-button--slab:after,.chrome-power:after{content:"";inline-size:var(--hit-touch);block-size:var(--hit-touch);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.chrome-icon-button--slab{position:relative}@media (hover:hover){.chrome-button:hover:not(:disabled),.chrome-icon-button:hover:not(:disabled){color:var(--silkscreen)}}.chrome-button:active:not(:disabled),.chrome-icon-button:active:not(:disabled),.chrome-button.is-pressed:not(:disabled),.chrome-icon-button.is-pressed:not(:disabled),.chrome-button[aria-pressed=true]:not(:disabled),.chrome-icon-button[aria-pressed=true]:not(:disabled){background:var(--silkscreen);color:var(--substrate)}.chrome-button--danger:active:not(:disabled),.chrome-button--danger.is-pressed:not(:disabled){background:var(--record-red-block);color:var(--silkscreen);box-shadow:inset 0 0 0 1px var(--record-red)}.chrome-button--key,.chrome-icon-button--key{border:1px solid var(--header-action-border,var(--line-faint))}.chrome-button--round,.chrome-icon-button--round{border-radius:var(--radius-pill)}.chrome-button--square,.chrome-icon-button--square{border-radius:var(--radius-sharp)}.chrome-button:disabled,.chrome-icon-button:disabled,.chrome-power:disabled{opacity:.4}.chrome-power{inline-size:var(--hit-min);block-size:var(--hit-min);border-radius:var(--radius-sharp);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.chrome-power-ring{box-sizing:border-box;inline-size:var(--power-ring-d);block-size:var(--power-ring-d);border:calc(var(--icon-stroke) * 1px) solid var(--line-dim);transition:border-color var(--duration-micro) var(--ease), box-shadow var(--duration-micro) var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.chrome-power-core{inline-size:calc(var(--power-ring-d) * var(--power-core-ratio));block-size:calc(var(--power-ring-d) * var(--power-core-ratio));background:var(--line-faint);transition:background var(--duration-micro) var(--ease);border-radius:50%;position:static}.chrome-power[aria-pressed=true] .chrome-power-ring{border-color:var(--module-hue,var(--silkscreen));box-shadow:0 0 6px 0 color-mix(in srgb, var(--module-hue,var(--silkscreen)) 45%, transparent)}.chrome-power[aria-pressed=true] .chrome-power-core{background:var(--module-hue,var(--silkscreen))}@media (hover:hover){.chrome-power:hover:not(:disabled) .chrome-power-ring{border-color:var(--silkscreen)}.chrome-power:hover:not(:disabled) .chrome-power-core{background:var(--line-dim)}.chrome-power[aria-pressed=true]:hover:not(:disabled) .chrome-power-core{background:var(--silkscreen)}}.chrome-power:active:not(:disabled) .chrome-power-ring,.chrome-power.is-pressed:not(:disabled) .chrome-power-ring{border-color:var(--silkscreen);background:var(--silkscreen);box-shadow:none}.chrome-power:active:not(:disabled) .chrome-power-core,.chrome-power.is-pressed:not(:disabled) .chrome-power-core{background:var(--substrate)}@media (forced-colors:active){.chrome-power-ring{border-color:buttontext}.chrome-power-core{background:canvas}.chrome-power[aria-pressed=true] .chrome-power-core{background:buttontext}}.is-draggable{cursor:var(--cursor-drag)}.is-draggable.is-dragging,.is-draggable:active{cursor:var(--cursor-dragging)}@media (prefers-reduced-motion:reduce){.chrome-button,.chrome-icon-button,.chrome-power-ring,.chrome-power-core{transition:none}}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;min-height:100dvh;margin:0}html{scrollbar-gutter:stable;overscroll-behavior:none;touch-action:manipulation;overflow-x:hidden}body{overscroll-behavior:none;overflow-x:clip}html[data-page-lock]{overflow:hidden}html[data-page-lock] body{position:fixed;inset:0;overflow:hidden}html[data-page-lock] #root{height:100%;min-height:0}body{background:var(--substrate);color:var(--silkscreen);font-family:var(--font-chrome);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.45}#root{min-height:100vh;min-height:100dvh}.app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.app :where(input,textarea,[contenteditable],.info-page-body){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.app img{-webkit-user-drag:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font:inherit;color:inherit}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--panel);color:var(--silkscreen)}h1,h2,h3{margin:0;font-weight:500}:where(button,[role=slider],[role=switch],input,summary,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}::selection{background:var(--silkscreen-faint);color:var(--substrate)}.song-mode-host{justify-self:center;align-items:center;gap:var(--space-2);grid-area:song;min-width:0;display:flex}.song-mode-host>.song-shelf{grid-area:auto;justify-self:auto}.renderer-mode{border:1px solid var(--line-faint);border-radius:var(--radius-pill);flex:none;align-items:center;padding:2px;display:inline-flex}.renderer-mode button{min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);font-size:11px;font-weight:var(--weight-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--silkscreen-faint);transition:background var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease)}.renderer-mode button[aria-pressed=true]{background:color-mix(in srgb, var(--silkscreen) 10%, transparent);color:var(--silkscreen)}@media (max-width:899px){.song-mode-host{justify-self:stretch}.song-mode-host>.song-shelf{flex:auto}}@media (max-width:719px){.song-mode-host{align-items:stretch}.renderer-mode{align-self:center}.renderer-mode button{min-height:var(--hit-touch)}}@media (prefers-reduced-motion:reduce){.renderer-mode button{transition:none}}.login-handoff{box-sizing:border-box;min-height:100vh;min-height:100dvh;padding:var(--space-4);text-align:center;font-family:var(--font-chrome);font-size:var(--text-label-lg);color:var(--silkscreen);background:var(--substrate);justify-content:center;align-items:center;margin:0;display:flex}html[data-record-window]{scrollbar-gutter:auto;background:#050505;overflow:hidden}html[data-record-window] body{background:#050505;overflow:hidden}html[data-record-window] #root{width:var(--record-window-w,1280px);height:var(--record-window-h,720px);contain:layout paint;min-height:0;position:fixed;inset:0 auto auto 0;overflow:hidden}html[data-record-window] .app{overscroll-behavior:contain;scrollbar-width:none;background:var(--bg,#000);height:100%;min-height:0;overflow:hidden auto}html[data-record-window] .app::-webkit-scrollbar{display:none}html[data-record-window] .app:has(.module-frame.is-expanded){overflow-y:hidden}html[data-record-window] .app[data-stage=on]{height:100%;overflow:hidden}html[data-record-window] .app[data-stage=on] .scene-canvas-root{width:100%}html[data-record-window] .app:not([data-stage=on]) .module-frame.is-expanded{width:min(1440px, calc(var(--record-window-w) - 80px));height:min(880px, calc(var(--record-window-h) - 64px));max-height:calc(var(--record-window-h) - 2 * var(--transport-h) - 2px)}html[data-record-window] .app:not([data-stage=on]) .module-step-arrows{--step-gutter:calc((var(--record-window-w) - min(1440px, var(--record-window-w) - 80px)) / 2)}.record-window-strip{z-index:48;inset:var(--record-window-h,auto) auto auto 0;inline-size:var(--record-window-w,100vw);box-sizing:border-box;block-size:44px;padding-inline:var(--gutter,16px);color:var(--silkscreen-dim);font:var(--text-label) var(--font-chrome);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed}.record-window-strip .record-status{color:var(--silkscreen)}html[data-record-window=side] .record-window-strip{inset:0 auto auto var(--record-window-w);inline-size:calc(100vw - var(--record-window-w));block-size:var(--record-window-h);padding-block:var(--gutter,16px);flex-direction:column;justify-content:center}html[data-record-window=side] .record-window-strip .record-status{white-space:normal;flex-wrap:wrap;justify-content:center}.plate-glass{--plate-gutter:var(--gutter);padding-block:max(var(--plate-gutter), env(safe-area-inset-top,0px)) max(var(--plate-gutter), env(safe-area-inset-bottom,0px));padding-inline:max(var(--plate-gutter), env(safe-area-inset-left,0px)) max(var(--plate-gutter), env(safe-area-inset-right,0px));background:var(--plate-glass);-webkit-backdrop-filter:blur(var(--plate-glass-blur));backdrop-filter:blur(var(--plate-glass-blur));overscroll-behavior:contain;animation:plate-glass-in var(--duration-micro) var(--ease) both;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;display:grid;position:fixed;inset:0}@media (max-width:719px){.plate-glass{--plate-gutter:var(--space-3)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.plate-glass{background:var(--plate-glass-plain)}}.plate{box-sizing:border-box;border:1px solid var(--line-faint);border-radius:var(--tile-radius);background:var(--panel);min-inline-size:0;color:var(--silkscreen-dim);flex-direction:column;display:flex;overflow:hidden}html[data-plates=glass] .plate,html[data-plates=glass] .plate .module-selector-header{background:color-mix(in srgb, var(--panel) 58%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.plate-glass>.plate{max-block-size:100%;max-inline-size:100%;animation:plate-in var(--duration-flip) var(--ease) both}.plate--float{box-shadow:var(--plate-shadow)}.plate-header{justify-content:space-between;align-items:center;gap:var(--space-1);block-size:var(--chrome-h);padding:0 var(--space-2);border-block-end:1px solid var(--silkscreen-ghost);flex:none;display:flex}@media (pointer:coarse){.plate-header{block-size:var(--hit-touch)}}.plate-title{align-items:center;gap:var(--space-2);min-inline-size:0;font-family:var(--font-chrome);font-size:var(--text-label-lg);font-weight:var(--weight-chrome);line-height:var(--leading-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--silkscreen-dim);white-space:nowrap;margin:0;display:inline-flex;overflow:hidden}.plate-close{flex:none}.plate-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--silkscreen-ghost) transparent;min-block-size:0;padding:var(--space-3);flex:auto;overflow-y:auto}@keyframes plate-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes plate-glass-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.plate-glass,.plate-glass>.plate{animation:none}}.fullscreen-guide-dismiss{z-index:44;cursor:default;touch-action:none;background:0 0;border:0;block-size:100%;inline-size:100%;padding:0;position:fixed;inset:0}.fullscreen-guide{z-index:44;inline-size:min(300px, calc(100vw - 2 * var(--space-3)));animation:fullscreen-guide-in .16s var(--ease) backwards;position:fixed;inset-block-start:calc(var(--stage-header-bottom,49px) + var(--space-2));inset-inline-end:max(var(--space-3), env(safe-area-inset-right,0px))}.fullscreen-guide:focus-visible{outline:var(--focus-ring-width,2px) solid var(--hero-white);outline-offset:var(--focus-ring-offset,2px)}.fullscreen-guide-body{padding:var(--space-3);font-family:var(--font-value);font-size:var(--text-value);font-weight:var(--weight-value);line-height:var(--leading-note);color:var(--silkscreen-dim);margin:0}.fullscreen-guide-glyph{vertical-align:-.2em;color:var(--silkscreen);display:inline-flex}@keyframes fullscreen-guide-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.fullscreen-guide{animation:none}}.tempo-stepper{--bpm-value-size:var(--text-bpm);--bpm-baseline-em:.3333;align-items:center;gap:var(--space-2);block-size:var(--bpm-stack-h);display:flex}.transport-bpm-name{font-family:var(--font-chrome);font-size:10px;font-weight:var(--weight-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--silkscreen-dim);white-space:nowrap;margin-block-end:8px;line-height:1}.transport-bpm-value{inline-size:auto;min-inline-size:0;block-size:var(--bpm-stack-h);font-family:var(--font-chrome);font-size:var(--bpm-value-size);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--hero-white);cursor:default;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:flex-end;align-items:center;font-weight:300;line-height:1;display:flex}.transport-bpm-value.is-dragging{cursor:var(--cursor-dragging)}.transport-bpm-value:focus-visible{outline-offset:var(--focus-ring-offset)}.transport-bpm-value[aria-disabled=true]{opacity:.4}.tempo-stepper-keys{block-size:var(--bpm-stack-h);flex-direction:column;display:flex}.tempo-stepper-key{border-color:#0000;position:relative}.tempo-stepper-key-art{box-sizing:border-box;inline-size:calc(var(--bpm-key-art) + 1px);block-size:var(--bpm-key-art);border:1px solid var(--header-action-border,var(--line-faint));border-radius:var(--radius-sharp);pointer-events:none;place-items:center;display:grid;position:absolute;inset-inline-start:calc(50% - var(--bpm-key-art) / 2)}.tempo-stepper-key-art:before,.tempo-stepper-key[data-tempo-step=up] .tempo-stepper-key-art:after{content:"";background:currentColor;position:absolute}.tempo-stepper-key-art:before{inline-size:var(--bpm-key-glyph);block-size:1px;inset-block-start:calc(50% - .5px);inset-inline-start:calc(50% - var(--bpm-key-glyph) / 2)}.tempo-stepper-key[data-tempo-step=up] .tempo-stepper-key-art:after{inline-size:1px;block-size:var(--bpm-key-glyph);inset-block-start:calc(50% - var(--bpm-key-glyph) / 2);inset-inline-start:calc(50% - .5px)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.tempo-stepper-key[data-tempo-step=down] .tempo-stepper-key-art:before{inset-block-start:calc(50% - 1px);transform:translateY(.5px)}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:3dppx){.tempo-stepper-key[data-tempo-step=down] .tempo-stepper-key-art:before{transform:translateY(.334px)}}@media (forced-colors:active){.tempo-stepper-key-art:before,.tempo-stepper-key[data-tempo-step=up] .tempo-stepper-key-art:after{background:buttontext}}.tempo-stepper-key[data-tempo-step=up] .tempo-stepper-key-art{border-block-end-width:0;border-end-end-radius:0;border-end-start-radius:0;inset-block-end:-1px}.tempo-stepper-key[data-tempo-step=down] .tempo-stepper-key-art{border-start-start-radius:0;border-start-end-radius:0;inset-block-start:-1px}.tempo-stepper-key:active:not(:disabled){background:0 0}.tempo-stepper-key:active:not(:disabled) .tempo-stepper-key-art{background:var(--silkscreen)}@media (min-width:720px){.transport-bpm-name{margin-block-end:0}}@media (pointer:coarse){.tempo-stepper{--bpm-stack-h:calc(var(--hit-touch) * 2)}}@media (max-width:1119px){.tempo-stepper{--bpm-value-size:var(--text-bpm-sm)}}.app:not([data-compact-shell]) .tempo-stepper{--bpm-value-size:calc(var(--header-item-h) / .74);margin-block:calc((var(--header-item-h) - var(--bpm-stack-h)) / 2)}@media (prefers-reduced-motion:reduce){.tempo-stepper-key{transition:none}}.transport-bpm-name{--bpm-caption-figure:var(--text-bpm);margin-inline-end:calc(var(--focus-ring-offset) + var(--focus-ring-width))}.transport-bpm-name:has(+.tempo-stepper[data-tempo-chars="2"]):before{content:"0";visibility:hidden;block-size:0;font-family:var(--font-chrome);font-size:var(--bpm-caption-figure);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:300;line-height:0;display:inline-block;overflow:hidden}.tempo-stepper:not([data-tempo-chars="2"]):not([data-tempo-chars="3"]) .transport-bpm-value{inline-size:calc(3ch - .06em);min-inline-size:calc(3ch - .06em)}@media (max-width:1119px){.transport-bpm-name{--bpm-caption-figure:var(--text-bpm-sm)}}.topmenu{z-index:42;background:var(--substrate);display:block;position:sticky;top:0}.transport{align-items:center;column-gap:var(--space-4);min-height:var(--transport-h);padding:var(--space-2) var(--gutter);border-bottom:1px solid var(--silkscreen-ghost);grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);grid-template-areas:"lead centre trail";display:grid}.transport-lead{align-items:center;gap:var(--space-4);grid-area:lead;display:flex}.transport-centre{align-items:center;gap:var(--space-4);grid-area:centre;display:flex}.transport-brand{align-items:center;min-width:0;display:flex}.transport-brand-title{font-family:var(--font-chrome);letter-spacing:.02em;color:var(--silkscreen);white-space:nowrap;font-size:16px;font-weight:500;line-height:1}.transport-trail{justify-self:end;align-items:center;gap:var(--space-2);flex:none;grid-area:trail;display:flex}.fullscreen-toggle[data-fullscreen-site=header]{flex:none}.song-mode-host{justify-self:start;align-items:center;gap:var(--header-action-gap);min-width:0;display:flex}.song-mode-host .song-shelf{flex:0 auto;min-width:0}.mobile-sheet-song-group,.transport-controls{display:contents}.transport-time{align-items:center;gap:var(--space-4);display:flex}.transport-keys{align-items:center;gap:0;display:flex}.transport-play{border-start-end-radius:0;border-end-end-radius:0}.transport-stop{border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:-1px}.transport{--transport-dial:28px}@media (pointer:coarse){.transport{--transport-dial:var(--hit-touch)}}.transport{--header-item-h:var(--transport-dial)}.transport-play,.transport-stop{inline-size:var(--transport-dial);block-size:var(--transport-dial);min-inline-size:var(--transport-dial);min-block-size:var(--transport-dial)}.transport-play{position:relative}.transport-play[aria-pressed=false]:not(:disabled),.transport-play[aria-pressed=false]:hover:not(:disabled){border-color:var(--strip-fill);background:var(--strip-fill);color:var(--strip-fill-ink)}.transport-play[aria-pressed=true]:not(:disabled),.transport-play[aria-pressed=true]:hover:not(:disabled){border-color:var(--silkscreen);color:var(--hero-white);background:0 0}.transport-key{align-items:center;display:flex}.transport-root-picker{--menu-w:62px}.transport-scale-picker{--menu-w:144px;margin-inline-start:-1px}.transport-root{border-start-end-radius:0;border-end-end-radius:0}.transport-scale{border-start-start-radius:0;border-end-start-radius:0}.transport-root:hover,.transport-root:focus-visible,.transport-root[aria-expanded=true],.transport-scale:hover,.transport-scale:focus-visible,.transport-scale[aria-expanded=true]{z-index:1;position:relative}.transport-bpm{flex:none;align-items:flex-end;gap:2px;display:flex}.transport-output{justify-content:flex-end;align-items:flex-end;gap:var(--space-2);display:flex}.transport-output-name{font-family:var(--font-chrome);font-size:10px;font-weight:var(--weight-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--silkscreen-dim);white-space:nowrap;line-height:1}.transport-output .output-meter{--output-meter-h:var(--header-item-h);--output-meter-column-gap:2px}.transport-output .output-meter-well{padding:var(--output-meter-column-gap)}.transport-master{inline-size:max-content;flex-shrink:0;align-items:center;min-width:0;display:flex}.transport-master .knob-group{place-items:center end;column-gap:var(--space-1);grid-template-columns:auto auto;grid-template-areas:"dial value";row-gap:0;inline-size:100%;display:grid}.transport-master .knob{--knob-size:var(--header-item-h);width:var(--knob-size);height:var(--knob-size);min-width:var(--knob-size);min-height:var(--knob-size);grid-area:dial}.transport-master .knob-label{clip-path:inset(50%);white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;block-size:1px;inline-size:1px;margin:-1px;padding:0;font-size:10px;line-height:1;position:absolute;overflow:hidden}.transport-master .knob-value{font-variant-numeric:tabular-nums;text-align:right;grid-area:value;inline-size:3ch}@media (max-width:1119px){.transport{column-gap:var(--space-2);padding-inline:var(--space-2)}.transport-brand{display:none}.transport-lead,.transport-centre,.transport-time{gap:var(--space-2)}.transport-root-picker{--menu-w:56px}.transport-master .knob-value{display:none}}@media (pointer:coarse) and (min-width:720px){.app:has(.module-frame.is-expanded){--transport-h:calc(var(--hit-touch) + var(--space-2) * 2)}}@media (max-width:389px){.transport{padding-inline:var(--space-2)}.transport-controls{column-gap:var(--space-1)}}@media (max-width:719px),(max-height:500px) and (pointer:coarse){.topmenu{--transport-phone-key:32px;--transport-pinned-h:calc(var(--transport-phone-key) + var(--space-2) * 2 + 1px)}.transport{--transport-dial:var(--transport-phone-key);align-items:center;column-gap:var(--space-3);min-height:0;padding:var(--space-2) var(--space-3);grid-template:"controls menu."/auto auto minmax(0,1fr);row-gap:0}.song-mode-host,.transport-lead,.transport-centre{display:contents}.transport-controls{justify-content:flex-start;align-items:center;gap:var(--space-3);grid-area:controls;min-width:0;display:flex}.transport-time,.transport-trail,.song-mode-host>.mobile-sheet-song-group{display:none}.transport-keys{order:-1}.topmenu .transport .transport-play,.topmenu .transport .transport-stop{inline-size:var(--transport-phone-key);block-size:var(--transport-phone-key);min-inline-size:var(--transport-phone-key);min-block-size:var(--transport-phone-key);position:relative}.topmenu .transport .transport-play:after,.topmenu .transport .transport-stop:after{content:"";inline-size:var(--hit-touch);block-size:var(--hit-touch);position:absolute;top:50%;transform:translateY(-50%)}.topmenu .transport .transport-play:after{right:0}.topmenu .transport .transport-stop:after{inline-size:calc(var(--transport-phone-key) + var(--space-3) / 2);left:0}.topmenu .transport .transport-master--meter .level-meter:before{width:calc(100% + var(--space-3));height:var(--hit-touch)}.transport-play:hover,.transport-play:focus-visible,.transport-stop:hover,.transport-stop:focus-visible{z-index:1;position:relative}.transport-output{align-items:center;gap:var(--space-2)}.transport-master{display:contents}.transport-master .knob{--knob-size:var(--transport-dial)}.transport-output-name{display:none}.transport-output .output-meter{--output-meter-h:var(--transport-phone-key)}.transport-trail{justify-self:auto}.topmenu .transport .mobile-sheet-trigger{min-block-size:var(--transport-phone-key)}.mobile-header-keys{justify-self:start;align-items:center;gap:var(--space-2);grid-area:menu;display:flex}.transport-trail>.fullscreen-toggle[data-fullscreen-site=header]{display:none}.mobile-sheet-trigger{padding-inline:var(--space-2);gap:var(--space-1);border:1px solid var(--line-faint);border-radius:var(--radius-sharp);text-transform:uppercase;position:relative}.mobile-sheet-trigger:after{content:"";inset-inline:0;block-size:var(--hit-touch);position:absolute;top:50%;transform:translateY(-50%)}.mobile-sheet-trigger[aria-expanded=true]{border-color:var(--silkscreen);color:var(--silkscreen)}.mobile-sheet-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.app[data-stage][data-mobile-sheet=open] .topmenu{block-size:calc(var(--transport-pinned-h) + env(safe-area-inset-top,0px));padding-inline:0}.app[data-mobile-sheet=open] .transport{grid-template-columns:auto auto auto minmax(0,1fr);grid-template-areas:"keys output menu.""song song song song""time time time time""view view view view";grid-template-rows:var(--transport-phone-key) repeat(3, auto);block-size:calc(var(--stage-vh,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;padding-inline:calc(var(--space-3) + env(safe-area-inset-left,0px)) calc(var(--space-3) + env(safe-area-inset-right,0px));pointer-events:none;background:0 0;border-bottom-color:#0000;align-content:start;overflow:hidden auto}.app[data-mobile-sheet=open] .transport>*{pointer-events:auto}.app[data-mobile-sheet=open] .transport:before{content:"";top:calc(var(--space-2) * -1);z-index:4;block-size:var(--transport-pinned-h);margin-block-start:calc(var(--space-2) * -1);margin-inline:calc((var(--space-3) + env(safe-area-inset-left,0px)) * -1) calc((var(--space-3) + env(safe-area-inset-right,0px)) * -1);border-bottom:1px solid var(--silkscreen-ghost);background:var(--panel);grid-area:1/1/2/-1;align-self:start;position:sticky}.app[data-mobile-sheet=open] .transport-controls{display:contents}.app[data-mobile-sheet=open] .transport-keys,.app[data-mobile-sheet=open] .transport-output,.app[data-mobile-sheet=open] .mobile-header-keys{z-index:5;position:sticky;top:0}.app[data-mobile-sheet=open] .transport-keys{grid-area:keys}.app[data-mobile-sheet=open] .transport-output{grid-area:output;justify-self:start}.app[data-mobile-sheet=open] .song-mode-host>.mobile-sheet-song-group,.app[data-mobile-sheet=open] .transport-time,.app[data-mobile-sheet=open] .transport-trail{--sheet-bleed-start:calc(var(--space-3) + env(safe-area-inset-left,0px));--sheet-bleed-end:calc(var(--space-3) + env(safe-area-inset-right,0px));justify-self:stretch;align-items:center;gap:var(--space-3);min-width:0;margin-inline:calc(var(--sheet-bleed-start) * -1) calc(var(--sheet-bleed-end) * -1);padding:var(--space-3) var(--sheet-bleed-end) var(--space-3) var(--sheet-bleed-start);border-top:1px solid var(--silkscreen-ghost);background:var(--panel);animation:mobile-sheet-drop .16s var(--ease) backwards;flex-wrap:nowrap;display:flex;position:relative}.app[data-mobile-sheet=open] .song-mode-host>.mobile-sheet-song-group{z-index:3;grid-area:song;margin-block-start:var(--space-2);display:block}.app[data-mobile-sheet=open] .mobile-sheet-song-group .song-shelf{grid-template-columns:minmax(0,1fr)}.app[data-mobile-sheet=open] .mobile-sheet-song-group .song-shelf-picker{--menu-w:100%;min-width:0}.app[data-mobile-sheet=open] .transport-time{z-index:2;grid-area:time;justify-content:space-between}.app[data-mobile-sheet=open] .transport-trail{z-index:1;border-bottom:1px solid var(--line-faint);grid-area:view;box-shadow:0 16px 24px -16px #000000d9}.app[data-mobile-sheet=open] .transport-trail>.renderer-mode{display:grid}.app[data-mobile-sheet=open] .transport-time{gap:var(--space-2)}.app[data-mobile-sheet=open] .transport-key{flex:none}.app[data-mobile-sheet=open] .transport-root-picker{--menu-w:58px}.app[data-mobile-sheet=open] .transport-bpm .transport-bpm-name:before{content:none}.app[data-mobile-sheet=open] .transport-bpm{--sheet-bpm-size:var(--text-bpm-sm);flex:none;align-items:center}.app[data-mobile-sheet=open] .transport-bpm .tempo-stepper{--bpm-value-size:var(--sheet-bpm-size)}.app[data-mobile-sheet=open] .transport-bpm-name{--bpm-caption-figure:var(--sheet-bpm-size);margin-block-end:0;position:relative;inset-block-start:calc(var(--sheet-bpm-size) * .3333 - 3px)}}@media (max-width:389px){.app[data-mobile-sheet=open] .transport-time{gap:6px}.app[data-mobile-sheet=open] .transport-key .menu-select-trigger{padding-inline:var(--space-1);column-gap:var(--space-1)}.app[data-mobile-sheet=open] .transport-root-picker{--menu-w:46px}.app[data-mobile-sheet=open] .transport-scale-picker{--menu-w:124px}.app[data-mobile-sheet=open] .transport-bpm{--sheet-bpm-size:clamp(24px, (100vw - 272px) * .55, var(--text-bpm-sm))}.app[data-mobile-sheet=open] .transport-bpm .tempo-stepper{gap:var(--space-1)}.app[data-mobile-sheet=open] .transport-bpm .tempo-stepper-key{inline-size:36px;min-inline-size:36px}.app[data-mobile-sheet=open] .transport-trail{gap:var(--space-2)}.app[data-mobile-sheet=open] .transport-bpm .tempo-stepper-key:after{content:"";position:absolute;inset-block:0;inset-inline:-4px}}@media (max-width:719px),(max-height:500px) and (pointer:coarse){.app[data-stage-compact] .topmenu{--transport-pad-block:calc((var(--hit-touch) - var(--transport-phone-key)) / 2);--transport-pinned-h:calc(var(--hit-touch) + 1px);--stage-line-gap:var(--space-2)}.app[data-stage-compact] .transport{padding-block:var(--transport-pad-block);column-gap:var(--space-3)}.app[data-stage-compact] .transport-controls{gap:var(--space-3)}.app[data-stage-compact][data-stage-root] .topmenu,.app[data-stage-compact][data-stage-root] .transport,.app[data-stage-compact][data-stage-root] .transport-controls{pointer-events:none;background:0 0}.app[data-stage-compact][data-stage-root] .transport{border-bottom-color:#0000}.app[data-stage-compact] .transport-keys,.app[data-stage-compact] .transport-output,.app[data-stage-compact] .mobile-header-keys,.app[data-stage-compact][data-mobile-sheet=open] .transport-controls{pointer-events:auto}.app[data-compact-shell] .mobile-sheet-trigger-label{display:none}@media (max-width:359px){.app[data-stage-compact] .topmenu{--stage-line-gap:var(--space-1)}.app[data-stage-compact] .transport-output{gap:var(--space-1)}}.app[data-compact-shell] .topmenu .transport .mobile-sheet-trigger{inline-size:var(--transport-phone-key);min-inline-size:var(--transport-phone-key);justify-content:center;padding:0}.app[data-compact-shell] .mobile-sheet-trigger:after{inset-inline:auto;inline-size:var(--hit-touch);left:50%;transform:translate(-50%,-50%)}.app[data-stage-compact][data-mobile-sheet=open] .transport:before{top:calc(var(--transport-pad-block) * -1);margin-block-start:calc(var(--transport-pad-block) * -1)}.app[data-stage-compact][data-stage-root][data-mobile-sheet=open] .transport:not([data-panel-scrolled]):before{background:0 0;border-bottom-color:#0000}.app[data-stage-compact][data-mobile-sheet=open] .song-mode-host>.mobile-sheet-song-group{margin-block-start:var(--transport-pad-block)}.app[data-mobile-sheet=open] .transport-trail>.mobile-sheet-fullscreen{gap:var(--space-2);min-block-size:var(--hit-touch);padding-inline:var(--space-2);white-space:nowrap;margin-inline-start:auto;display:inline-flex}.app[data-mobile-sheet=open] .transport-trail>.mobile-sheet-info{inline-size:var(--hit-touch);min-block-size:var(--hit-touch);flex:none;justify-content:center;margin-inline-start:auto;padding:0;display:inline-flex}.app[data-mobile-sheet=open] .transport-trail>.mobile-sheet-fullscreen+.mobile-sheet-info{margin-inline-start:0}}.mobile-sheet-fullscreen,.mobile-sheet-info{display:none}@keyframes mobile-sheet-drop{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.app[data-mobile-sheet=open] .song-mode-host>.mobile-sheet-song-group,.app[data-mobile-sheet=open] .transport-time,.app[data-mobile-sheet=open] .transport-trail{animation:none}}@media (max-width:339px){.mobile-sheet-trigger-label{display:none}}@media (max-width:719px),(pointer:coarse) and (max-height:500px){.app:not([data-stage=on]):has(.module-frame.is-expanded){--mobile-expanded-rail-h:calc(var(--hit-touch) + var(--space-2) * 2 + 1px + env(safe-area-inset-top,0px))}.app:not([data-stage=on]):has(.module-frame.is-expanded) .topmenu{height:var(--mobile-expanded-rail-h);position:fixed;inset:0 0 auto}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport{height:100%;min-height:0;padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) max(var(--space-3), env(safe-area-inset-right,0px)) var(--space-2) max(var(--space-3), env(safe-area-inset-left,0px));grid-template:"controls"minmax(0,1fr)/minmax(0,1fr);gap:0}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-brand{display:none}.app:not([data-stage=on]):has(.module-frame.is-expanded) .song-mode-host{display:none}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-key{display:none}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-bpm{display:none}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-trail>.renderer-mode{display:none}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-controls{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"keys output trail"}.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-trail{grid-area:trail;justify-self:end}}@media (pointer:coarse) and (max-width:719px){.app:not([data-stage=on]):has(.module-frame.is-expanded) .transport-controls{align-self:center}}.app:has(.module-frame.is-expanded) .topmenu{inset:var(--stage-viewport-top,0px) 0 auto;position:fixed}.app:not([data-stage=on]):has(.module-frame.is-expanded) .app-content{padding-block-start:calc(var(--transport-h) + 1px)}.transport-key-fold{display:contents}.transport-key-trigger{display:none}.app:not([data-compact-shell]) .transport-key-fold{display:block;position:relative}.app:not([data-compact-shell]) .transport-key-trigger{display:inline-flex}.app:not([data-compact-shell]) .transport-key:not([data-open]){display:none}.app:not([data-compact-shell]) .transport-key[data-open]{z-index:50;padding:var(--space-2);border:1px solid var(--line-faint);background:var(--panel);display:flex;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0}.app:not([data-compact-shell]) .fullscreen-toggle[data-fullscreen-site=header]{inline-size:var(--header-item-h);block-size:var(--header-item-h);min-inline-size:var(--header-item-h);min-block-size:var(--header-item-h)}.record-status{white-space:nowrap;font:var(--text-label) var(--font-chrome);align-items:center;gap:8px;display:flex}.record-status[data-record-status=recording]{color:#ff817a}.record-mark{background:#ec514a;border-radius:50%;flex:none;block-size:8px;inline-size:8px}.record-status-clock{font-variant-numeric:tabular-nums}.record-stop-short,.record-status-short,.record-result-short{display:none}.topmenu:has(.record-status) .transport-brand{display:none}.app[data-stage=on]:has(.topmenu [data-record-status=recording],.topmenu [data-record-status=finishing]) .stage-chrome-key{display:none}.app[data-stage=on][data-stage-chrome=hidden] .topmenu:has(.record-status){opacity:1;pointer-events:auto}.app[data-stage=on][data-stage-chrome=hidden] .topmenu:has(.record-status) *{pointer-events:auto}.app[data-stage=on]:not([data-stage-compact])[data-stage-chrome=hidden]:has(.topmenu .record-status) .module-frame.is-expanded .frame-chrome-right{transform:translateY(var(--stage-header-bottom,0px))}@media (max-width:1119px){.record-status-word,.record-stop-word{display:none}.record-stop-short,.record-status-short{display:inline}}@media (max-width:719px){.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-controls{align-items:center;gap:8px;display:flex}.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-centre{display:contents}.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) :is(.record-status,.record-result){order:1;gap:5px}.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-keys{order:0}.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-output{order:2}:is(.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-time,.app:not([data-mobile-sheet=open]) .topmenu:has(.record-status,.record-result) .transport-trail){display:none}.topmenu .transport .record-status button,.topmenu .transport .record-result{block-size:var(--transport-phone-key);min-block-size:var(--transport-phone-key);position:relative}.topmenu .transport .record-status button:after,.topmenu .transport .record-result:after{content:"";inset-inline:0;block-size:var(--hit-touch);position:absolute;top:50%;transform:translateY(-50%)}.record-status-clock{font-size:11px}.record-result{padding-inline:6px;font-size:11px}.record-result-word{display:none}.record-result-short{display:inline}}.record-status,.record-status button,.record-result{pointer-events:auto}@media (max-width:400px){.topmenu:has(.record-status) .transport-controls{gap:5px}.topmenu:has(.record-status) .transport-output .output-meter{inline-size:24px}.topmenu:has(.record-status) .record-status{gap:4px}.topmenu:has(.record-status) .record-status button{padding-inline:4px}.record-result{padding-inline:4px}}@media (max-width:389px){.record-status-left{display:none}}@media (max-width:339px){.record-status .record-status-short{display:none}}.song-shelf{align-items:center;column-gap:var(--space-2);grid-area:song;grid-template-columns:minmax(0,auto);grid-template-areas:"picker";min-width:0;display:grid;position:relative}.song-shelf-picker{--menu-w:216px;--song-name-w:168px;align-items:center;gap:var(--space-2);grid-area:picker;min-width:0;display:flex;position:relative}.song-shelf-picker .menu-select{flex:none;inline-size:auto;min-inline-size:0;position:static}.song-shelf-menu.menu-select-panel{inline-size:var(--menu-w)}.song-menu-key[aria-expanded=true]{border-color:var(--silkscreen);color:var(--hero-white)}.song-name{box-sizing:border-box;flex:0 1 var(--song-name-w);inline-size:var(--song-name-w);min-inline-size:0;block-size:var(--header-item-h,var(--hit-min));font-family:var(--font-value);font-weight:var(--weight-value);font-size:var(--text-label);letter-spacing:.04em;text-align:start;text-transform:none;color:var(--silkscreen);background:0 0;border:0;border-radius:0;margin:0;padding:0}.song-name-key{cursor:text;transition:color var(--duration-micro) var(--ease);align-items:center;display:flex}.song-name-text,.song-name--fixed{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-name--fixed{line-height:var(--header-item-h,var(--hit-min));color:var(--silkscreen-dim);display:block}@media (hover:hover){.song-name-key:hover:not(:disabled){color:var(--hero-white)}}.song-name-key:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.song-name-field{border-bottom:1px solid var(--line-dim);color:var(--hero-white);caret-color:var(--hero-white);-webkit-user-select:text;user-select:text;outline:none}.song-shelf-menu{--song-row-h:44px}.song-option-row{min-block-size:var(--song-row-h);border-bottom:1px solid var(--silkscreen-ghost);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;display:grid}.song-option-row:last-child{border-bottom:0}.song-option-row.is-confirming{background:var(--panel-inset)}.song-option{inline-size:100%;min-block-size:var(--song-row-h);padding-inline:var(--space-3) var(--space-1);font-family:var(--font-value);font-weight:var(--weight-value);letter-spacing:.04em;text-transform:none;flex-direction:column;align-items:flex-start;gap:0}.song-option-name{text-overflow:ellipsis;white-space:nowrap;text-align:start;inline-size:100%;overflow:hidden}.song-option-meta{white-space:nowrap;align-items:baseline;gap:var(--space-1);inline-size:100%;font-family:var(--font-chrome);letter-spacing:var(--tracking-label);color:var(--silkscreen-faint);font-size:10px;line-height:1.4;display:flex;overflow:hidden}.song-option-date{font-variant-numeric:tabular-nums}.song-option-tag{text-transform:uppercase}.song-option-tag:before{content:"· "}.song-option:active .song-option-meta,.song-option.is-pressed .song-option-meta{color:inherit}.song-option.is-active{color:var(--silkscreen)}.song-option-row:has(.song-option.is-active){outline:1px solid var(--silkscreen);outline-offset:-1px}.song-option-key{border-inline-start:1px solid var(--silkscreen-ghost);flex:none}.song-option-rename{min-block-size:var(--song-row-h);grid-column:1/-1;align-items:center;padding-inline-start:var(--space-3);display:flex}.song-option-rename-input{border:0;border-bottom:1px solid var(--line-faint);min-inline-size:0;font-family:var(--font-value);font-weight:var(--weight-value);font-size:var(--text-label);letter-spacing:.04em;color:var(--silkscreen);background:0 0;flex:auto;padding:0}.song-option-error{padding-inline:var(--space-3);font-family:var(--font-chrome);letter-spacing:var(--tracking-label);color:var(--record-red);flex:0 0 100%;font-size:10px}.song-option-confirm{min-block-size:var(--song-row-h);grid-column:1/-1;justify-content:flex-end;align-items:center;gap:0;padding-inline-start:var(--space-3);display:flex}.song-option-confirm-text{min-width:0;font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--silkscreen);white-space:nowrap;flex:auto}.song-shelf-empty{font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--silkscreen-faint);white-space:nowrap}.song-shelf-notice{z-index:20;max-inline-size:min(320px, calc(100vw - 2 * var(--gutter)));overflow-wrap:anywhere;padding:var(--space-1) var(--space-2);border:1px solid var(--silkscreen-ghost);background:var(--panel);font-family:var(--font-value);font-weight:var(--weight-value);font-size:var(--text-label);line-height:var(--leading-note);color:var(--silkscreen-faint);position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0}.song-shelf-notice:empty{display:none}.song-shelf-notice--undo{align-items:stretch;gap:var(--space-2);color:var(--silkscreen);padding-block:0;padding-inline-end:0;display:flex}.song-shelf-notice-text{min-inline-size:0;padding-block:var(--space-1);flex:auto;align-self:center}.song-shelf-notice-key{padding-inline:var(--space-3);border-inline-start:1px solid var(--silkscreen-ghost);text-transform:uppercase;border-radius:0;flex:none;justify-content:center;font-size:10px}.song-shelf-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (max-width:719px){.song-shelf{grid-template-columns:minmax(0,1fr)}.song-shelf-picker{--menu-w:100%;min-width:0}}.song-menu-actions{z-index:1;border-bottom:1px solid var(--line-faint);background:var(--panel);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:sticky;inset-block-start:0}.song-menu-actions--save{grid-template-columns:repeat(5,minmax(0,1fr))}.song-menu-actions--save .song-menu-action-label{letter-spacing:.02em;font-size:9px}.song-menu-foot{z-index:1;background:var(--panel);position:sticky;inset-block-end:0}.song-menu-foot>*{border-top:1px solid var(--line-faint)}.song-menu-app{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.song-menu-action.song-menu-app-key{justify-content:center;gap:var(--space-2);min-block-size:36px;padding-inline:var(--space-2);flex-direction:row}.song-menu-action.song-menu-account{justify-content:flex-start;gap:var(--space-2);inline-size:100%;min-block-size:var(--song-row-h);padding-inline:var(--space-2);border-radius:0;flex-direction:row}.song-menu-account-email{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.song-menu-signin-row{padding:0 var(--space-3);box-shadow:inset 0 1px 0 var(--line-faint);border-top:0}.song-menu-signin{inline-size:100%;min-block-size:var(--song-row-h,44px);padding-block:0;padding-inline:var(--space-2);color:#0b0b0d;font-family:var(--font-chrome);letter-spacing:.01em;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.song-menu-signin:hover{background:#e6e6e6}.song-menu-signin:active{background:#d4d4d4}.song-menu-signin:focus-visible{outline:2px solid var(--silkscreen);outline-offset:2px}.song-menu-undo{min-block-size:var(--song-row-h);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-inline-start:var(--space-3);display:grid}.song-menu-undo-text{flex-direction:column;min-inline-size:0;display:flex}.song-menu-undo-lead{font-family:var(--font-chrome);letter-spacing:var(--tracking-label);color:var(--silkscreen-faint);font-size:10px;line-height:1.4}.song-menu-undo-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-value);font-weight:var(--weight-value);font-size:var(--text-label);letter-spacing:.04em;color:var(--silkscreen);overflow:hidden}.song-menu-undo-key.song-menu-action{padding-inline:var(--space-3);border-inline-start:1px solid var(--silkscreen-ghost);justify-content:center;align-self:stretch}.song-menu-action{min-block-size:var(--song-row-h);padding:var(--space-1) 0;border-radius:0;flex-direction:column;gap:3px}.song-menu-action+.song-menu-action{border-inline-start:1px solid var(--silkscreen-ghost)}.song-menu-action-label{font-family:var(--font-chrome);font-weight:var(--weight-chrome);letter-spacing:var(--tracking-label);text-transform:uppercase;font-size:10px;line-height:1}.song-shelf-menu.menu-select-panel{max-block-size:min(440px,68vh)}@media (max-width:1119px){.app:not([data-compact-shell]) .song-name{display:none}}.app:not([data-compact-shell]) .song-shelf-menu{inset-inline:0 auto}.app[data-compact-shell] .song-name{letter-spacing:.02em;flex:auto;inline-size:auto;font-size:16px}@media (pointer:coarse){.song-name{block-size:var(--hit-touch)}.song-name-field,.song-option-rename-input{font-size:16px}}@media (pointer:coarse) and (min-width:720px){.app:not([data-compact-shell]) .song-shelf-picker{--menu-w:260px}}.song-menu-action--save.is-locked{opacity:.4}.song-menu-ask{gap:var(--space-1);padding:var(--space-2) var(--space-3) 0;border-bottom:1px solid var(--line-faint);display:grid}.song-menu-ask-text{font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--silkscreen)}.song-menu-ask-keys{margin-inline:calc(-1 * var(--space-3));grid-template-columns:auto auto minmax(0,1fr);display:grid}.song-menu-ask-keys .song-menu-action{padding-inline:var(--space-3)}.module-selector-backdrop{z-index:70}.module-selector{--selector-mark:var(--hit-touch);--selector-action:calc(var(--hit-min) * 2 + var(--space-1))}.plate-glass>.plate.module-selector{overscroll-behavior:contain;max-block-size:min(1080px,100%);inline-size:min(920px,100%);display:block;overflow:auto}.module-selector:focus{outline:none}.module-selector-header{z-index:1;background:var(--panel);position:sticky;inset-block-start:0}.module-selector-icon{width:var(--hit-min);height:var(--hit-min);flex-shrink:0}.module-selector-icon:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.module-selector-list{gap:var(--space-3);padding:var(--space-4) calc(var(--space-4) * 1.5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.module-selector-row{grid-template:1fr/1fr;min-width:0;display:grid}.module-selector-add{grid-area:1/1;grid-template-columns:minmax(0, 1fr) var(--selector-mark);align-items:center;gap:var(--space-2) var(--space-2);padding:var(--space-2);border:1px solid var(--silkscreen-ghost);border-radius:var(--tile-radius);background:var(--substrate);text-align:left;touch-action:manipulation;transition:border-color var(--duration-micro) var(--ease), background var(--duration-micro) var(--ease);grid-template-rows:auto 1fr;display:grid}.module-selector-add:not(:disabled):hover{border-color:var(--line-faint);background:color-mix(in srgb, var(--silkscreen) 4%, var(--substrate))}.module-selector-add:not(:disabled):active{background:color-mix(in srgb, var(--silkscreen) 10%, var(--substrate))}.module-selector-add:not(:disabled):active .module-selector-mark{background:var(--silkscreen);border-color:var(--silkscreen);color:var(--substrate)}.module-selector-add:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.module-selector-add:disabled{opacity:1;cursor:default}.module-selector-preview{aspect-ratio:4/3;border-radius:calc(var(--tile-radius) - 2px);background:var(--substrate);grid-column:1/-1;display:block;overflow:hidden}.module-selector-still{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-flip) var(--ease);display:block}.module-selector-add:not(:disabled):hover .module-selector-still,.module-selector-add:not(:disabled):focus-visible .module-selector-still{transform:scale(1.04)}.module-selector-action{padding:var(--space-2);pointer-events:none;grid-area:1/1;place-self:end;place-items:center;display:grid}.module-selector-action>*{pointer-events:auto}.module-selector-mark{width:var(--selector-mark);height:var(--selector-mark);border-radius:var(--radius);color:var(--silkscreen-dim);transition:background var(--duration-micro) var(--ease), border-color var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease);border:1px solid #0000;justify-content:center;justify-self:end;align-items:center;display:inline-flex}.module-selector-add:not(:disabled):hover .module-selector-mark{border-color:var(--line-faint);color:var(--silkscreen)}.module-selector-remove{width:var(--selector-mark);height:var(--selector-mark)}.module-selector-confirm{justify-items:center;gap:var(--space-1);width:var(--selector-action);padding:var(--space-1) 0;border-radius:var(--radius);background:var(--panel);display:grid}.module-selector-sure{font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);line-height:var(--leading-chrome);letter-spacing:var(--tracking-label);color:var(--silkscreen)}.module-selector-confirm-actions{gap:var(--space-1);display:flex}.module-selector-identity{min-width:0;padding-left:var(--space-1);flex-direction:column;gap:2px;display:flex}.module-selector-code{font-size:var(--text-label);letter-spacing:var(--tracking-wide);color:var(--silkscreen)}.module-selector-words{font-family:var(--font-value);font-size:var(--text-label);color:var(--silkscreen-faint);line-height:1.25}.module-selector-row[data-present=true] .module-selector-preview{opacity:.58}.module-selector-row[data-present=true] .module-selector-code{color:var(--silkscreen-faint)}@media (max-width:640px){.module-selector-list{gap:var(--space-2);padding:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (pointer:coarse){.module-selector{--selector-action:calc(var(--hit-touch) * 2 + var(--space-1))}.module-selector-icon{width:var(--hit-touch);height:var(--hit-touch)}}@media (prefers-reduced-motion:reduce){.module-selector-add,.module-selector-mark,.module-selector-icon,.module-selector-still{transition:none}.module-selector-add:not(:disabled):hover .module-selector-still,.module-selector-add:not(:disabled):focus-visible .module-selector-still{transform:none}}.module-selector-experimental-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) calc(var(--space-4) * 1.5) var(--space-2);border-top:1px solid var(--line-faint);flex-wrap:wrap;display:flex}.module-selector-experimental-heading h3{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.12em;margin:0}.module-selector-experimental-heading p{margin:var(--space-1) 0 0;font-size:var(--text-label);color:var(--silkscreen-faint)}.module-symbol{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}.module-symbol *{vector-effect:non-scaling-stroke}.app:not([data-stage=on]) .module-step-arrows{--step-arrow-w:min(72px, var(--step-gutter));--step-gutter:calc((100vw - min(1440px, 100vw - 80px)) / 2)}.module-step-arrows{z-index:41;pointer-events:none;transition:opacity .16s;position:fixed;inset:0}.module-step-arrows[data-held]{opacity:0}.module-step-arrows[data-held] .module-step-arrow{pointer-events:none}.module-step-arrow.chrome-button{inline-size:var(--step-arrow-w);opacity:.6;pointer-events:auto;touch-action:manipulation;justify-content:center;block-size:clamp(64px,100dvh - 190px,120px);min-block-size:0;min-inline-size:0;padding:0;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.module-step-arrow svg{block-size:40px;inline-size:40px}.module-step-arrow--prev{inset-inline-start:calc(var(--step-gutter) - var(--step-arrow-w))}.module-step-arrow--next{inset-inline-end:calc(var(--step-gutter) - var(--step-arrow-w))}.module-step-arrow--prev svg{transform:rotate(90deg)}.module-step-arrow--next svg{transform:rotate(-90deg)}@media (hover:hover){.module-step-arrow.chrome-button:hover{opacity:1}}@media (max-width:719px),(max-height:500px) and (pointer:coarse){.module-step-arrow svg{block-size:32px;inline-size:32px}}.app{--header-action-height:var(--hit-min);--header-action-gap:var(--space-2);--header-action-border:var(--line-faint);min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app-content{transition:opacity var(--duration-flip) var(--ease);flex-direction:column;flex:1;display:flex;position:relative}.app-content.is-dormant{opacity:1}.audio-stalled-host{z-index:45;inset-inline:0;bottom:calc(var(--space-4) * 1.5);pointer-events:none;justify-content:center;display:flex;position:fixed}.audio-stalled-toast{pointer-events:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--line-faint);border-radius:var(--feedback-radius);background:var(--feedback-plate);font-family:var(--font-chrome);font-weight:var(--weight-chrome);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:lowercase;color:var(--silkscreen);text-align:center;cursor:pointer;animation:audio-stalled-toast-in var(--duration-flip) var(--ease) both;margin:0}.audio-stalled-toast:hover{border-color:var(--line-dim);color:var(--hero-white)}.audio-stalled-toast.backup-nudge{align-items:center;gap:var(--space-2);max-width:calc(100vw - 2 * var(--space-4));text-align:start;cursor:default;display:flex}.backup-nudge button{padding:var(--space-1) var(--space-2);border:1px solid var(--line-faint);border-radius:var(--feedback-radius);font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;flex:none;margin:0}.backup-nudge .backup-nudge-close{border-color:#0000;display:inline-flex}.backup-nudge button:hover{border-color:var(--line-dim);color:var(--hero-white)}@keyframes audio-stalled-toast-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.audio-stalled-toast{animation:none}}.song-rack .canvas-card{opacity:var(--song-presentation,1)}.app[data-song-phase]:not([data-song-phase=idle]) .song-rack .canvas-card{scale:calc(.94 + .06 * var(--song-presentation,1))}.app[data-song-phase=applying] .song-rack,.app[data-song-phase=revealing] .song-rack{--song-presentation:0}.empty-modules{pointer-events:none;justify-content:center;display:flex;position:fixed;inset:40% 0 auto}.empty-modules>button{align-items:center;gap:var(--space-2);pointer-events:auto;min-height:44px;display:inline-flex}.wake-surface{--wake-rhythm-line:var(--space-4);--wake-rhythm-group:calc(var(--space-4) * 2);--wake-film:min(76vw, 64vh, 800px);--wake-gutter:var(--gutter);touch-action:none;overscroll-behavior:none;z-index:50;padding-block:max(var(--wake-gutter), env(safe-area-inset-top,0px)) max(var(--wake-gutter), env(safe-area-inset-bottom,0px));padding-inline:max(var(--wake-gutter), env(safe-area-inset-left,0px)) max(var(--wake-gutter), env(safe-area-inset-right,0px));background:0 0;place-items:center;display:grid;position:fixed;inset:0}.wake-box{z-index:1;isolation:isolate;align-items:center;gap:var(--wake-rhythm-line);inline-size:fit-content;max-inline-size:100%;padding:calc(var(--wake-rhythm-group) * 1.5) calc(var(--wake-rhythm-group) * 1.25);cursor:pointer;transition:box-shadow .2s var(--ease), scale .16s var(--ease);translate:0 var(--wake-composition-shift,0px);margin-block-end:clamp(0px, 6vh, calc(var(--space-4) * 4));position:relative}@supports (height:100svh){@media (max-width:600px) and (orientation:portrait){html:not([data-visuals]) .wake-surface[data-wake-module]{--wake-composition-shift:clamp(0px, calc(100svh - 780px - var(--wake-rhythm-line)), calc(var(--space-4) * 5))}}}.wake-gate-mark{inline-size:100%;min-inline-size:calc(var(--wake-film) * .78);block-size:calc(var(--wake-film) * .66);place-items:center;display:grid;position:relative}.wake-logo{z-index:0;inline-size:var(--wake-film);aspect-ratio:1;transform:translate(-50%, -50%) translate3d(var(--wake-logo-shift-x,0px), var(--wake-logo-shift-y,0px), 0) perspective(900px) rotateX(var(--wake-logo-tilt-x,0deg)) rotateY(var(--wake-logo-tilt-y,0deg));will-change:transform;filter:brightness(.9);mix-blend-mode:lighten;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset-block-start:calc(50% + var(--wake-film) * .027);inset-inline-start:50%;-webkit-mask-image:radial-gradient(closest-side,#000 82%,#0000 100%);mask-image:radial-gradient(closest-side,#000 82%,#0000 100%)}.wake-logo img,.wake-logo video{object-fit:contain;block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.wake-logo video{visibility:hidden}.wake-logo[data-playing] video{visibility:visible}.wake-logo[data-playing] img{visibility:hidden}@media (prefers-reduced-motion:reduce){.wake-logo video{visibility:hidden}.wake-logo[data-playing] img{visibility:visible}}.wake-gate-kicker,.wake-gate-title,.wake-gate-promise,.wake-gate-description,.wake-gate-fine,.wake-gate-group{z-index:1;mix-blend-mode:difference;position:relative}.wake-gate-kicker{font-family:var(--font-chrome);text-align:center;text-wrap:balance;font-size:clamp(11px,3.25vw,16px);font-weight:var(--weight-chrome);line-height:var(--leading-chrome);letter-spacing:var(--tracking-wide);text-indent:var(--tracking-wide);text-transform:uppercase;color:var(--hero-white);margin:0}.wake-gate-title{font-family:var(--font-chrome);font-size:max(36px, calc(var(--wake-film) * .176));letter-spacing:-.04em;color:var(--hero-white);white-space:nowrap;margin:0;font-weight:300;line-height:.95}.wake-gate-promise{font-family:var(--font-value);font-size:clamp(12px,3.4vw,15px);font-weight:var(--weight-value);line-height:var(--leading-note);color:var(--hero-white);text-align:center;text-wrap:balance;margin:0}.wake-gate-description{contain:inline-size;font-family:var(--font-value);font-size:clamp(var(--text-label), 2.4vw, 15px);font-weight:var(--weight-value);line-height:var(--leading-note);color:var(--hero-white);opacity:.78;text-align:center;text-wrap:pretty;align-self:stretch;margin:0}.wake-gate-fine{contain:inline-size;font-family:var(--font-value);font-size:var(--text-label);font-weight:var(--weight-value);line-height:var(--leading-note);color:var(--hero-white);opacity:.6;text-align:center;text-wrap:pretty;flex-direction:column;align-self:stretch;align-items:center;gap:4px;margin-block-start:var(--wake-rhythm-line);display:flex}.wake-gate-notice,.wake-gate-privacy{margin:0}.wake-gate-privacy a{color:inherit;text-underline-offset:2px;text-decoration:underline}.wake-gate-group{flex-direction:column;align-items:center;margin-block-end:var(--wake-rhythm-line);display:flex}.wake-surface .fullscreen-toggle{z-index:1;position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4)}@media (max-width:719px){.wake-surface{--wake-gutter:var(--space-3)}.app-content.is-dormant .transport{visibility:hidden}}.wake-gate-action{font-family:var(--font-chrome);font-size:clamp(16px,4.6vw,22px);font-weight:var(--weight-chrome);text-transform:uppercase;color:var(--hero-white);min-block-size:44px;padding:var(--space-2) var(--space-4);letter-spacing:var(--tracking-wide);text-indent:var(--tracking-wide);cursor:pointer;transition:scale .2s var(--ease);background:0 0;border:0;border-radius:0}@media (hover:hover){.wake-box:hover{box-shadow:0 0 0 1px #ffffff57,0 0 40px #ffffff0f}.wake-box:hover .wake-gate-action{scale:1.06}}.wake-box:active{scale:.985}@media (prefers-reduced-motion:reduce){.wake-box,.wake-gate-action{transition:none}}.wake-gate-action:focus-visible{outline:1px solid var(--silkscreen);outline-offset:var(--space-1)}.wake-plate-stage{transform:translate3d(var(--wake-pointer-x,0px), var(--wake-pointer-y,0px), 0);transition:transform var(--duration-micro) var(--ease)}.wake-plates{--wake-plate-size:clamp(76px, 8.4vw, 124px);justify-content:center;align-items:flex-start;gap:clamp(var(--space-3), 2.4vw, calc(var(--space-4) * 2.5));display:flex}.wake-plates[data-wake-look=tray]{--wake-plate-size:clamp(76px, 8.4vw, 124px);gap:clamp(var(--space-3), 2.4vw, calc(var(--space-4) * 2.5))}.wake-plates[data-wake-look=rail]{--wake-plate-size:clamp(64px, 7vw, 104px);gap:var(--space-3);position:relative}.wake-plates[data-wake-look=rail]:before{content:"";background:var(--line-on);block-size:1px;position:absolute;inset-block-start:calc(var(--wake-plate-size) / 2);inset-inline:0}.wake-plates[data-wake-look=rail] .wake-plate-frame{box-shadow:none;background:0 0}.wake-plates[data-wake-look=rail] .wake-plate{gap:var(--space-4)}.wake-plates[data-wake-look=index]{--wake-plate-size:clamp(76px, 8.4vw, 124px);gap:var(--space-5)}.wake-plates[data-wake-look=index] .wake-plate-card{display:none}.wake-plates[data-wake-look=index] .wake-plate{gap:0;inline-size:auto}.wake-plates[data-wake-look=index] .wake-plate-name:before{content:"";inline-size:var(--space-5);block-size:1px;vertical-align:middle;background:var(--line-faint);margin-inline-end:var(--space-5);display:inline-block}.wake-plates[data-wake-look=index] .wake-plate:first-child .wake-plate-name:before{content:none}.wake-plate{align-items:center;gap:var(--space-4);inline-size:var(--wake-plate-size);transition:transform var(--duration-micro) var(--ease);flex-direction:column;margin:0;display:flex}.wake-plate-card{aspect-ratio:1;inline-size:100%;position:relative}.wake-plate-frame{z-index:0;border:1px solid var(--line-faint);border-radius:var(--radius-sharp);background:color-mix(in srgb, var(--panel) 40%, transparent);box-shadow:0 18px 28px -16px color-mix(in srgb, var(--substrate) 100%, transparent);position:absolute;inset:0}.wake-plate-face{z-index:1;inline-size:var(--wake-object-w);block-size:var(--wake-object-h);transform:translate(calc(-50% + var(--wake-object-x)), calc(-50% + var(--wake-object-y)));position:absolute;inset-block-start:50%;inset-inline-start:50%}.wake-plate-name{font-family:var(--font-value);font-size:var(--text-label);font-weight:var(--weight-value);letter-spacing:var(--tracking-wide);text-transform:lowercase;color:var(--silkscreen-faint)}@media (hover:hover){.wake-plate:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.wake-plate{transition:none;animation:none}.wake-plate-stage{transition:none;transform:none}}@media (max-width:767px){.wake-plates{--wake-plate-size:clamp(64px, 12vw, 96px)}}@media (max-width:559px){.wake-plates,.wake-plate-stage{display:none}}@media (max-width:480px){.wake-gate-title{font-size:max(32px, calc(var(--wake-film) * .145))}.wake-box{padding-inline:var(--wake-rhythm-line)}}@media (max-width:340px){.wake-gate-kicker{letter-spacing:var(--tracking-label);text-indent:var(--tracking-label)}}.app-content.is-dormant,.app-content.is-dormant~.stage-strip{visibility:hidden}@media (max-height:700px){.wake-surface{--wake-rhythm-group:var(--space-4)}.wake-box{margin-block-end:0}}@media (max-height:500px) and (min-width:601px){.wake-surface{--wake-rhythm-line:var(--space-2);--wake-rhythm-group:var(--space-3)}.wake-gate-title{font-size:max(32px, calc(var(--wake-film) * .176))}}@media (min-width:1600px) and (min-height:1000px){.wake-gate-kicker{font-size:18px}.wake-gate-promise{font-size:17px}.wake-gate-action{font-size:26px}}.mobile-sheet-dismiss{z-index:41;cursor:default;touch-action:none;width:100%;height:100%;position:fixed;inset:0}@media (forced-colors:active){.mobile-sheet-trigger{color:canvastext;border-color:canvastext}}.app[data-stage=on][data-stage-present][data-record-frame] .module-frame.is-expanded .frame-visual-pane{margin-block-end:var(--stage-strip-h,60px);container-type:size}.app[data-stage=on][data-stage-present][data-record-frame]{--record-ratio:.5625}.app[data-stage=on][data-stage-present][data-record-frame=square]{--record-ratio:1}.app[data-stage=on][data-stage-present][data-record-frame] .module-frame.is-expanded .face-host{width:min(100cqw, calc(100cqh * var(--record-ratio)));height:min(100cqh, calc(100cqw / var(--record-ratio)));aspect-ratio:auto;outline:1px solid var(--line-faint);--face-hud-bottom:var(--space-2);flex:none;margin:auto;position:absolute;inset:0;box-shadow:0 0 0 100vmax #000}.app[data-stage=on][data-stage-present][data-record-frame] .module-frame.is-expanded .frame-letterbox{display:none}.app[data-stage=on][data-stage-present][data-record-frame] .module-frame.is-expanded .corner-dock{bottom:var(--corner-dock-inset)}.app[data-stage=on]{--stage-strip-min:56px;--stage-row-h:var(--chrome-h);--stage-drawer-w:560px;--stage-reveal-duration:.18s;height:100vh;height:100dvh;height:var(--stage-vh,100dvh);min-height:0;overflow:hidden}.app[data-stage=on] .scene-canvas-root{width:100vw;left:0}.app[data-stage=on] .app-content{min-height:0;overflow:hidden}body:has(.app[data-stage=on]){overflow:hidden}.app[data-stage=on] .topmenu{padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}@media (max-width:1119px){.app[data-stage=on]{--stage-drawer-w:min(56vw, calc(100vw - 280px))}}.app[data-stage=on] .module-frame.is-expanded{inset:var(--stage-viewport-top,0px) 0 calc(var(--stage-strip-h,calc(var(--stage-strip-min) + env(safe-area-inset-bottom,0px))) + var(--stage-bottom,0px)) 0;border:0;border-radius:0;width:auto;max-width:none;height:auto;max-height:none;margin:0}.app[data-stage=on] .module-frame.is-expanded .frame-visual-pane{flex:1 1 0;width:auto;min-width:0;max-width:none}.app[data-stage=on] .module-frame.is-expanded .frame-settings{flex:0 0 var(--stage-drawer-w);width:var(--stage-drawer-w);overscroll-behavior:contain;z-index:5;background:var(--settings-over-picture);padding-inline-start:var(--settings-grip-pad);position:absolute;inset:0 0 0 auto;overflow-y:auto}.app[data-stage=on][data-stage-present] .module-frame.is-expanded{inset-block-end:var(--stage-bottom,0px)}.app[data-stage=on][data-stage-present] .module-frame.is-expanded .corner-dock{bottom:calc(var(--corner-dock-inset) + var(--stage-strip-h,60px))}.app[data-stage=on][data-stage-present]:not([data-record-frame]) .module-frame.is-expanded .frame-visual-pane{margin-block-start:calc(-1 * var(--stage-row-h))}.app[data-stage=on][data-stage-present]:not([data-record-frame]) .module-frame.is-off.is-expanded .frame-off-x{height:100%;top:0}.app[data-stage=on][data-stage-compact][data-stage-present][data-stage-chrome=shown] .module-frame.is-expanded .frame-chrome{background:var(--panel)}.app[data-stage=on][data-stage-present] .module-frame.is-expanded .face-host{--face-hud-bottom:calc(var(--stage-strip-h,60px) + var(--space-2));--corner-dock-inset:var(--space-2)}.app[data-stage=on] .expand-catcher{pointer-events:none}.app[data-stage=on] .expand-catcher:before,.app[data-stage=on] .app-footer,.app[data-stage=on] .canvas-add-tile{display:none}.app[data-stage=on] .module-frame.is-expanded .frame-chrome{z-index:7;position:relative}.app[data-stage=on] .topmenu,.app[data-stage=on] .module-frame.is-expanded .frame-chrome{transition:opacity var(--stage-reveal-duration) var(--ease), transform var(--stage-reveal-duration) var(--ease)}.app[data-stage=on][data-stage-chrome=hidden] .topmenu{opacity:0;pointer-events:none}.app[data-stage=on][data-stage-chrome=hidden] .module-frame.is-expanded .frame-chrome,.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-chrome{pointer-events:none;background:0 0;border-color:#0000}.app[data-stage=on][data-stage-chrome=hidden] .module-frame.is-expanded .frame-identity,.app[data-stage=on][data-stage-chrome=hidden] .module-frame.is-expanded .frame-chrome-right>:not(.module-settings-button),.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-identity,.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-chrome-right>:not(.module-settings-button){opacity:0;pointer-events:none}.app[data-stage=on][data-stage-chrome=hidden] .module-frame.is-expanded .frame-chrome-right>.module-settings-button,.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-chrome-right>.module-settings-button{pointer-events:auto}.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-chrome-right>.frame-volume,.app[data-stage=on]:not([data-stage-compact]) .module-frame.is-expanded .frame-chrome-right>.frame-power,.app[data-stage=on][data-stage-compact][data-stage-present][data-stage-chrome=hidden]:not([data-record-frame]) .module-frame.is-expanded .frame-chrome-right>.frame-volume{opacity:1;pointer-events:auto}.app[data-stage=on]:not([data-stage-compact])[data-stage-chrome=shown] .module-frame.is-expanded .frame-chrome-right{transform:translateY(var(--stage-header-bottom,0px))}.app[data-stage=on][data-stage-chrome=hidden] .topmenu *{pointer-events:none}.app[data-stage=on][data-stage-chrome=hidden] .stage-chrome-key{opacity:.55}.app[data-stage=on] .stage-strip,.app[data-stage=on] .stage-strip .stage-strip-start,.app[data-stage=on] .stage-strip .stage-strip-list,.app[data-stage=on] .stage-strip .stage-strip-end,.app[data-stage=on] .stage-chrome-key,.app[data-stage=on] .module-frame.is-expanded .corner-dock,.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.module-settings-button,.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-volume,.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-power{transition:opacity var(--stage-reveal-duration) var(--ease)}.app[data-stage=on][data-stage-idle] .stage-strip:not(:focus-within) .stage-strip-start,.app[data-stage=on][data-stage-idle] .stage-strip:not(:focus-within) .stage-strip-list,.app[data-stage=on][data-stage-idle] .stage-strip:not(:focus-within) .stage-strip-end,.app[data-stage=on][data-stage-idle] .stage-chrome-key:not(:focus-visible),.app[data-stage=on][data-stage-idle] .module-frame.is-expanded .corner-dock:not(:focus-within),.app[data-stage=on][data-stage-idle] .module-frame.is-expanded .frame-chrome-right>.module-settings-button:not(:focus-visible):not([data-close]){opacity:.2}.app[data-stage=on][data-stage-idle] .module-frame.is-expanded:not(:has(.frame-settings)) .frame-chrome-right>.frame-volume:not(:focus-within){opacity:.2}.app[data-stage=on][data-stage-idle] .module-frame.is-expanded:not(:has(.frame-settings)) .frame-chrome-right>.frame-power:not(:focus-visible){opacity:.2}.app[data-stage=on]:has(.module-frame.is-expanded) .canvas-card:not(:has(.module-frame.is-expanded)){visibility:hidden}.app[data-stage=on] .stage-chrome-key{--stage-key-drop:0px;top:calc(var(--stage-viewport-top,0px) + env(safe-area-inset-top,0px));z-index:43;border:1px solid var(--line-faint);border-radius:0 0 var(--radius-sharp) var(--radius-sharp);background:var(--panel);block-size:16px;inline-size:40px;color:var(--silkscreen-dim);transform:translate(-50%, var(--stage-key-drop));transition:transform var(--stage-reveal-duration) var(--ease), color var(--duration-micro) var(--ease);border-top:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;left:50%}.app[data-stage=on] .stage-chrome-key:after{content:"";inline-size:var(--hit-touch);block-size:var(--stage-module-row-h,var(--hit-touch));position:absolute;top:0;left:50%;transform:translate(-50%)}.app[data-stage=on][data-mobile-sheet=open] .stage-chrome-key{display:none}.app[data-stage=on] .stage-chrome-key svg{transition:transform var(--stage-reveal-duration) var(--ease)}.app[data-stage=on][data-stage-chrome=shown] .stage-chrome-key{--stage-key-drop:calc(var(--stage-header-bottom,0px) - var(--stage-viewport-top,0px) - env(safe-area-inset-top,0px));color:var(--hero-white)}.app[data-stage=on][data-stage-chrome=shown] .stage-chrome-key svg{transform:rotate(180deg)}.app[data-stage=on] .stage-chrome-key:focus-visible{outline:2px solid var(--hero-white);outline-offset:2px}@media (prefers-reduced-motion:reduce){.app[data-stage=on] .topmenu,.app[data-stage=on] .module-frame.is-expanded .frame-chrome,.app[data-stage=on] .stage-chrome-key,.app[data-stage=on] .stage-chrome-key svg,.app[data-stage=on] .stage-strip,.app[data-stage=on] .module-frame.is-expanded .corner-dock{transition:none}}.app[data-stage=on] .stage-strip{inset:auto 0 var(--stage-bottom,0px) 0;z-index:41;align-items:center;column-gap:var(--space-3);min-block-size:calc(var(--stage-strip-min) + env(safe-area-inset-bottom,0px));padding:0 max(var(--space-3), env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(var(--space-3), env(safe-area-inset-left,0px));background:var(--panel);border-top:1px solid var(--line-faint);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:fixed}.app[data-stage=on] .stage-strip-centre{align-items:center;gap:var(--space-2);min-width:0;display:flex}.app[data-stage=on][data-stage-present] .stage-strip{pointer-events:none;background:0 0;border-top:0}.app[data-stage=on][data-stage-present] .stage-strip button,.app[data-stage=on][data-stage-present] .stage-strip-list{pointer-events:auto}.app[data-stage=on][data-stage-present] .stage-strip button:not([aria-pressed=true]){background:color-mix(in srgb, var(--panel) 45%, transparent)}.app[data-stage=on] .stage-strip-end{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.app[data-stage=on] .stage-auto-key{padding-inline:var(--space-2)}.app[data-stage=on] .stage-strip .stage-auto-key[aria-pressed=true]{border-color:var(--silkscreen);background:var(--silkscreen);color:var(--substrate)}.app[data-stage=on] .stage-strip .stage-auto-key[aria-pressed=true]:disabled{border-color:var(--strip-line);color:var(--silkscreen-dim);background:0 0}.app[data-stage=on] .stage-curtain{z-index:30;opacity:0;pointer-events:none;transition:opacity var(--stage-curtain-ms,1s) ease-in-out;background:#000;position:fixed;inset:0}.app[data-stage=on] .stage-curtain[data-dark]{opacity:1}.app[data-stage=on] .stage-curtain--switch{transition:none}@media (prefers-reduced-motion:reduce){.app[data-stage=on] .stage-curtain{transition:none}}.app[data-stage=on] .stage-strip-list{--stage-strip-ring:4px;gap:var(--space-2);min-width:0;margin:calc(-1 * var(--stage-strip-ring));padding:var(--stage-strip-ring);scroll-padding-inline:var(--stage-strip-ring);scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}.app[data-stage=on] .stage-strip-item{flex:none;display:flex}.app[data-stage=on] .stage-add{align-self:stretch;gap:var(--space-1);flex:none}.app[data-stage=on] .stage-strip button.stage-add,.app[data-stage=on][data-stage-present] .stage-strip button.stage-add{border-color:var(--silkscreen);color:var(--hero-white);background:0 0}.app[data-stage=on] .stage-add-name{letter-spacing:.04em;white-space:nowrap}.app[data-stage=on] .stage-strip .chrome-button{gap:var(--space-2);padding-inline:var(--space-2);min-block-size:var(--hit-min);border:1px solid var(--line-faint);border-radius:var(--radius-sharp);color:var(--silkscreen-dim);font-family:var(--font-chrome);font-size:var(--text-label);font-weight:var(--weight-chrome);letter-spacing:.04em;transition:border-color var(--duration-micro) var(--ease), color var(--duration-micro) var(--ease), background var(--duration-micro) var(--ease);background:0 0;justify-content:center}@media (hover:hover){.app[data-stage=on] .stage-strip .chrome-button:hover:not(:disabled){border-color:var(--silkscreen);color:var(--hero-white)}}.app[data-stage=on] .stage-strip .chrome-button:focus-visible{outline:2px solid var(--hero-white);outline-offset:2px}.app[data-stage=on] .stage-strip .chrome-button:active:not(:disabled){background:var(--line-faint)}.app[data-stage=on] .stage-strip .chrome-button:disabled{opacity:.4}.app[data-stage=on] .stage-strip .stage-destination[aria-current=true],.app[data-stage=on] .stage-strip .stage-destination[aria-current=true]:hover:not(:disabled),.app[data-stage=on] .stage-strip .stage-destination[aria-current=true]:active:not(:disabled),.app[data-stage=on][data-stage-present] .stage-strip button.stage-destination[aria-current=true]{border-color:var(--hero-white);background-color:var(--hero-white);color:var(--substrate)}.app[data-stage=on] .stage-destination[data-powered=off]:not([aria-current=true]){color:var(--silkscreen-faint)}.app[data-stage=on] .stage-strip .stage-strip-item .stage-destination[data-powered=off]{background-image:linear-gradient(to top right, transparent calc(50% - .75px), var(--silkscreen-dim) calc(50% - .75px), var(--silkscreen-dim) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(to bottom right, transparent calc(50% - .75px), var(--silkscreen-dim) calc(50% - .75px), var(--silkscreen-dim) calc(50% + .75px), transparent calc(50% + .75px))}.app[data-stage=on] .stage-strip .stage-strip-item .stage-destination[data-powered=off][aria-current=true]{background-image:linear-gradient(to top right, transparent calc(50% - .75px), var(--substrate) calc(50% - .75px), var(--substrate) calc(50% + .75px), transparent calc(50% + .75px)), linear-gradient(to bottom right, transparent calc(50% - .75px), var(--substrate) calc(50% - .75px), var(--substrate) calc(50% + .75px), transparent calc(50% + .75px))}.app[data-stage=on] .stage-destination-name{letter-spacing:.04em}@media (max-width:1119px){.app[data-stage=on] .stage-destination-name{display:none}}@media (pointer:coarse){.app[data-stage=on]{--stage-strip-min:64px}.app[data-stage=on] .stage-strip .chrome-button{min-block-size:var(--hit-touch);min-inline-size:var(--hit-touch)}}@media (max-width:719px),(max-height:500px) and (pointer:coarse){.app[data-stage=on]{--stage-drawer-w:min(96vw, 520px);--stage-strip-min:60px}.app[data-stage=on] .topmenu{inset:var(--stage-viewport-top,0px) 0 auto;position:fixed}.app[data-stage=on] .module-frame.is-expanded .frame-chrome{z-index:7;height:auto;min-block-size:calc(var(--hit-min) + 1px);padding-inline:var(--space-3) var(--space-1);border:0;border-bottom:1px solid var(--silkscreen-ghost);pointer-events:none;background:0 0;position:relative}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right{--module-chrome-slot:32px;--module-chrome-gap:var(--space-1);pointer-events:none;margin-inline-start:auto}.app[data-stage=on]{--stage-row-h:calc(var(--hit-touch) + 1px + env(safe-area-inset-top,0px))}.app[data-stage=on] .module-frame.is-expanded .frame-chrome{min-block-size:var(--stage-row-h);padding-block-start:env(safe-area-inset-top,0px);padding-inline:max(var(--space-3), env(safe-area-inset-left,0px)) max(var(--space-3), env(safe-area-inset-right,0px))}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-power{position:relative}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-power,.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.module-settings-button{inline-size:var(--module-chrome-slot);block-size:var(--module-chrome-slot);min-inline-size:var(--module-chrome-slot);min-block-size:var(--module-chrome-slot)}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-power:after,.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.module-settings-button:after{content:"";inline-size:var(--hit-touch);block-size:var(--hit-touch);position:absolute;top:50%;transform:translateY(-50%)}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.frame-power:after{left:auto;right:calc(var(--module-chrome-gap) / -2)}.app[data-stage=on] .module-frame.is-expanded .frame-chrome-right>.module-settings-button:after{left:calc(var(--module-chrome-gap) / -2)}.app[data-stage=on] .module-frame.is-expanded .frame-expand,.app[data-stage=on] .module-frame.is-expanded .frame-power,.app[data-stage=on] .module-frame.is-expanded .frame-volume{pointer-events:auto}.app[data-stage=on] .module-frame.is-expanded .frame-identity{align-self:center;display:flex}.app[data-stage=on] .module-frame.is-expanded .frame-body{flex-direction:row;position:relative}.app[data-stage=on] .module-frame.is-expanded .frame-visual-pane{flex:1 1 0;align-self:stretch;width:100%;min-width:0}.app[data-stage=on] .module-frame.is-expanded .face-host{aspect-ratio:auto;flex:1 1 0;align-self:stretch;width:100%;height:100%;min-height:0}.app[data-stage=on] .module-frame.is-expanded .frame-letterbox{display:none}.app[data-stage=on] .module-frame.is-expanded .frame-settings{z-index:5;width:var(--stage-drawer-w);background:var(--settings-over-picture);border-top:0;border-left:1px solid var(--silkscreen-ghost);max-height:100%;padding-left:var(--settings-grip-pad);padding-right:max(var(--settings-edge-inset), env(safe-area-inset-right,0px));padding-bottom:max(var(--settings-edge-inset), env(safe-area-inset-bottom,0px));flex:none;position:absolute;inset:0 0 0 auto;overflow:hidden}.app[data-stage=on] .stage-strip{gap:var(--space-1);padding-block:var(--space-1) max(var(--space-1), env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr) auto}.app[data-stage=on] .stage-strip-start{display:none}.app[data-stage=on] .stage-auto-key{min-block-size:var(--hit-touch)}.app[data-stage=on] .stage-strip-end{align-self:stretch}.app[data-stage=on] .stage-strip-centre{align-items:center;gap:var(--space-1);min-width:0;display:flex}.app[data-stage=on] .stage-strip-list{--stage-strip-fade:20px;justify-content:flex-start;gap:var(--space-1);overscroll-behavior-x:contain;touch-action:pan-x;scroll-padding-inline:calc(var(--stage-strip-fade) + var(--stage-strip-ring));-webkit-mask-image:linear-gradient(to right, transparent var(--stage-strip-fade-lead-start,0px), #000 calc(var(--stage-strip-fade-lead-start,0px) + var(--stage-strip-fade-start,0px)), #000 calc(100% - var(--stage-strip-fade-lead-end,0px) - var(--stage-strip-fade-end,0px)), transparent calc(100% - var(--stage-strip-fade-lead-end,0px)));-webkit-mask-image:linear-gradient(to right, transparent var(--stage-strip-fade-lead-start,0px), #000 calc(var(--stage-strip-fade-lead-start,0px) + var(--stage-strip-fade-start,0px)), #000 calc(100% - var(--stage-strip-fade-lead-end,0px) - var(--stage-strip-fade-end,0px)), transparent calc(100% - var(--stage-strip-fade-lead-end,0px)));mask-image:linear-gradient(to right, transparent var(--stage-strip-fade-lead-start,0px), #000 calc(var(--stage-strip-fade-lead-start,0px) + var(--stage-strip-fade-start,0px)), #000 calc(100% - var(--stage-strip-fade-lead-end,0px) - var(--stage-strip-fade-end,0px)), transparent calc(100% - var(--stage-strip-fade-lead-end,0px)));flex-wrap:nowrap;flex:auto;display:flex;overflow-x:auto}.app[data-stage=on] .stage-strip-list[data-fade-start=true]{--stage-strip-fade-start:var(--stage-strip-fade);--stage-strip-fade-lead-start:var(--stage-strip-ring)}.app[data-stage=on] .stage-strip-list[data-fade-end=true]{--stage-strip-fade-end:var(--stage-strip-fade);--stage-strip-fade-lead-end:var(--stage-strip-ring)}.app[data-stage=on] .stage-destination{padding:2px var(--space-2);flex-direction:column;gap:0;min-block-size:52px;min-inline-size:64px}.app[data-stage=on] .stage-strip-item{flex:1 0 0;min-inline-size:min-content;max-inline-size:72px}.app[data-stage=on] .stage-strip-item>.stage-destination{inline-size:100%;min-inline-size:min-content}.app[data-stage=on] .stage-destination-name{font-size:var(--text-label);line-height:1;display:block}.app[data-stage=on] .stage-strip .chrome-button{min-block-size:var(--hit-touch);min-inline-size:var(--hit-touch)}}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome{justify-content:flex-end;gap:var(--space-2);padding-inline:var(--stage-line-lead,162px) max(var(--space-3), env(safe-area-inset-right,0px))}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-identity{flex:0 auto;min-width:0}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right>.frame-step-readout{display:none}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right>.frame-volume .level-meter:before{width:calc(var(--module-chrome-slot) + var(--module-chrome-gap));height:var(--hit-touch)}@media (max-width:379px){.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right>.module-removal--header{display:none}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right>.frame-volume{flex-basis:24px;inline-size:24px}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right>.frame-volume .level-meter:before{width:calc(24px + var(--module-chrome-gap))}}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-status) .module-frame.is-expanded .frame-identity{display:none}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-result) .module-frame.is-expanded .frame-identity{display:none}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-status) .module-frame.is-expanded .frame-chrome-right>.module-removal--header{display:none}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-result) .module-frame.is-expanded .frame-chrome-right>.module-removal--header{display:none}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-status) .module-frame.is-expanded .frame-chrome-right>.frame-power{display:none}.app[data-stage=on][data-stage-compact]:has(.topmenu .record-result) .module-frame.is-expanded .frame-chrome-right>.frame-power{display:none}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome-right{flex:none;margin-inline-start:0}@media (max-width:359px){.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-chrome{gap:var(--space-1)}.app[data-stage=on][data-stage-compact][data-stage-root] .module-frame.is-expanded .frame-name{letter-spacing:.04em}}@media (max-width:719px),(max-height:500px) and (pointer:coarse){.app[data-stage=on][data-stage-root]{--stage-strip-min:46px}.app[data-stage=on][data-stage-root] .stage-strip{--stage-icon-key:38px}.app[data-stage=on][data-stage-root] .stage-destination-name{display:none}.app[data-stage=on][data-stage-root] .stage-strip-item{flex:none;min-inline-size:0;max-inline-size:none}.app[data-stage=on][data-stage-root] .stage-strip .chrome-button,.app[data-stage=on][data-stage-root] .stage-strip-item>.stage-destination{inline-size:var(--stage-icon-key);block-size:var(--stage-icon-key);min-inline-size:var(--stage-icon-key);min-block-size:var(--stage-icon-key);padding:0;position:relative}.app[data-stage=on][data-stage-root] .stage-strip .chrome-button:after{content:"";position:absolute;inset:-3px}.app[data-stage=on][data-stage-root] .stage-destination .module-symbol{block-size:22px;inline-size:22px}.app[data-stage=on][data-stage-root] .stage-strip-list,.app[data-stage=on][data-stage-root] .stage-strip-centre,.app[data-stage=on][data-stage-root] .stage-strip-end{gap:6px}.app[data-stage=on][data-stage-root] .stage-auto-key,.app[data-stage=on][data-stage-root] .stage-strip .chrome-button.stage-add{align-self:center}.app[data-stage=on][data-stage-root] .stage-add-name{display:none}.app[data-stage=on][data-stage-root] .stage-add .icon{inline-size:var(--icon-lg);block-size:var(--icon-lg)}.app[data-stage=on] .module-frame.is-expanded .frame-visual-pane:before{content:none}}.app[data-stage=on] .knob,.app[data-stage=on] .frame-settings .choice-chip:not(.is-active){background:color-mix(in srgb, var(--panel-inset) 45%, transparent)}.app[data-stage=on] .frame-settings .choice-chips--segmented .connected-toggle{--connected-toggle-ground:color-mix(in srgb, var(--panel-inset) 45%, transparent)}@media (prefers-reduced-transparency:reduce){.app[data-stage=on] .knob{background:var(--panel-inset)}.app[data-stage=on] .frame-settings .choice-chip:not(.is-active){background:var(--substrate)}.app[data-stage=on] .frame-settings .choice-chips--segmented .connected-toggle{--connected-toggle-ground:var(--substrate)}}.app[data-stage=on][data-stage-present] .module-frame.is-expanded .frame-settings{--settings-edge-inset:var(--space-2);--settings-grip-w:14px;--settings-grip-pad:calc(var(--settings-grip-w) + var(--space-1));--stage-plate-w:min(360px, calc(100vw - 2 * var(--space-2)));inset:var(--space-1) max(var(--space-2), env(safe-area-inset-right,0px)) auto auto;width:var(--stage-plate-w);max-height:calc(100% - var(--stage-strip-h,60px) - var(--space-3));padding:var(--space-2) var(--space-2) var(--space-2) var(--settings-grip-pad);background:var(--settings-over-picture);border:1px solid var(--silkscreen-ghost);border-radius:var(--radius-dock);flex-direction:column;flex:none;display:flex;overflow:hidden}.app[data-stage=on][data-stage-present][data-stage-chrome=shown] .module-frame.is-expanded .frame-settings{--stage-plate-clear:max(0px, calc(var(--stage-header-bottom,0px) - var(--stage-module-row-h,32px)));max-height:calc(100% - var(--stage-plate-clear) - var(--stage-strip-h,60px) - var(--space-3));inset-block-start:calc(var(--stage-plate-clear) + var(--space-1))}.app[data-stage=on][data-stage-present] .frame-settings .settings-pane{--control-dial-size:24px;--settings-row-gap:var(--space-3);flex:0 auto;height:auto}.app[data-stage=on][data-stage-present] .frame-settings .settings-scroll{scrollbar-gutter:auto;flex:0 auto}.app[data-stage=on][data-stage-present] .frame-settings .settings-grid{--settings-cols:4;column-gap:var(--space-1);padding-inline-end:0}.app[data-stage=on][data-stage-present] .frame-settings .knob{--knob-size:24px}.app[data-stage=on][data-stage-present] .frame-settings .module-settings-grip-mark{block-size:28px}.app[data-stage=on][data-stage-present] .frame-settings .settings-module-removal{padding-block:var(--space-2) 0;margin-block-start:var(--space-2)}.app[data-stage=on][data-stage-present]:not([data-stage-compact]){--stage-plate-reach:62%}.app[data-stage=on][data-stage-present]:not([data-stage-compact]) .module-frame.is-expanded .frame-settings{--stage-plate-w:320px;max-height:min(var(--stage-plate-reach), calc(100% - var(--stage-strip-h,60px) - var(--space-3)));background:color-mix(in srgb, var(--panel) 68%, transparent)}.app[data-stage=on][data-stage-present][data-stage-chrome=shown]:not([data-stage-compact]) .module-frame.is-expanded .frame-settings{max-height:min(var(--stage-plate-reach), calc(100% - var(--stage-plate-clear) - var(--stage-strip-h,60px) - var(--space-3)))}.app[data-stage=on][data-stage-present]:not([data-stage-compact]) .frame-settings .settings-pane{--settings-row-gap:var(--space-3);--settings-head-top:var(--space-2)}.app[data-stage=on][data-stage-present]:not([data-stage-compact]) .frame-settings .settings-group-header{border-bottom-color:#0000}.app[data-stage=on][data-stage-present]:not([data-stage-compact]) .frame-settings .knob-label{letter-spacing:0}@media (hover:hover) and (pointer:fine){.app[data-stage=on][data-stage-present] .module-frame.is-expanded .frame-settings{--settings-grip-w:22px;--settings-grip-pad:var(--settings-grip-w)}}@media (prefers-reduced-transparency:reduce){.app[data-stage=on][data-stage-present]:not([data-stage-compact]) .module-frame.is-expanded .frame-settings{background:var(--panel)}}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-body{container-type:size}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-visual-pane,.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-settings{--record-h:min(calc(100cqh - var(--stage-strip-h,60px)), calc(100cqw / var(--record-ratio)));--record-w:calc(var(--record-h) * var(--record-ratio));--record-left:calc((100cqw - var(--record-w)) / 2);--record-top:calc((100cqh - var(--stage-strip-h,60px) - var(--record-h)) / 2)}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-visual-pane{container-type:normal}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .face-host{inset:var(--record-top) auto auto var(--record-left);width:var(--record-w);height:var(--record-h);outline:0;margin:0;transition:width .3s ease-out,height .3s ease-out}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-settings{inset:var(--record-top) auto auto var(--record-left);width:calc(var(--record-w) * (1 - var(--record-picture-w)));height:calc(var(--record-h) * (1 - var(--record-picture-h)));max-height:none}.app[data-stage=on][data-stage-present][data-record-frame][data-record-panel=bottom][data-record-ui=on] .module-frame.is-expanded .frame-settings{top:calc(var(--record-top) + var(--record-h) * var(--record-picture-h));width:var(--record-w)}.app[data-stage=on][data-stage-present][data-record-frame][data-record-panel=side][data-record-ui=on] .module-frame.is-expanded .frame-settings{left:calc(var(--record-left) + var(--record-w) * var(--record-picture-w));height:var(--record-h)}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .frame-visual-pane:after{content:"";inset:var(--record-top) auto auto var(--record-left);width:var(--record-w);height:var(--record-h);pointer-events:none;z-index:6;outline:1px solid var(--line-faint);position:absolute;box-shadow:0 0 0 100vmax #000}.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded:has(.module-settings-button[aria-expanded=true]) .face-host{width:calc(var(--record-w) * var(--record-picture-w));height:calc(var(--record-h) * var(--record-picture-h))}@media (prefers-reduced-motion:reduce){.app[data-stage=on][data-stage-present][data-record-frame][data-record-ui=on] .module-frame.is-expanded .face-host{transition:none}}@media (max-width:719px){.app[data-stage=on][data-stage-present][data-record-frame][data-stage-compact] .module-frame.is-expanded .frame-chrome-right>.module-settings-button{--record-phone-h:min(calc(100dvh - var(--stage-strip-h,60px) - var(--stage-module-row-h,32px)), calc(100vw / var(--record-ratio)));pointer-events:auto;position:fixed;inset-block-start:max(calc(var(--stage-header-bottom,64px) + 8px), calc((100dvh - var(--stage-strip-h,60px) + var(--stage-module-row-h,32px) - var(--record-phone-h)) / 2 + 8px));inset-inline-end:max(8px, calc((100vw - var(--record-phone-h) * var(--record-ratio)) / 2 + 8px));translate:none}}@media (max-width:719px),(pointer:coarse){.app:not([data-stage=on]){padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}.app-footer{--footer-grey:#e1e1e16b;z-index:43;box-sizing:border-box;inline-size:calc(100% - 2 * var(--board-inset));max-inline-size:var(--board-max);justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) 0 calc(var(--space-4) * 1.5);font-family:var(--font-chrome);font-size:var(--text-label);font-weight:var(--weight-chrome);line-height:var(--leading-chrome);letter-spacing:var(--tracking-label);color:var(--footer-grey);flex-wrap:wrap;margin-inline:auto;display:flex;position:relative}.app-footer-item{align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.app-footer-version{font-family:var(--font-value);font-weight:var(--weight-value);letter-spacing:var(--tracking-wide);color:inherit}.app-footer-link{cursor:pointer;color:inherit;transition:color var(--duration-micro) var(--ease);text-decoration:none}.app-footer-link:hover{color:var(--silkscreen)}.app-footer-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (pointer:coarse){.app-footer-link{position:relative}.app-footer-link:after{content:"";inline-size:max(100%, var(--hit-touch));block-size:var(--hit-touch);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:720px){.app:has(.card-canvas) .app-content{flex:none}}.app:not([data-stage=on]):has(.module-frame.is-expanded,.expand-catcher) .app-footer{z-index:38}.info-backdrop{z-index:46}.info-page{inline-size:min(100%,62ch)}.info-page-body{padding-block-end:calc(var(--space-4) * 1.5)}.info-page-body:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.info-page-section+.info-page-section{margin-block-start:var(--space-4)}.info-page-heading{margin:0 0 var(--space-2);border-block-end:1px solid var(--silkscreen-ghost);font-family:var(--font-chrome);font-size:var(--text-label);font-weight:var(--weight-chrome);line-height:var(--leading-chrome);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--silkscreen-dim);padding-block-end:var(--space-1)}.info-page-line{font-family:var(--font-value);font-size:var(--text-value);font-weight:var(--weight-value);line-height:var(--leading-note);color:var(--silkscreen-dim);overflow-wrap:anywhere;margin:0}.info-page-line+.info-page-line{margin-block-start:var(--space-1)}.info-page-example{align-items:center;gap:var(--space-2);display:flex}.info-page-example-key{pointer-events:none;text-transform:uppercase;flex:none}.info-page-example--sign-in{flex-wrap:wrap}.info-page-example-key.song-menu-signin{inline-size:auto;padding-inline:var(--space-3);text-transform:none}.account-backdrop{z-index:48}.account-panel{inline-size:min(360px,100%);color:var(--silkscreen);font-family:var(--font-chrome);font-size:var(--text-label)}.account-body{gap:var(--space-3);padding:var(--space-4);display:grid}.account-line{color:var(--silkscreen);overflow-wrap:anywhere;margin:0}.account-small{color:var(--silkscreen-dim);margin:0;font-size:12px}.account-error{color:var(--silkscreen);margin:0;font-size:12px}.account-link{color:inherit}.account-privacy-summary{gap:var(--space-2);display:grid}.account-resent:empty,.account-sync-status:empty{position:absolute}.account-actions,.account-confirm{gap:var(--space-2);display:grid}.account-button{inline-size:100%;min-block-size:var(--hit-min)}.account-email{gap:var(--space-2);display:grid}.account-input{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-block-size:var(--hit-min);padding-inline:var(--space-2);border:1px solid var(--line-faint);border-radius:var(--radius);color:var(--silkscreen);font:inherit;background:0 0;font-size:16px}.account-check{gap:var(--space-2);color:var(--silkscreen);grid-template-columns:auto 1fr;align-items:start;display:grid}@media (pointer:coarse){.account-button,.account-input,.account-check{min-block-size:var(--hit-touch)}.account-check{align-content:center}}.record-panel{z-index:47;max-block-size:calc(100dvh - 16px);inline-size:min(320px,100vw - 24px);color:var(--silkscreen);font-family:var(--font-chrome);font-size:var(--text-label);position:fixed;inset-block-start:calc(var(--stage-header-bottom,64px) + 8px);inset-inline-end:var(--gutter,16px)}.record-body{padding:var(--space-2) var(--space-4) var(--space-3)}.record-row,.record-keys{justify-content:space-between;align-items:center;gap:8px;display:flex}.record-move{align-items:center;gap:var(--space-2);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-self:stretch;min-inline-size:0;display:flex}.record-move[data-dragging]{cursor:grabbing}.record-move:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-width))}.record-grip{color:var(--silkscreen-dim);font-size:var(--text-label-lg);line-height:1}.record-row{min-block-size:32px;margin-block:8px}.record-row input:not([type=checkbox]){inline-size:76px}.record-row select{min-inline-size:0;max-inline-size:185px}.record-row input,.record-row select{color:var(--silkscreen);background:var(--panel-inset);border:1px solid var(--line-faint);border-radius:var(--radius);font:inherit;padding:6px}.record-panel audio{block-size:40px;inline-size:100%;margin-block:8px}.record-panel video{object-fit:contain;background:#000;max-block-size:340px;inline-size:100%;margin-block:8px;display:block}.record-panel .record-live{block-size:260px;inline-size:auto;max-inline-size:100%;margin-inline:auto}@media (max-width:719px){.record-panel .record-live{block-size:140px}}.record-note{color:var(--silkscreen-dim);margin-block:10px;line-height:1.4}.record-file{overflow-wrap:anywhere}.record-keys{flex-wrap:wrap;justify-content:flex-end}@media (pointer:coarse){.record-row input,.record-row select{min-block-size:44px}}