:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-fluid-sm:clamp(var(--space-2), 1.5vw, var(--space-3));--space-fluid-md:clamp(var(--space-3), 2vw, var(--space-4));--space-fluid-lg:clamp(var(--space-4), 4vw, var(--space-6));--page-max:64rem;--page-gutter:var(--space-fluid-lg);--measure-prose:35rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--type-title:clamp(1.75rem, 5vw, 2.25rem);--type-subtitle:1.25rem;--type-headline:.95rem;--type-body:.9rem;--type-callout:.85rem;--type-caption:.78rem;--type-caption-2:.7rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-none:1;--leading-snug:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-wide:.04em;--tracking-wider:.08em;--surface-0:#0a0a0c;--surface-1:#1f2128;--surface-2:#2e2e2e;--surface-control:#28282aeb;--fill-subtle:#ffffff0a;--fill-medium:#ffffff0f;--fill-strong:#ffffff1f;--separator:#ffffff12;--separator-strong:#ffffff1f;--text-emphasis:#fff;--text-primary:#e8e8ea;--text-secondary:#ffffffb3;--text-tertiary:#ffffff8c;--text-quaternary:#fff6;--text-inverse:#0000008c;--text-inverse-strong:#111;--accent:#48c878;--accent-bright:#5ae4a8;--accent-alt:#6366f1;--accent-alt-fg:#a5a5ff;--success:var(--accent);--info:#6496ff;--info-fg:#a0c0ff;--warning:#e66e46;--destructive:#dc5050;--destructive-deep:#b43232;--destructive-fg:#faa;--recording:#fb7185;--error:#f08080;--dur-fast:.15s;--dur-base:.25s;--dur-slow:.35s;--ease-standard:cubic-bezier(.32, .72, 0, 1);--ease-emphasized:cubic-bezier(.16, 1, .3, 1);--shadow-1:0 1px 3px #00000040;--shadow-2:0 2px 8px #00000059;--shadow-3:0 12px 32px #00000059;--shadow-4:0 24px 48px #00000080;--elevation-none:0 0 #0000;--hit-target:44px;--focus-ring-width:2px;--focus-ring-core:2px;--focus-ring:var(--focus-ring-width) solid var(--accent-bright);--focus-ring-offset:var(--focus-ring-core);--focus-ring-halo:0 0 0 var(--focus-ring-core) var(--surface-0), 0 0 0 calc(var(--focus-ring-core) + var(--focus-ring-width) + 1px) var(--surface-0)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(ellipse 120% 80% at 50% 0%, var(--surface-1) 0%, var(--surface-0) 55%);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}:focus-visible:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-halo), var(--elevation,var(--elevation-none))}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tap-target:before{content:"";width:max(100%, var(--tap-width,var(--hit-target)));height:max(100%, var(--tap-height,var(--hit-target)));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-contrast:more){:root{--text-secondary:#ffffffd9;--text-tertiary:#ffffffb8;--text-quaternary:#fff9;--separator:#ffffff2e;--separator-strong:#ffffff52;--fill-medium:#ffffff1f;--fill-strong:#fff3;--focus-ring-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:9999;min-height:var(--hit-target);padding:0 var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--text-emphasis);color:var(--text-inverse-strong);font-size:var(--type-callout);font-weight:var(--weight-semibold);--elevation:var(--shadow-2);box-shadow:var(--elevation,var(--elevation-none));align-items:center;text-decoration:none;display:inline-flex;position:absolute;top:0;left:-9999px}.skip-link:focus{left:var(--space-2)}.ad-slot{z-index:10;width:100%;margin:0 0 var(--space-4);padding:var(--space-1) 0;padding-top:max(var(--space-1), env(safe-area-inset-top));gap:var(--space-1);background:color-mix(in srgb, var(--surface-0) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);flex-direction:column;order:-1;display:flex;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ad-slot{background:var(--surface-0)}}.ad-slot[data-state=empty]{display:none}.ad-slot__label{font-size:var(--type-caption-2);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-tertiary)}:root{--creative-height:220px}html:has(.ad-slot:not([data-state=empty])){scroll-padding-top:calc(var(--creative-height) + var(--space-7))}.ad-slot__frame{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--separator);border-radius:var(--radius-lg);background:var(--fill-subtle);width:100%;box-shadow:var(--shadow-1);overflow-x:auto}.ad-slot[data-state=reserving] .ad-slot__frame{min-height:var(--creative-height)}.epn-placement{width:100%;height:var(--creative-height);display:block}.epn-placement iframe{border-radius:var(--radius-lg);border:0;margin-inline:auto;display:block}.modal-backdrop{z-index:100;padding:var(--space-4);animation:modal-backdrop-in var(--dur-fast) var(--ease-standard) both;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop>*{animation:modal-sheet-in var(--dur-base) var(--ease-emphasized) both}.modal-backdrop.is-exiting{pointer-events:none;animation:modal-backdrop-out var(--dur-fast) var(--ease-standard) both}.modal-backdrop.is-exiting>*{animation:modal-sheet-out var(--dur-fast) var(--ease-standard) both}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-backdrop-out{to{opacity:0}}@keyframes modal-sheet-in{0%{opacity:0;transform:scale(.94)}}@keyframes modal-sheet-out{to{opacity:0;transform:scale(.97)}}@keyframes modal-sheet-rise{0%{opacity:0;transform:translateY(100%)}}@keyframes modal-sheet-fall{to{opacity:0;transform:translateY(100%)}}.sheet{min-height:0;width:min(var(--sheet-width), 100%);background:linear-gradient(160deg, var(--surface-1) 0%, var(--surface-0) 100%);border:1px solid var(--separator);border-radius:var(--radius-xl);max-height:min(90svh,100%);box-shadow:var(--shadow-4);flex-direction:column;display:flex;overflow:hidden}.sheet-header{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.sheet-title{min-width:0;font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary);margin:0}.sheet-lede{font-size:var(--type-caption);line-height:var(--leading-normal);color:var(--text-tertiary);grid-column:1/-1;margin:0}.sheet-close{width:var(--hit-target);height:var(--hit-target);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.sheet-close svg{width:18px;height:18px}.sheet-close:hover{color:var(--text-emphasis)}.sheet-body{overscroll-behavior:contain;gap:var(--space-4);min-height:0;padding:var(--space-4);flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.sheet-header+.sheet-body{padding-top:0}.sheet-footer{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--separator);background:#0003;flex:none;justify-content:flex-end;display:flex}.sheet-btn{font:inherit;font-size:var(--type-callout);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--hit-target);min-width:var(--hit-target);padding-inline:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--separator-strong);background:var(--fill-medium);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);display:inline-flex}.sheet-btn svg{flex:none;width:15px;height:15px}.sheet-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--fill-strong);color:var(--text-emphasis)}.sheet-btn:disabled,.sheet-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.sheet-btn.primary{border-color:var(--accent);background:var(--accent);color:var(--text-inverse-strong);--elevation:var(--shadow-2);box-shadow:var(--elevation,var(--elevation-none))}.sheet-btn.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-bright);border-color:var(--accent-bright);color:var(--text-inverse-strong)}.sheet-btn.stop{border-color:var(--recording);background:var(--recording);color:var(--text-inverse-strong)}.sheet-btn.stop:hover:not(:disabled){background:color-mix(in srgb, var(--recording) 82%, white);color:var(--text-inverse-strong)}.sheet-btn.quiet{border-color:var(--separator-strong);color:var(--text-secondary);background:0 0}.sheet-btn.quiet:hover:not(:disabled):not([aria-disabled=true]){background:var(--fill-medium);color:var(--text-emphasis)}.sheet-btn.destructive{border-color:color-mix(in srgb, var(--destructive) 50%, transparent);background:color-mix(in srgb, var(--destructive-deep) 30%, transparent);color:var(--destructive-fg)}.sheet-btn.destructive:hover:not(:disabled){background:color-mix(in srgb, var(--destructive) 45%, transparent);color:var(--text-emphasis)}.sheet-btn.tile{gap:var(--space-1);padding-inline:var(--space-2);line-height:var(--leading-none);flex-direction:column}.sheet-btn.tile svg{width:18px;height:18px}.sheet-btn-cap{font-size:var(--type-caption-2);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide)}.sheet-keybind{font:inherit;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--hit-target);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--fill-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);border:1px solid #0000;display:flex}.sheet-keybind:hover,.sheet-keybind:focus-visible{background:var(--fill-strong)}.sheet-keybind.listening{background:color-mix(in srgb, var(--accent-alt) 18%, transparent);border-color:color-mix(in srgb, var(--accent-alt) 55%, transparent)}.sheet-keybind-name{min-width:0;font-size:var(--type-callout);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sheet-keybind-value{font-size:var(--type-caption);flex:none}.sheet-keybind-value kbd{min-width:1.75rem;padding:2px var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--separator-strong);background:var(--fill-strong);color:var(--text-primary);font-family:inherit;font-size:var(--type-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px #0006}.sheet-keybind-none{color:var(--text-tertiary)}.sheet-keybind-listening{color:var(--accent-alt-fg);font-style:italic;font-size:var(--type-caption)}.sheet-keybind-listening:after{content:"";vertical-align:text-bottom;background:currentColor;width:2px;height:.95em;margin-left:3px;animation:1s linear infinite sheet-keybind-caret;display:inline-block}@keyframes sheet-keybind-caret{0%,49%{opacity:1}50%,99%{opacity:0}to{opacity:1}}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-backdrop>*{animation-name:modal-sheet-rise}.modal-backdrop.is-exiting>*{animation-name:modal-sheet-fall}.sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;width:100%;max-height:92svh}.sheet-footer{padding-bottom:max(var(--space-3), env(safe-area-inset-bottom))}.sheet-footer>.sheet-btn{flex:auto}}@media (orientation:landscape) and (height<=30rem){.modal-backdrop{padding:var(--space-2) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-2), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left))}.sheet{max-height:100%}.sheet-header{padding:var(--space-3) var(--space-4) var(--space-2)}.sheet-footer{padding-block:var(--space-2)}}.keybindings-sheet{--sheet-width:30rem}.keybindings-list{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.keybindings-subhead{margin:var(--space-4) 0 var(--space-2);font-size:var(--type-callout);font-weight:var(--weight-semibold);color:var(--text-primary)}.keybindings-fixed{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.keybindings-fixed-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--hit-target);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--fill-subtle);display:flex}.keybindings-fixed-row .sheet-keybind-name{white-space:normal;overflow:visible}.keybindings-fixed-row .sheet-keybind-value{gap:2px;display:flex}@media (orientation:landscape) and (height<=30rem){.keybindings-sheet{--sheet-width:52rem}.keybindings-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.pad-wrap{--pad-edge:#5a5a62;aspect-ratio:1;min-height:0;position:relative;container-type:inline-size}.pad-hit{border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:100%;padding:var(--space-2);transition:transform var(--dur-base) var(--ease-standard), filter var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);box-shadow:var(--elevation,var(--elevation-none));flex-direction:column;display:flex;position:relative;overflow:hidden}.pad-hit:active,.pad-wrap.is-struck .pad-hit{transition-duration:0s;transform:scale(.965)}.pad-wrap.is-loaded .pad-hit{color:var(--text-inverse-strong);background:radial-gradient(ellipse 92% 90% at 50% 36%, #fff 0%, color-mix(in srgb, var(--pad-edge) 32%, #fff) 28%, var(--pad-edge) 62%, color-mix(in srgb, var(--pad-edge) 52%, #141418) 100%);--elevation:inset 0 1px 0 #ffffff8c, inset 0 0 0 1px color-mix(in srgb, var(--pad-edge) 72%, #ffffff47), inset 0 -1px 0 #00000014, 0 6px 18px #00000080, 0 0 0 2px color-mix(in srgb, var(--pad-edge) 52%, transparent), 0 0 26px color-mix(in srgb, var(--pad-edge) 48%, transparent), 0 0 48px color-mix(in srgb, var(--pad-edge) 26%, transparent);filter:saturate(1.12)brightness(1.02);border:1px solid #1e1e22f2}.pad-wrap.is-loaded .pad-hit:hover{filter:saturate(1.2)brightness(1.08)}.pad-strike{border-radius:inherit;pointer-events:none;animation:pad-strike-decay var(--dur-base) var(--ease-standard) forwards;background:radial-gradient(100% 100% at 50% 45%,#fffc 0%,#ffffff9e 55%,#ffffff6b 100%);position:absolute;inset:0}@keyframes pad-strike-decay{0%{opacity:1}to{opacity:0}}.pad-glow{pointer-events:none;background:radial-gradient(70% 55% at 50% 28%,#ffffffa6 0%,#ffffff14 42%,#0000 62%);position:absolute;inset:0}.pad-shade{pointer-events:none;border-radius:inherit;background:linear-gradient(165deg,#ffffff38 0%,#0000 38%,#0000001f 100%);position:absolute;inset:0}.pad-wrap.is-empty .pad-hit{color:var(--text-tertiary);background:linear-gradient(180deg, color-mix(in srgb, var(--pad-edge) 7%, #17171b) 0%, color-mix(in srgb, var(--pad-edge) 4%, #101013) 100%);--elevation:inset 0 0 0 1px color-mix(in srgb, var(--pad-edge) 34%, transparent), inset 0 2px 8px #0000008c, inset 0 -1px 0 #ffffff0d;border:1px solid #00000080}.pad-wrap.is-empty .pad-hit:hover,.pad-wrap.is-empty.is-lead .pad-hit{background:linear-gradient(180deg, color-mix(in srgb, var(--pad-edge) 14%, #1c1c22) 0%, color-mix(in srgb, var(--pad-edge) 8%, #141418) 100%);--elevation:inset 0 0 0 1px color-mix(in srgb, var(--pad-edge) 58%, transparent), inset 0 2px 8px #00000080, inset 0 -1px 0 #ffffff12}.pad-wrap.is-empty .pad-hit:active{background:linear-gradient(180deg, color-mix(in srgb, var(--pad-edge) 22%, #20202a) 0%, color-mix(in srgb, var(--pad-edge) 12%, #16161c) 100%);--elevation:inset 0 0 0 1px color-mix(in srgb, var(--pad-edge) 80%, transparent), inset 0 2px 10px #00000073}.pad-wrap.is-empty.is-lead .pad-hit{--elevation:inset 0 0 0 1px var(--pad-edge), inset 0 2px 8px #00000080, inset 0 -1px 0 #ffffff12}.pad-add{aspect-ratio:1;width:clamp(16px,22%,34px);color:color-mix(in srgb, var(--pad-edge) 85%, transparent);transition:color var(--dur-fast) var(--ease-standard);flex:none;position:relative}.pad-add:before,.pad-add:after{content:"";border-radius:var(--radius-full);background:currentColor;position:absolute}.pad-add:before{inset:calc(50% - 1px) 0}.pad-add:after{inset:0 calc(50% - 1px)}.pad-wrap.is-empty .pad-hit:hover .pad-add,.pad-wrap.is-empty .pad-hit:active .pad-add,.pad-wrap.is-empty.is-lead .pad-add{color:var(--pad-edge)}.pad-first-light{border-radius:var(--radius-lg);pointer-events:none;box-shadow:0 0 0 2px color-mix(in srgb, var(--pad-edge) 85%, transparent), 0 0 22px 6px color-mix(in srgb, var(--pad-edge) 70%, transparent), 0 0 60px 18px color-mix(in srgb, var(--pad-edge) 34%, transparent);animation:pad-first-light calc(var(--dur-base) + var(--dur-slow)) var(--ease-standard) both;background:radial-gradient(92% 88% at 50% 36%,#ffffffe6 0%,#ffffff73 48%,#ffffff1a 74%,#0000 100%);position:absolute;inset:0}@keyframes pad-first-light{0%{opacity:0;transform:scale(.88)}30%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1)}}.pad-wrap.is-first-light .pad-key-badge{animation:pad-key-arrive var(--dur-base) var(--ease-standard) var(--dur-slow) both}@keyframes pad-key-arrive{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.pad-label{z-index:1;max-width:100%;font-size:var(--type-caption);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;position:relative;overflow:hidden}.pad-gear{top:var(--space-2);right:var(--space-2);--tap-width:min(var(--hit-target), calc(50cqw - var(--space-1)));--tap-height:var(--tap-width);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-inverse-strong);font-size:var(--type-callout);line-height:var(--leading-none);cursor:pointer;z-index:2;--elevation:var(--shadow-1);box-shadow:var(--elevation,var(--elevation-none));background:#ffffffe0;border:1px solid #0000008c;justify-content:center;align-items:center;display:flex;position:absolute}.pad-gear:before{top:calc(-1 * var(--space-2) - 1px);right:calc(-1 * var(--space-2) - 1px);left:auto;transform:none}.pad-gear:hover{background:#fff}.pad-wrap.is-empty .pad-gear{border-color:var(--separator-strong);background:var(--fill-medium);color:var(--text-tertiary);--elevation:var(--elevation-none)}.pad-wrap.is-empty .pad-gear:hover{background:var(--fill-strong);color:var(--text-primary)}.pad-key-badge{bottom:var(--space-2);left:var(--space-2);font-family:inherit;font-size:var(--type-caption-2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);color:var(--text-inverse-strong);box-shadow:var(--shadow-1);pointer-events:none;z-index:2;line-height:var(--leading-none);background:#ffffffd1;border:1px solid #00000073;padding:.1rem .3rem;position:absolute}.pad-wrap.is-empty .pad-key-badge{border-color:var(--separator-strong);background:var(--fill-medium);color:var(--text-tertiary);box-shadow:none}@media (prefers-reduced-motion:reduce){.pad-strike{display:none}.pad-hit:active,.pad-wrap.is-struck .pad-hit{transform:none}.pad-wrap.is-loaded .pad-hit:active,.pad-wrap.is-loaded.is-struck .pad-hit{filter:brightness(1.45)saturate(1.1)}.pad-first-light{display:none}.pad-wrap.is-first-light .pad-key-badge{animation:none}.pad-wrap.is-loaded.is-first-light .pad-hit{filter:brightness(1.45)saturate(1.1)}}.pad-grid-wrap{min-height:0;padding:var(--space-fluid-md);padding-bottom:var(--space-2);flex:1}.pad-grid{gap:var(--space-fluid-md);grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;width:min(720px,100%,100svh - 9rem);margin:0 auto;display:grid}@media (width<=640px){.pad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape) and (height<=30rem){.pad-grid{grid-template-columns:repeat(8,minmax(0,1fr));width:100%}}.record-sheet{--sheet-width:26rem}.record-pad-id{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--type-caption);font-weight:var(--weight-medium);color:var(--text-secondary);grid-area:1/1;display:inline-flex}.record-pad-id__swatch{width:var(--space-3);height:var(--space-3);border-radius:var(--radius-sm);flex:none;box-shadow:inset 0 0 0 1px #00000059}.record-pad-id__key{font-family:inherit;font-size:var(--type-caption-2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;line-height:var(--leading-none);border:1px solid var(--separator-strong);border-radius:var(--radius-sm);background:var(--fill-medium);color:var(--text-tertiary);padding:.15rem .35rem}.record-sheet .sheet-close{grid-area:1/2}.record-name-wrap{grid-area:2/1/auto/-1;align-items:center;min-width:0;display:flex;position:relative}.record-name{width:100%;min-height:var(--hit-target);padding:0 var(--space-3);border:1px solid var(--text-quaternary);border-radius:var(--radius-md);background:var(--fill-subtle);color:var(--text-primary);font:inherit;font-size:var(--type-headline);font-weight:var(--weight-semibold);transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard)}.record-name::placeholder{color:var(--text-tertiary);font-weight:var(--weight-regular)}.record-name:hover{border-color:var(--text-tertiary);background:var(--fill-medium)}.record-name-saved{right:var(--space-3);font-size:var(--type-caption-2);font-weight:var(--weight-medium);color:var(--accent-bright);pointer-events:none;position:absolute}.record-stage{gap:var(--space-2);flex-direction:column;display:flex}.record-stage-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--type-caption);color:var(--text-tertiary);display:flex}.record-elapsed{font-variant-numeric:tabular-nums}.record-well{min-height:96px;padding:var(--space-3);border-radius:var(--radius-md);background:#0000004d;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 3px #00000080}.record-wave{cursor:pointer;width:100%}.record-blank,.record-live{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;font-size:var(--type-caption);line-height:var(--leading-normal);color:var(--text-tertiary);margin:0;display:flex}.record-blank{gap:var(--space-1);flex-direction:column}.record-blank svg{width:20px;height:20px;color:var(--text-quaternary);flex:none}.record-live{color:var(--text-primary);font-size:var(--type-body);font-variant-numeric:tabular-nums}.record-live-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--recording);flex:none;animation:1s ease-in-out infinite record-pulse}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.3}}.record-trim-read{font-size:var(--type-caption);line-height:var(--leading-snug);color:var(--text-tertiary);flex-direction:column;margin:0;display:flex}.record-trim-times{font-variant-numeric:tabular-nums;color:var(--text-secondary)}.record-danger{font:inherit;font-size:var(--type-caption);font-weight:var(--weight-medium);min-height:var(--hit-target);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:0;align-self:flex-end}.record-danger:hover:not([aria-disabled=true]){color:var(--destructive-fg)}.record-danger[aria-disabled=true]{opacity:.45;cursor:not-allowed}.record-shortcut{gap:var(--space-1);flex-direction:column;display:flex}.record-note,.record-shortcut-note{font-size:var(--type-caption-2);line-height:var(--leading-normal);color:var(--text-tertiary);margin:0}.record-shortcut-note{min-height:calc(1em * var(--leading-normal))}.record-shortcut-note.is-report{color:var(--text-secondary)}.record-error{font-size:var(--type-caption);line-height:var(--leading-normal);color:var(--error);margin:0}.record-footer{justify-content:space-between}.record-transport{align-items:center;gap:var(--space-2);flex:auto;min-width:0;display:flex}.record-transport .sheet-btn{min-width:var(--hit-target);flex:1 1 0;max-width:5rem}.record-transport .sheet-btn.primary,.record-transport .sheet-btn.stop{max-width:none}@media (width<=640px){.record-transport .sheet-btn{max-width:none}}.timeline{border-top:1px solid var(--separator);padding:var(--space-fluid-md);gap:var(--space-3);background:#0000002e;flex-direction:column;min-width:0;display:flex}.timeline-bar{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.timeline-lede{flex-direction:column;flex:20rem;gap:2px;min-width:0;display:flex}.timeline-title{font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary);margin:0}.timeline-status{font-size:var(--type-caption);line-height:var(--leading-normal);color:var(--text-tertiary);max-width:var(--measure-prose);margin:0}.timeline-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-error{font-size:var(--type-caption);color:var(--error);margin:0}.tl-btn{font:inherit;font-size:var(--type-caption);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--hit-target);min-width:var(--hit-target);padding-inline:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--separator-strong);background:var(--fill-medium);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);display:inline-flex}.tl-btn svg{flex:none;width:13px;height:13px}.tl-btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--fill-strong);color:var(--text-emphasis)}.tl-btn:disabled,.tl-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.tl-btn.play{background:var(--accent);border-color:var(--accent);color:var(--text-inverse-strong)}.tl-btn.play:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.tl-btn.stop{background:color-mix(in srgb, var(--destructive-deep) 30%, transparent);border-color:color-mix(in srgb, var(--destructive) 35%, transparent);color:var(--destructive-fg)}.tl-btn.export{background:color-mix(in srgb, var(--info) 18%, transparent);border-color:color-mix(in srgb, var(--info) 40%, transparent);color:var(--info-fg)}.tl-btn.export:hover:not(:disabled):not([aria-disabled=true]){background:color-mix(in srgb, var(--info) 28%, transparent)}.tl-btn.clear{border-color:var(--separator-strong);color:var(--text-tertiary);background:0 0}.tl-btn.clear:hover:not(:disabled){background:color-mix(in srgb, var(--warning) 18%, transparent);border-color:color-mix(in srgb, var(--warning) 45%, transparent);color:var(--warning)}.timeline-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--separator);border-radius:var(--radius-lg);background:#00000052;overflow:auto hidden;box-shadow:inset 0 1px 3px #0006}.timeline-track{padding:var(--space-2);padding-top:calc(var(--space-2) + var(--tl-ruler-height));position:relative}:root{--tl-ruler-height:18px}.tl-ruler{top:var(--space-2);left:var(--space-2);height:var(--tl-ruler-height);position:absolute;right:0}.tl-ruler__tick{border-left:1px solid var(--separator);font-size:var(--type-caption-2);font-variant-numeric:tabular-nums;line-height:var(--leading-none);color:var(--text-quaternary);pointer-events:none;-webkit-user-select:none;user-select:none;padding-left:4px;position:absolute;top:0}.timeline-tracks{height:calc(var(--track-count) * var(--tl-track-height) + (var(--track-count) - 1) * var(--tl-track-gap));background:repeating-linear-gradient(180deg, #ffffff07 0, #ffffff07 var(--tl-track-height), transparent var(--tl-track-height), transparent calc(var(--tl-track-height) + var(--tl-track-gap)));border-radius:var(--radius-sm);position:relative}.timeline-empty{font-size:var(--type-caption);color:var(--text-quaternary);pointer-events:none;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.tl-clip{top:calc(var(--clip-track) * (var(--tl-track-height) + var(--tl-track-gap)));height:var(--tl-track-height);border-radius:var(--radius-md);background:linear-gradient(180deg, color-mix(in srgb, var(--clip-edge) 24%, #14141ae0) 0%, color-mix(in srgb, var(--clip-edge) 14%, #0e0e12e0) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--clip-edge) 55%, transparent);z-index:var(--clip-rank);transition:box-shadow var(--dur-fast) var(--ease-standard);position:absolute;overflow:hidden}.tl-clip.is-selected{z-index:999;background:linear-gradient(180deg, color-mix(in srgb, var(--clip-edge) 30%, #14141a) 0%, color-mix(in srgb, var(--clip-edge) 18%, #0e0e12) 100%);box-shadow:inset 0 0 0 1px var(--clip-edge), 0 0 0 1px var(--clip-edge), 0 4px 14px #00000080;overflow:visible}.tl-clip__select{border-radius:inherit;width:100%;font:inherit;color:var(--text-primary);cursor:grab;touch-action:none;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.tl-clip__select:active{cursor:grabbing}.tl-clip__wave{opacity:.75;width:100%;height:100%;position:absolute;inset:0}.tl-clip.is-selected .tl-clip__wave{opacity:1}.tl-clip__name{border-radius:var(--radius-sm);max-width:calc(100% - 6px);font-size:var(--type-caption-2);font-weight:var(--weight-semibold);line-height:var(--leading-none);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#060609b8;padding:1px 3px;position:absolute;bottom:2px;left:3px;overflow:hidden}.tl-handle{border-radius:var(--radius-sm);background:var(--clip-edge);cursor:ew-resize;touch-action:none;z-index:3;width:11px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 1px 4px #0009}.tl-handle:after{content:"";background:#0000008c;border-radius:1px;position:absolute;inset:40% 4px}.tl-handle--start{left:-8px}.tl-handle--end{right:-8px}.tl-clip__remove{border:1px solid var(--separator-strong);border-radius:var(--radius-full);background:var(--surface-1);width:20px;height:20px;color:var(--text-secondary);font:inherit;cursor:pointer;z-index:4;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:-9px;right:-9px}.tl-clip__remove:hover{background:color-mix(in srgb, var(--destructive) 45%, var(--surface-1));color:var(--destructive-fg)}.timeline-playhead{top:var(--space-2);bottom:var(--space-2);width:2px;margin-left:var(--space-2);background:var(--accent-bright);box-shadow:0 0 8px color-mix(in srgb, var(--accent-bright) 60%, transparent);pointer-events:none;z-index:5;position:absolute}@media (width<=640px){.timeline-controls .tl-btn{flex:auto}}.reset-sheet{--sheet-width:24rem}.reset-confirm-message{font-size:var(--type-callout);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}.seo-faq{width:min(var(--measure-prose), 100%)}.seo-faq__title{margin:0 0 var(--space-2);font-size:var(--type-subtitle);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.seo-faq__list{margin:0;padding:0;list-style:none}.seo-faq__q{align-items:center;gap:var(--space-3);min-height:var(--hit-target);padding:var(--space-2) var(--space-3);margin-inline:calc(var(--space-3) * -1);border-radius:var(--radius-md);font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard);list-style:none;display:flex}.seo-faq__q::-webkit-details-marker{display:none}.seo-faq__q:hover{background:var(--fill-subtle)}.seo-faq__q:before{content:"";border-right:1.5px solid var(--text-tertiary);border-bottom:1.5px solid var(--text-tertiary);width:6px;height:6px;transition:transform var(--dur-fast) var(--ease-standard);flex:none;margin-inline-start:1px;transform:rotate(-45deg)}.seo-faq__q:hover:before{border-color:var(--text-secondary)}.seo-faq__item[open]>.seo-faq__q:before{transform:rotate(45deg)}.seo-faq__a{padding:var(--space-1) 0 var(--space-4) calc(6px + var(--space-3));font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.seo-intro{width:min(var(--measure-prose), 100%)}.seo-intro__heading{margin:0 0 var(--space-3);font-size:var(--type-subtitle);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.seo-intro__body{font-size:var(--type-body);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0}.app-layout{flex-direction:column;min-height:100svh;display:flex}.app{width:min(var(--page-max), 100%);padding-top:max(var(--page-gutter), env(safe-area-inset-top));padding-bottom:max(var(--page-gutter), env(safe-area-inset-bottom));padding-left:max(var(--page-gutter), env(safe-area-inset-left));padding-right:max(var(--page-gutter), env(safe-area-inset-right));flex-direction:column;flex:1;margin-inline:auto;display:flex}.below-soundboard{margin-top:var(--space-fluid-lg);gap:var(--space-7);flex-direction:column;display:flex}.board-caption{gap:var(--space-2);flex-direction:column;display:flex}.app-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.app-identity{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.app-wordmark{font-size:var(--type-title);font-weight:var(--weight-bold);line-height:var(--leading-none);color:var(--text-emphasis)}.app-tagline{font-size:var(--type-callout);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--text-tertiary);margin:0}.app-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-action-primary,.app-action-quiet{font:inherit;font-size:var(--type-callout);font-weight:var(--weight-semibold);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--hit-target);padding:0 var(--space-4);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);display:inline-flex}.app-action-primary{border:1px solid var(--accent);background:var(--accent);color:var(--text-inverse-strong);--elevation:var(--shadow-2);box-shadow:var(--elevation,var(--elevation-none))}.app-action-primary:hover:not(:disabled){background:var(--accent-bright);border-color:var(--accent-bright)}.app-action-primary:disabled{opacity:.45;cursor:not-allowed}.app-record-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:currentColor;flex:none}.app-action-quiet{color:var(--text-tertiary);background:0 0;border:1px solid #0000}.app-action-quiet:hover{background:var(--fill-subtle);color:var(--text-primary)}.app-action-quiet svg{width:var(--space-4);height:var(--space-4);flex:none}.app-sub{max-width:var(--measure-prose);font-size:var(--type-body);line-height:var(--leading-normal);color:var(--text-tertiary);margin:0}.app-note{max-width:var(--measure-prose);font-size:var(--type-caption);line-height:var(--leading-normal);color:var(--text-tertiary);margin:0}.app-note.is-caveat{color:var(--text-secondary)}.page-footer{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--separator);gap:var(--space-2);flex-direction:column;display:flex}.page-footer__mark{font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text-secondary)}.page-footer__note{max-width:var(--measure-prose);font-size:var(--type-callout);line-height:var(--leading-normal);color:var(--text-secondary);margin:0}#main-content{flex-direction:column;flex:1;min-height:0;display:flex}.board-footer{margin-top:var(--space-1);justify-content:flex-end;display:flex}.board-reset{font:inherit;font-size:var(--type-caption);font-weight:var(--weight-medium);min-height:var(--hit-target);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:0}.board-reset:hover:not(:disabled){color:var(--destructive-fg)}.board-reset:disabled{opacity:.45;cursor:not-allowed}.pad-section{background:linear-gradient(180deg, #ffffff08 0%, transparent 40%), repeating-linear-gradient(-12deg, transparent, transparent 2px, #ffffff05 2px, #ffffff05 3px), var(--surface-2);border-radius:calc(var(--radius-lg) + var(--space-fluid-md));--elevation:inset 0 1px 0 var(--fill-medium), var(--shadow-3);min-height:0;box-shadow:var(--elevation);transition:border-color var(--dur-base) var(--ease-standard);border:1px solid #00000059;flex-direction:column;flex:none;display:flex;overflow:hidden}@media (width<=640px){.app-header{align-items:stretch;gap:var(--space-3);flex-direction:column}.app-actions{justify-content:flex-start}.app-action-primary{flex:auto}}@media (orientation:landscape) and (height<=30rem){.app{padding-top:max(var(--space-2), env(safe-area-inset-top));padding-bottom:max(var(--space-2), env(safe-area-inset-bottom))}.app-header{margin-bottom:var(--space-2)}.app-wordmark{font-size:var(--type-subtitle)}}