:root{color-scheme:dark;--bg: #101010;--bg-2: #171717;--bg-3: #1f1f1f;--panel: #141414;--line: #2c2c2c;--line-strong: #454545;--overlay: rgba(0, 0, 0, .6);--text: #f5f5f2;--text-dim: #9e9e98;--text-faint: #6f6f69;--accent: #e30613;--accent-2: #e30613;--accent-contrast: #ffffff;--danger: #ff5c4d;--good: #cfcfc8;--stage-bg: #0d0d0d;--stage-line: rgba(255, 255, 255, .07);--stage-line-strong: rgba(255, 255, 255, .22);--grid-sub: rgba(255, 255, 255, .04);--scroll-thumb: #3a3a3a;--radius: 0px;--radius-btn: 0px;--radius-chip: 0px;--radius-input: 0px;--radius-modal: 0px;--border-w: 1px;--btn-bg: #1f1f1f;--btn-border: #454545;--btn-primary-bg: #e30613;--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 0 0 transparent;--tt-btn: uppercase;--ls-btn: .06em;--fw-btn: 700;--chip-bg: #1f1f1f;--chip-border: #454545;--chip-text: #9e9e98;--chip-font: var(--font-ui);--chip-shadow: 0 0 0 0 transparent;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .5);--shadow-float: 0 12px 30px rgba(0, 0, 0, .5);--font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: Consolas, "Cascadia Code", "Courier New", monospace;--logo-style: normal;--block-mix: 90%;--block-mix-base: #f5f5f2;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 0px;--block-shadow: 0 0 0 0 transparent;--block-text: #101010;--block-tt: uppercase;--block-fw: 700;--block-style: normal;--block-font: var(--font-ui);--block-selected-border: #ffffff;--playhead-w: 2px;--playhead-bg: #e30613;--playhead-glow: 0 0 0 0 transparent;--playhead-cap: #e30613;--dur-1: .1s;--dur-2: .16s;--ease: linear;--lane-h: 56px;--gutter-w: 168px;--fs-micro: 11px;--fs-ui: 13px;--fs-md: 15px;--fs-lg: 18px;--lh-tight: 1.2;--lh-ui: 1.45;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--ctl-h: 32px;--ctl-h-sm: 24px;--media-bg: color-mix(in srgb, var(--bg) 70%, #000000);--overlay-blur: 8px;--motion-scale: 1;--dur-modal: calc(.22s * var(--motion-scale));--dur-overlay: calc(.18s * var(--motion-scale));--dur-menu: calc(.16s * var(--motion-scale));--dur-exit: calc(.15s * var(--motion-scale));--dur-screen: calc(.15s * var(--motion-scale))}[data-theme=velvet-stage]{--bg: #0d0a0f;--bg-2: #171019;--bg-3: #251622;--panel: #120c12;--line: #33222c;--line-strong: #4b2f3d;--overlay: rgba(10, 6, 10, .65);--text: #f7efe2;--text-dim: #cbb9a4;--text-faint: #8f7f6f;--accent: #f2b441;--accent-2: #c9364b;--accent-contrast: #241318;--danger: #d9556a;--good: #a9c79a;--stage-bg: #140d13;--stage-line: rgba(247, 239, 226, .08);--stage-line-strong: rgba(247, 239, 226, .22);--grid-sub: rgba(247, 239, 226, .05);--scroll-thumb: #4b2f3d;--radius: 14px;--radius-btn: 999px;--radius-chip: 999px;--radius-input: 10px;--radius-modal: 16px;--border-w: 1px;--btn-bg: transparent;--btn-border: rgba(247, 239, 226, .3);--btn-primary-bg: linear-gradient(180deg, #f6c45f, #e0a02f);--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 14px rgba(242, 180, 65, .35);--tt-btn: none;--ls-btn: .01em;--fw-btn: 600;--chip-bg: transparent;--chip-border: rgba(247, 239, 226, .22);--chip-text: #cbb9a4;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .65);--shadow-float: 0 12px 30px rgba(0, 0, 0, .6);--font-ui: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif;--font-display: Georgia, "Times New Roman", serif;--logo-style: italic;--block-mix: 30%;--block-mix-base: #251622;--block-border-w: 1px;--block-border-mix: 55%;--block-border-base: transparent;--block-radius: 999px;--block-shadow: 0 0 0 0 transparent;--block-text: #f7efe2;--block-tt: none;--block-fw: 400;--block-style: italic;--block-font: Georgia, serif;--block-selected-border: #f2b441;--playhead-w: 3px;--playhead-bg: linear-gradient(180deg, #ffd98a, #c9364b);--playhead-glow: 0 0 16px rgba(242, 180, 65, .6);--playhead-cap: #f2b441;--dur-1: .2s;--dur-2: .32s;--ease: cubic-bezier(.45, .02, .35, 1);--motion-scale: 1.2}[data-theme=velvet-stage] .panel{background-image:radial-gradient(80% 120% at 50% -20%,rgba(43,26,34,.55) 0%,transparent 60%)}[data-theme=acid-battle]{--bg: #0a0a0a;--bg-2: #111111;--bg-3: #181818;--panel: #0f0f0f;--line: #2b2b2b;--line-strong: #3d3d3d;--overlay: rgba(0, 0, 0, .72);--text: #f4f4f4;--text-dim: #a8a8a8;--text-faint: #6e6e6e;--accent: #cdff00;--accent-2: #ff3d00;--accent-contrast: #0a0a0a;--danger: #ff3d00;--good: #cdff00;--stage-bg: #101010;--stage-line: rgba(255, 255, 255, .1);--stage-line-strong: rgba(255, 255, 255, .25);--grid-sub: rgba(255, 255, 255, .05);--scroll-thumb: #cdff00;--radius: 0px;--radius-btn: 0px;--radius-chip: 0px;--radius-input: 0px;--radius-modal: 0px;--border-w: 2px;--btn-bg: #0a0a0a;--btn-border: #f4f4f4;--btn-primary-bg: #cdff00;--btn-primary-border: #0a0a0a;--shadow-btn: 3px 3px 0 #000000;--shadow-btn-primary: 4px 4px 0 #ff3d00;--tt-btn: uppercase;--ls-btn: .04em;--fw-btn: 800;--chip-bg: #f4f4f4;--chip-border: #0a0a0a;--chip-text: #0a0a0a;--chip-active-text: #0a0a0a;--shadow-modal: 8px 8px 0 #cdff00;--shadow-float: 6px 6px 0 #000000;--font-ui: "Segoe UI", system-ui, Roboto, Helvetica, sans-serif;--font-display: "Arial Black", Impact, sans-serif;--logo-style: normal;--block-mix: 95%;--block-mix-base: #ffffff;--block-border-w: 2px;--block-border-mix: 0%;--block-border-base: #0a0a0a;--block-radius: 0px;--block-shadow: 3px 3px 0 #000000;--block-text: #0a0a0a;--block-tt: uppercase;--block-fw: 800;--block-style: normal;--block-font: var(--font-ui);--block-selected-border: #cdff00;--playhead-w: 4px;--playhead-bg: #ffffff;--playhead-glow: 0 0 0 1px #0a0a0a;--playhead-cap: #cdff00;--dur-1: 60ms;--dur-2: .12s;--ease: steps(4, end);--motion-scale: .6;--overlay-blur: 0px}[data-theme=acid-battle] .modal{border:3px solid var(--accent)}[data-theme=ballet-program]{--bg: #121014;--bg-2: #16141a;--bg-3: #1d1a21;--panel: #16141a;--line: #2c2933;--line-strong: #3a3644;--overlay: rgba(10, 9, 12, .66);--text: #efe7d9;--text-dim: #b3aa99;--text-faint: #7c7568;--accent: #c2a878;--accent-2: #8c4f43;--accent-contrast: #16141a;--danger: #b0604f;--good: #a8bf9a;--stage-bg: #141218;--stage-line: rgba(239, 231, 217, .07);--stage-line-strong: rgba(239, 231, 217, .2);--grid-sub: rgba(239, 231, 217, .04);--scroll-thumb: #3a3644;--radius: 2px;--radius-btn: 0px;--radius-chip: 0px;--radius-input: 0px;--radius-modal: 2px;--border-w: 1px;--btn-bg: transparent;--btn-border: #6b6455;--btn-primary-bg: #c2a878;--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 0 0 transparent;--tt-btn: uppercase;--ls-btn: .18em;--fw-btn: 400;--chip-bg: transparent;--chip-border: #c2a878;--chip-text: #c2a878;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .55);--shadow-float: 0 12px 30px rgba(0, 0, 0, .5);--font-ui: Georgia, "Palatino Linotype", "Times New Roman", serif;--font-display: Georgia, "Palatino Linotype", serif;--logo-style: italic;--block-mix: 14%;--block-mix-base: transparent;--block-border-w: 1px;--block-border-mix: 65%;--block-border-base: #efe7d9;--block-radius: 0px;--block-shadow: 0 0 0 0 transparent;--block-text: #efe7d9;--block-tt: none;--block-fw: 400;--block-style: italic;--block-font: Georgia, serif;--block-selected-border: #efe7d9;--playhead-w: 1px;--playhead-bg: #efe7d9;--playhead-glow: 0 0 0 0 transparent;--playhead-cap: #efe7d9;--dur-1: .26s;--dur-2: .42s;--ease: cubic-bezier(.5, 0, .35, 1);--motion-scale: 1.4}[data-theme=tape-deck]{--bg: #1a1b1f;--bg-2: #232428;--bg-3: #2c2d32;--panel: #232428;--line: #33343a;--line-strong: #45464c;--overlay: rgba(12, 13, 15, .66);--text: #e8e4dc;--text-dim: #a3a099;--text-faint: #737069;--accent: #ff4d00;--accent-2: #ff4d00;--accent-contrast: #ffffff;--danger: #ff6b6b;--good: #7bc950;--stage-bg: #17181c;--stage-line: rgba(232, 228, 220, .07);--stage-line-strong: rgba(232, 228, 220, .2);--grid-sub: rgba(232, 228, 220, .04);--scroll-thumb: #45464c;--radius: 12px;--radius-btn: 7px;--radius-chip: 4px;--radius-input: 6px;--radius-modal: 12px;--border-w: 1px;--btn-bg: #2f3036;--btn-border: transparent;--btn-primary-bg: #ff4d00;--btn-primary-border: transparent;--shadow-btn: 0 2px 0 #0f1013, inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-btn-primary: 0 3px 0 #b23600, inset 0 1px 0 rgba(255, 255, 255, .3);--tt-btn: lowercase;--ls-btn: .03em;--fw-btn: 700;--chip-bg: #17181c;--chip-border: transparent;--chip-text: #7bc950;--chip-font: var(--font-mono);--chip-shadow: inset 0 1px 3px rgba(0, 0, 0, .7);--shadow-modal: 0 8px 20px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-float: 0 8px 20px rgba(0, 0, 0, .45);--font-ui: "Segoe UI", system-ui, Roboto, Helvetica, sans-serif;--font-display: Consolas, "Cascadia Code", monospace;--logo-style: normal;--block-mix: 75%;--block-mix-base: #e8e4dc;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 6px;--block-shadow: 0 2px 0 rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .35);--block-text: #232428;--block-tt: lowercase;--block-fw: 700;--block-style: normal;--block-font: var(--font-mono);--block-selected-border: #ff4d00;--playhead-w: 3px;--playhead-bg: #ff4d00;--playhead-glow: 0 0 0 0 transparent;--playhead-cap: #ff4d00;--dur-1: .12s;--dur-2: .2s;--ease: steps(6, end);--motion-scale: .9}[data-theme=neon-battle]{--bg: #08080d;--bg-2: #0d0d15;--bg-3: #15151f;--panel: #0d0d15;--line: #262637;--line-strong: #33334a;--overlay: rgba(4, 4, 8, .7);--text: #f5f5f5;--text-dim: #9a9ab0;--text-faint: #61617a;--accent: #ff2e63;--accent-2: #08d9d6;--accent-contrast: #ffffff;--danger: #ff2e63;--good: #08d9d6;--stage-bg: #0b0b12;--stage-line: rgba(245, 245, 245, .07);--stage-line-strong: rgba(245, 245, 245, .2);--grid-sub: rgba(245, 245, 245, .04);--scroll-thumb: #33334a;--radius: 4px;--radius-btn: 3px;--radius-chip: 3px;--radius-input: 3px;--radius-modal: 6px;--border-w: 1px;--btn-bg: #15151f;--btn-border: #08d9d6;--btn-primary-bg: linear-gradient(100deg, #ff2e63, #b8265c);--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 14px rgba(255, 46, 99, .5);--tt-btn: uppercase;--ls-btn: .05em;--fw-btn: 800;--chip-bg: #15151f;--chip-border: #33334a;--chip-text: #08d9d6;--shadow-modal: 0 0 30px rgba(255, 46, 99, .25), 0 24px 60px rgba(0, 0, 0, .6);--shadow-float: 0 12px 30px rgba(0, 0, 0, .6);--font-ui: "Segoe UI", system-ui, Roboto, Helvetica, sans-serif;--font-display: "Arial Black", Impact, sans-serif;--logo-style: italic;--block-mix: 90%;--block-mix-base: #0d0d15;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 3px;--block-shadow: 0 0 0 0 transparent;--block-text: #ffffff;--block-tt: uppercase;--block-fw: 700;--block-style: italic;--block-font: var(--font-ui);--block-selected-border: #ffffff;--playhead-w: 3px;--playhead-bg: linear-gradient(180deg, #ff2e63, #08d9d6);--playhead-glow: 0 0 16px rgba(255, 46, 99, .8);--playhead-cap: #ff2e63;--dur-1: .14s;--dur-2: .22s;--ease: cubic-bezier(.85, 0, .15, 1)}[data-theme=neon-battle] .move-block{box-shadow:0 0 12px color-mix(in srgb,var(--move-color) 45%,transparent)}[data-theme=neon-battle] .move-block.selected{box-shadow:0 0 12px color-mix(in srgb,var(--move-color) 45%,transparent),0 0 0 2px color-mix(in srgb,var(--move-color) 55%,transparent)}[data-theme=ink-notation]{--bg: #171512;--bg-2: #1c1915;--bg-3: #262119;--panel: #1c1915;--line: #353026;--line-strong: #4a4335;--overlay: rgba(12, 11, 9, .68);--text: #ede4d2;--text-dim: #c5b695;--text-faint: #8d8168;--accent: #c5b695;--accent-2: #9e2b25;--accent-contrast: #f5ead6;--danger: #9e2b25;--good: #a9b98a;--stage-bg: #14120f;--stage-line: rgba(237, 228, 210, .08);--stage-line-strong: rgba(237, 228, 210, .22);--grid-sub: rgba(237, 228, 210, .05);--scroll-thumb: #4a4335;--radius: 6px;--radius-btn: 3px;--radius-chip: 999px;--radius-input: 3px;--radius-modal: 8px;--border-w: 1px;--btn-bg: transparent;--btn-border: #8d8168;--btn-primary-bg: #9e2b25;--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 0 0 transparent;--tt-btn: none;--ls-btn: .02em;--fw-btn: 400;--chip-bg: transparent;--chip-border: transparent;--chip-text: #c5b695;--chip-font: Georgia, serif;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .55);--shadow-float: 0 12px 30px rgba(0, 0, 0, .5);--font-ui: Georgia, "Palatino Linotype", "Times New Roman", serif;--font-display: Georgia, "Palatino Linotype", serif;--logo-style: italic;--block-mix: 78%;--block-mix-base: #ede4d2;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 99px 99px 99px 4px;--block-shadow: 0 2px 4px rgba(0, 0, 0, .4);--block-text: #1c1915;--block-tt: none;--block-fw: 400;--block-style: italic;--block-font: Georgia, serif;--block-selected-border: #ede4d2;--playhead-w: 2px;--playhead-bg: #ede4d2;--playhead-glow: 0 0 0 0 transparent;--playhead-cap: #ede4d2;--dur-1: .22s;--dur-2: .36s;--ease: cubic-bezier(.42, 0, .32, 1);--motion-scale: 1.25}[data-theme=kinetic-type]{--bg: #0c0c0c;--bg-2: #121212;--bg-3: #1b1b1b;--panel: #0c0c0c;--line: #2b2b2b;--line-strong: #4a4a4a;--overlay: rgba(0, 0, 0, .72);--text: #f2f2f2;--text-dim: #8f8f8f;--text-faint: #5c5c5c;--accent: #ff5500;--accent-2: #ff5500;--accent-contrast: #0c0c0c;--danger: #ff6b6b;--good: #f2f2f2;--stage-bg: #101010;--stage-line: rgba(242, 242, 242, .07);--stage-line-strong: rgba(242, 242, 242, .22);--grid-sub: rgba(242, 242, 242, .04);--scroll-thumb: #3a3a3a;--radius: 0px;--radius-btn: 0px;--radius-chip: 0px;--radius-input: 0px;--radius-modal: 0px;--border-w: 2px;--btn-bg: transparent;--btn-border: #f2f2f2;--btn-primary-bg: #f2f2f2;--btn-primary-border: transparent;--shadow-btn: 0 0 0 0 transparent;--shadow-btn-primary: 0 0 0 0 transparent;--tt-btn: uppercase;--ls-btn: .03em;--fw-btn: 800;--chip-bg: transparent;--chip-border: transparent;--chip-text: #8f8f8f;--shadow-modal: 0 24px 60px rgba(0, 0, 0, .6);--shadow-float: 0 12px 30px rgba(0, 0, 0, .55);--font-ui: Bahnschrift, "Arial Narrow", "Segoe UI", sans-serif;--font-display: Bahnschrift, "Arial Narrow", Impact, sans-serif;--logo-style: normal;--block-mix: 0%;--block-mix-base: transparent;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 0px;--block-shadow: 0 0 0 0 transparent;--block-text: #f2f2f2;--block-tt: uppercase;--block-fw: 800;--block-style: normal;--block-font: var(--font-display);--block-selected-border: #f2f2f2;--playhead-w: 5px;--playhead-bg: #ff5500;--playhead-glow: 0 0 0 0 transparent;--playhead-cap: #ff5500;--dur-1: .14s;--dur-2: .22s;--ease: cubic-bezier(.7, 0, .2, 1);--overlay-blur: 0px}[data-theme=kinetic-type] .app-toolbar{border-bottom:3px solid #f2f2f2}[data-theme=kinetic-type] .move-block{background:transparent;box-shadow:inset 0 -4px 0 var(--move-color);color:var(--move-color)}[data-theme=kinetic-type] .move-block.selected{box-shadow:inset 0 -4px 0 var(--move-color),0 0 0 2px color-mix(in srgb,var(--move-color) 55%,transparent)}[data-theme=riso-print]{color-scheme:light;--bg: #f3eee3;--bg-2: #ede6d4;--bg-3: #e7dfc9;--panel: #f0ead9;--line: #d4ccb8;--line-strong: #22242e;--overlay: rgba(34, 36, 46, .45);--text: #22242e;--text-dim: #565a68;--text-faint: #8a887c;--accent: #0078bf;--accent-2: #ff48b0;--accent-contrast: #f3eee3;--danger: #c92a2a;--good: #2b8a3e;--stage-bg: #efe8d8;--stage-line: rgba(34, 36, 46, .12);--stage-line-strong: rgba(34, 36, 46, .35);--grid-sub: rgba(34, 36, 46, .07);--scroll-thumb: #c9c1ab;--radius: 4px;--radius-btn: 3px;--radius-chip: 999px;--radius-input: 3px;--radius-modal: 4px;--border-w: 1.5px;--btn-bg: #faf6ec;--btn-border: #22242e;--btn-primary-bg: #0078bf;--btn-primary-border: transparent;--shadow-btn: 2px 2px 0 rgba(255, 72, 176, .5);--shadow-btn-primary: 3px 3px 0 rgba(255, 72, 176, .55);--tt-btn: none;--ls-btn: .01em;--fw-btn: 700;--chip-bg: transparent;--chip-border: #0078bf;--chip-text: #0078bf;--shadow-modal: 6px 6px 0 rgba(0, 120, 191, .45);--shadow-float: 4px 4px 0 rgba(0, 120, 191, .35);--font-ui: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--font-display: "Trebuchet MS", "Segoe UI", sans-serif;--logo-style: normal;--block-mix: 80%;--block-mix-base: #ffffff;--block-border-w: 1px;--block-border-mix: 0%;--block-border-base: transparent;--block-radius: 3px;--block-shadow: 2.5px 2.5px 0 rgba(0, 120, 191, .5);--block-text: #22242e;--block-tt: none;--block-fw: 700;--block-style: normal;--block-font: var(--font-ui);--block-selected-border: #ff48b0;--playhead-w: 3px;--playhead-bg: #0078bf;--playhead-glow: 2px 0 0 rgba(255, 72, 176, .6);--playhead-cap: #ff48b0;--dur-1: .12s;--dur-2: .2s;--ease: steps(6, end);--motion-scale: .9;--media-bg: #1f1d18}[data-theme=riso-print] .chip{border:1px dashed color-mix(in srgb,var(--text) 45%,transparent)}[data-theme=riso-print] .modal{border:2px solid #22242e;background:#f7f2e6}[data-theme=riso-print] input,[data-theme=riso-print] select,[data-theme=riso-print] textarea{background:#faf6ec}@media (prefers-reduced-motion: reduce){:root,[data-theme]{--dur-1: 0ms;--dur-2: 0ms;--ease: linear;--motion-scale: 0;--dur-modal: 0ms;--dur-overlay: 0ms;--dur-menu: 0ms;--dur-exit: 0ms;--dur-screen: 0ms}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-ui);line-height:var(--lh-ui);-webkit-font-smoothing:antialiased}:where(button,[role=button],input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer}.icon{flex:0 0 auto;display:block}input,select,textarea{font-family:inherit;font-size:var(--fs-ui);color:var(--text);background:var(--bg-3);border:var(--border-w) solid var(--line);border-radius:var(--radius-input);padding:0 10px;height:var(--ctl-h);outline:none}textarea{height:auto;padding:8px 10px;line-height:var(--lh-ui)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{width:16px;height:16px;padding:0;accent-color:var(--accent)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% - 1px),calc(100% - 10px) calc(50% - 1px);background-size:5px 5px;background-repeat:no-repeat}input[type=color]{padding:2px;width:48px;height:var(--ctl-h);cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--ctl-h);padding:0;border:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 18%,transparent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 18%,transparent)}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.btn{display:inline-flex;align-items:center;gap:6px;height:var(--ctl-h);background:transparent;color:var(--text);border:var(--border-w) solid transparent;border-radius:var(--radius-btn);padding:0 12px;font-size:var(--fs-ui);white-space:nowrap;text-transform:var(--tt-btn);letter-spacing:var(--ls-btn);font-weight:var(--fw-btn);box-shadow:none;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),filter var(--dur-1) var(--ease)}.btn:hover{background:var(--bg-3)}.btn:disabled{opacity:.45;cursor:default}.btn .icon{color:var(--text-dim)}.btn:hover .icon{color:inherit}.btn-outline{background:var(--btn-bg);border-color:var(--btn-border);box-shadow:var(--shadow-btn)}.btn-outline:hover{background:var(--bg-2);border-color:var(--line-strong);filter:brightness(1.06)}.btn-primary,.btn-primary:hover{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--accent-contrast);font-weight:var(--fw-btn);box-shadow:var(--shadow-btn-primary)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary .icon{color:inherit}.btn-danger{color:var(--danger);border-color:transparent;background:transparent}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.btn-danger .icon{color:inherit}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;text-transform:none;letter-spacing:normal;font-weight:500}.btn-ghost:hover{background:var(--bg-3)}.btn[data-active=true],.btn[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--ctl-h);height:var(--ctl-h);padding:0;border-radius:var(--radius-btn);background:transparent;border:1px solid transparent;color:var(--text-dim);box-shadow:none;transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.icon-btn:hover{background:var(--bg-3);color:var(--text)}.icon-btn:disabled{opacity:.45;cursor:default}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.label,.field>label,label.field>span{font-size:var(--fs-micro);font-weight:550;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);line-height:var(--lh-tight)}.row{display:flex;align-items:center;gap:var(--sp-2)}.col{display:flex;flex-direction:column;gap:var(--sp-3)}.hint{font-size:12px;color:var(--text-dim);line-height:1.4;text-transform:none;letter-spacing:normal;font-weight:400}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.chip{display:inline-flex;align-items:center;gap:6px;height:var(--ctl-h-sm);padding:0 10px;border-radius:var(--radius-chip);border:none;background:color-mix(in srgb,var(--chip-bg) 60%,var(--bg-2));font-size:12px;font-family:var(--chip-font);color:var(--chip-text);box-shadow:var(--chip-shadow);white-space:nowrap}.chip.active{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px var(--accent),var(--chip-shadow);color:var(--chip-active-text, var(--text))}.chip .icon{color:inherit}.app-logo{font-family:var(--font-display);font-style:var(--logo-style);letter-spacing:.3px}.toolbar-group{display:inline-flex;align-items:center;gap:2px}.toolbar-sep{width:1px;height:16px;background:var(--line);margin:0 var(--sp-2);flex:0 0 1px}@media (max-width: 1699px){.toolbar-actions .toolbar-label{display:none}.toolbar-actions .btn{padding:0 8px}}.toolbar-menu-btn{display:none}.toolbar-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:210px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-float);animation:pop-in var(--dur-menu) var(--ease);transform-origin:top right}.toolbar-menu-panel .btn{width:100%;justify-content:flex-start}.toolbar-menu-panel .toolbar-label{display:inline}.toolbar-menu-panel .toolbar-sep{width:100%;height:1px;margin:var(--sp-1) 0}.toolbar-menu-panel .toolbar-group{display:flex;flex-direction:column;align-items:stretch;gap:2px}.readonly-chip{flex-shrink:0}.readonly-chip .label-short{display:none}.project-name{min-width:72px;max-width:260px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;color:var(--text)}.edit-copy-btn .label-short{display:none}.toolbar-right{margin-left:auto;justify-content:flex-end;flex-wrap:wrap;min-width:0}.theme-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:200px;padding:6px;gap:2px;box-shadow:var(--shadow-float);max-height:70vh;overflow:auto;animation:pop-in var(--dur-menu) var(--ease);transform-origin:top}.theme-option{width:100%;gap:8px}.theme-option[data-selected=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-dots{display:inline-flex;gap:3px}.theme-dots i{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #7f7f7f8c}.lane-gutter .icon-btn{opacity:0;transition:opacity var(--dur-1) var(--ease)}.lane-gutter:hover .icon-btn,.lane-gutter:focus-within .icon-btn{opacity:1}.lane-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.lane-label{font-size:var(--fs-ui);font-weight:500;color:var(--text);line-height:var(--lh-tight);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0}.media-bar-segment{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:6px;padding:0 8px;overflow:hidden;white-space:nowrap;font-size:11px;color:var(--text-dim);background:var(--bg-2);border-right:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none}.media-bar-segment:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg-2));color:var(--text)}.media-bar-segment[data-current=true]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}.media-bar-segment[data-kind=none]{color:var(--text-faint);font-style:italic}.media-bar-segment-label{overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}.media-bar-segment .media-bar-segment-edit{width:20px;height:20px;flex:0 0 20px;opacity:0;transition:opacity var(--dur-1) var(--ease)}.media-bar-segment:hover .media-bar-segment-edit,.media-bar-segment:focus-within .media-bar-segment-edit{opacity:1}.formation-marker{position:absolute;top:3px;bottom:3px;display:inline-flex;align-items:center;gap:5px;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius-chip);background:var(--panel);color:var(--text-dim);font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;cursor:pointer}.formation-marker:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--text)}.formation-marker[data-current=true]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--text)}.formation-marker-label{overflow:hidden;text-overflow:ellipsis;min-width:0}.tuplet-badge{position:absolute;bottom:0;height:11px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;line-height:1;letter-spacing:.4px;color:var(--text);background:color-mix(in srgb,var(--accent) 22%,var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent);cursor:pointer;overflow:hidden;white-space:nowrap;z-index:1}.lane-tuplet-strip{position:absolute;top:0;bottom:0;pointer-events:none}.tuplet-popover{position:absolute;z-index:30;display:flex;gap:4px;padding:6px;box-shadow:var(--shadow-float);animation:fade-in var(--dur-menu) var(--ease)}@keyframes fade-in{0%{opacity:0}}.tuplet-popover .btn[data-active=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.tuplet-arm-hint{white-space:nowrap}[data-testid=tuplet-arm-toggle][data-active=true]{background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 1px var(--accent)}.section-chip{position:absolute;top:7px;left:3px;font-size:var(--fs-micro);font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--good);padding:1px 6px;border-radius:var(--radius-chip);white-space:nowrap;line-height:1.5}.move-block{position:absolute;top:6px;height:calc(var(--lane-h) - 12px);background:color-mix(in srgb,var(--move-color) var(--block-mix),var(--block-mix-base));border:var(--block-border-w) solid color-mix(in srgb,var(--move-color) var(--block-border-mix),var(--block-border-base));border-radius:var(--block-radius);box-shadow:var(--block-shadow);color:var(--block-text);display:flex;align-items:center;gap:6px;padding:0 8px;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;transition:filter var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease)}.move-block:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:color-mix(in srgb,var(--move-color) 60%,var(--block-text));pointer-events:none}.move-block:hover{filter:brightness(1.08)}.move-block:active{filter:brightness(1.1);box-shadow:0 4px 10px #00000059,var(--block-shadow)}.move-block.selected{border-color:var(--block-selected-border);filter:brightness(1.06);box-shadow:0 0 0 2px color-mix(in srgb,var(--move-color) 55%,transparent),var(--block-shadow)}.move-block .move-title{font-size:12px;color:inherit;font-family:var(--block-font);font-weight:var(--block-fw);font-style:var(--block-style);text-transform:var(--block-tt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--block-text) 50%,transparent);flex:0 0 6px}.move-resize{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.move-resize:after{content:"";width:2px;height:10px;border-radius:1px;background:color-mix(in srgb,var(--block-text) 40%,transparent);opacity:0;transition:opacity var(--dur-1) var(--ease)}.move-resize.left{left:0}.move-resize.right{right:0}.move-block:hover .move-resize:after,.move-block.selected .move-resize:after{opacity:1}.screen-fade{height:100%;animation:screen-in var(--dur-screen) var(--ease)}.cell-affordance{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text-dim);cursor:copy;animation:cell-affordance-in var(--dur-1) var(--ease)}@keyframes cell-affordance-in{0%{opacity:0}}.playhead{position:absolute;top:0;width:var(--playhead-w);background:var(--playhead-bg);box-shadow:var(--playhead-glow);z-index:4;pointer-events:none}.playhead-grab{position:absolute;top:0;width:14px;z-index:7;cursor:ew-resize;touch-action:none}.playhead-cap{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:8px;background:var(--playhead-cap);clip-path:polygon(0 0,100% 0,50% 100%)}.media-stage{overflow:clip;display:flex;justify-content:flex-end;background:var(--bg);transition:height var(--dur-2) var(--ease)}.media-frame{background:var(--media-bg);border-bottom:1px solid var(--line);border-left:1px solid var(--line);position:relative}.media-stage[data-placement=left]{justify-content:flex-start}.media-stage[data-placement=left] .media-frame{border-left:none;border-right:1px solid var(--line)}.media-stage[data-placement=center]{justify-content:center}.media-stage[data-placement=center] .media-frame{border-left:1px solid var(--line);border-right:1px solid var(--line)}.media-stage.media-floating{position:fixed;left:12px;bottom:12px;z-index:48;width:320px;height:auto;flex-direction:column;justify-content:flex-start;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-float);transition:none}.media-stage.media-floating .media-frame{border:none}.media-float-handle{display:flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 8px;flex:0 0 26px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;color:var(--text-dim);font-size:var(--fs-micro);background:var(--bg-2);border-bottom:1px solid var(--line)}.media-float-handle:active{cursor:grabbing}.media-float-handle .icon-btn{width:22px;height:22px}.media-float-handle .icon-btn:first-of-type{margin-left:auto}.media-frame>.media-controls{position:absolute;top:6px;right:6px;z-index:3;display:inline-flex;gap:2px;padding:2px;background:color-mix(in srgb,var(--panel) 85%,transparent);border:1px solid var(--line);border-radius:var(--radius-btn);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-controls .icon-btn{width:24px;height:24px}.media-controls .icon-btn[data-active=true]{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--text)}.media-floating-close{opacity:0;transition:opacity var(--dur-1) var(--ease)}.media-floating:hover .media-floating-close,.media-floating:focus-within .media-floating-close{opacity:1}.media-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-2) 30%,var(--bg-3) 50%,var(--bg-2) 70%);background-size:200% 100%;animation:media-shimmer 1.4s ease-in-out infinite}.media-frame>*{position:relative}@keyframes media-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50;animation:overlay-in var(--dur-overlay) var(--ease)}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius-modal);padding:0;box-shadow:var(--shadow-modal);animation:modal-in var(--dur-modal) var(--ease)}.overlay.closing{animation:overlay-out var(--dur-exit) var(--ease) forwards;pointer-events:none}.overlay.closing .modal{animation:modal-out var(--dur-exit) var(--ease) forwards}.modal-header{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4) 20px var(--sp-3)}.modal-header .modal-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.modal h2{margin:0;font-size:var(--fs-md);font-weight:600;font-family:var(--font-display);line-height:var(--lh-tight)}.modal-sub{margin:0;font-size:var(--fs-ui);color:var(--text-dim);line-height:1.4}.modal-body{padding:4px 20px var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) 20px var(--sp-4)}.modal-footer .btn-danger{margin-right:auto}.media-two-pane{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:var(--sp-4);align-items:start}.media-pane-left{display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.media-pane-right{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;position:sticky;top:0}.media-preview{display:block;width:100%;max-height:180px;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);background:var(--media-bg)}.media-preview-icon{display:flex;align-items:center;justify-content:center;height:96px;color:var(--text-dim)}.media-segment-list{display:flex;flex-direction:column;gap:6px}.media-segment-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:none}.media-segment-row:hover{border-color:var(--line-strong)}.media-segment-row[data-selected=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.media-segment-row .seg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.media-segment-row .seg-main>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-segment-row .seg-label{font-weight:600;font-size:var(--fs-ui)}@media (max-width: 767px){.media-two-pane{grid-template-columns:minmax(0,1fr)}.media-pane-right{position:static}}@keyframes overlay-in{0%{opacity:0}}@keyframes overlay-out{to{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(11px) scale(.97)}}@keyframes modal-out{to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes screen-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:var(--sp-3);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:10px 14px;max-width:min(480px,calc(100vw - 32px));animation:toast-in var(--dur-2) var(--ease)}.empty-guide{position:absolute;z-index:5;display:flex;gap:var(--sp-3);flex-wrap:wrap;pointer-events:none;max-width:min(calc(100% - var(--gutter-w) - 24px),calc(100vw - var(--gutter-w) - 40px))}.empty-guide .guide-card{pointer-events:auto;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-float);padding:var(--sp-3) 14px;width:200px;display:flex;flex-direction:column;gap:var(--sp-2)}.empty-guide .guide-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:12px;flex:0 0 22px}.feedback-thanks-icon{display:inline-block;color:var(--accent)}.feedback-pill{position:fixed;right:14px;bottom:14px;z-index:45;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--panel);color:var(--text-dim);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);transition:color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.feedback-pill:hover{color:var(--accent);border-color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width: 767px){.toolbar-actions{display:none!important}.toolbar-menu-btn{display:inline-flex}.transport-wrap{order:10;border-top:1px solid var(--line);border-bottom:none}.transport-row{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.readonly-chip .label-full{display:none}.readonly-chip .label-short{display:inline}.edit-copy-btn .label-full{display:none}.edit-copy-btn .label-short{display:inline}.project-name{min-width:36px}.toolbar-right{flex-wrap:nowrap;flex-shrink:0}.feedback-pill{bottom:122px}.empty-guide .guide-card{width:160px}.lane-gutter .icon-btn{opacity:1}.media-stage,.media-stage[data-placement]{justify-content:center}}