@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font: "Geist Variable", "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono Variable", "JetBrains Mono", "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-2xs: 11px;--fs-xs: 12px;--fs-s: 13px;--fs-m: 14px;--fs-l: 16px;--fs-xl: 20px;--fs-2xl: 26px;--fs-3xl: 30px;--ink: #0F172A;--ink-strong: #0F172A;--ink-2: #334155;--muted: #64748B;--faint: #94A3B8;--bg: #F8FAFC;--bg-side: #FFFFFF;--surface: #FFFFFF;--paper: #F1F5F9;--line: #E2E8F0;--line-strong: #CBD5E1;--line-input: #E2E8F0;--line-hover: #CBD5E1;--accent: #4F46E5;--accent-hover: #4338CA;--accent-active: #3730A3;--accent-btn: #4F46E5;--accent-btn-top: #5B52EA;--accent-ink: #4338CA;--accent-wash: rgb(79 70 229 / .08);--accent-ring: rgb(99 102 241 / .25);--cyan: #0EA5E9;--ok: #047857;--ok-wash: rgb(16 185 129 / .08);--ok-dot: #10B981;--ok-line: rgb(16 185 129 / .25);--warn: #B45309;--warn-wash: rgb(245 158 11 / .1);--warn-dot: #F59E0B;--warn-line: rgb(245 158 11 / .3);--danger: #DC2626;--danger-wash: #FEF2F2;--danger-line: #FCA5A5;--r-s: 6px;--r-m: 8px;--r-l: 12px;--shadow-1: 0 0 0 1px #E2E8F0, 0 1px 2px 0 rgb(15 23 42 / .04);--shadow-2: 0 0 0 1px #E2E8F0, 0 4px 6px -1px rgb(15 23 42 / .06), 0 2px 4px -2px rgb(15 23 42 / .04);--shadow-3: 0 0 0 1px #CBD5E1, 0 20px 25px -5px rgb(15 23 42 / .08), 0 8px 10px -6px rgb(15 23 42 / .03);--shadow-hover: 0 0 0 1px #CBD5E1, 0 1px 2px rgb(15 23 42 / .06);--focus: 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-ring);--focus-input: 0 0 0 3px rgb(99 102 241 / .15);--glow: none;--ease: cubic-bezier(.2, .8, .2, 1);--t-fast: .12s;--t-med: .2s;--hover-surface: #F8FAFC;--tint: rgb(15 23 42 / .045);--canvas: #F1F5F9;--player-bg: #F1F5F9;--glass: rgb(255 255 255 / .85);--track: rgb(15 23 42 / .08);--dotgrid: rgb(15 23 42 / .1);--input-bg: #FFFFFF;--kbd-bg: #FFFFFF;--kbd-line: #CBD5E1;--kbd-base: #94A3B8;--kbd-ink: #475569;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #E2E8F0;--ink-strong: #FFFFFF;--ink-2: #94A3B8;--muted: #7C889D;--faint: #475569;--bg: #090A0F;--bg-side: #0D0F17;--surface: #131722;--paper: #0D0F17;--line: #232A3B;--line-strong: #333F58;--line-input: #232A3B;--line-hover: #333F58;--accent: #6366F1;--accent-hover: #818CF8;--accent-active: #4F46E5;--accent-btn: #5B5EEE;--accent-btn-top: #6A6DF3;--accent-ink: #A5B4FC;--accent-wash: rgb(99 102 241 / .15);--accent-ring: rgb(99 102 241 / .4);--cyan: #38BDF8;--ok: #34D399;--ok-wash: rgb(16 185 129 / .12);--ok-dot: #10B981;--ok-line: rgb(16 185 129 / .3);--warn: #FBBF24;--warn-wash: rgb(245 158 11 / .12);--warn-dot: #F59E0B;--warn-line: rgb(245 158 11 / .3);--danger: #FB7185;--danger-wash: rgb(244 63 94 / .14);--danger-line: rgb(244 63 94 / .35);--r-s: 8px;--r-m: 12px;--r-l: 16px;--shadow-1: 0 0 0 1px #232A3B, inset 0 1px 0 0 rgb(255 255 255 / .05);--shadow-2: 0 0 0 1px rgb(51 63 88 / .7), 0 16px 32px -8px rgb(0 0 0 / .6), 0 0 1px 1px rgb(99 102 241 / .15);--shadow-3: 0 0 0 1px #333F58, 0 24px 64px -12px rgb(0 0 0 / .85);--shadow-hover: 0 0 0 1px #333F58;--focus: 0 0 0 1px var(--accent), 0 0 12px 1px rgb(99 102 241 / .35);--focus-input: 0 0 0 1px var(--accent), 0 0 8px rgb(99 102 241 / .25);--glow: 0 0 12px rgb(99 102 241 / .4);--hover-surface: #1C2234;--tint: rgb(255 255 255 / .05);--canvas: #0D0F17;--player-bg: #090A0F;--glass: rgb(19 23 34 / .75);--track: rgb(255 255 255 / .08);--dotgrid: #232A3B;--input-bg: #0D0F17;--kbd-bg: #1C2234;--kbd-line: #333F58;--kbd-base: #232A3B;--kbd-ink: #94A3B8;color-scheme:dark}}:root[data-theme=dark]{--ink: #E2E8F0;--ink-strong: #FFFFFF;--ink-2: #94A3B8;--muted: #7C889D;--faint: #475569;--bg: #090A0F;--bg-side: #0D0F17;--surface: #131722;--paper: #0D0F17;--line: #232A3B;--line-strong: #333F58;--line-input: #232A3B;--line-hover: #333F58;--accent: #6366F1;--accent-hover: #818CF8;--accent-active: #4F46E5;--accent-btn: #5B5EEE;--accent-btn-top: #6A6DF3;--accent-ink: #A5B4FC;--accent-wash: rgb(99 102 241 / .15);--accent-ring: rgb(99 102 241 / .4);--cyan: #38BDF8;--ok: #34D399;--ok-wash: rgb(16 185 129 / .12);--ok-dot: #10B981;--ok-line: rgb(16 185 129 / .3);--warn: #FBBF24;--warn-wash: rgb(245 158 11 / .12);--warn-dot: #F59E0B;--warn-line: rgb(245 158 11 / .3);--danger: #FB7185;--danger-wash: rgb(244 63 94 / .14);--danger-line: rgb(244 63 94 / .35);--r-s: 8px;--r-m: 12px;--r-l: 16px;--shadow-1: 0 0 0 1px #232A3B, inset 0 1px 0 0 rgb(255 255 255 / .05);--shadow-2: 0 0 0 1px rgb(51 63 88 / .7), 0 16px 32px -8px rgb(0 0 0 / .6), 0 0 1px 1px rgb(99 102 241 / .15);--shadow-3: 0 0 0 1px #333F58, 0 24px 64px -12px rgb(0 0 0 / .85);--shadow-hover: 0 0 0 1px #333F58;--focus: 0 0 0 1px var(--accent), 0 0 12px 1px rgb(99 102 241 / .35);--focus-input: 0 0 0 1px var(--accent), 0 0 8px rgb(99 102 241 / .25);--glow: 0 0 12px rgb(99 102 241 / .4);--hover-surface: #1C2234;--tint: rgb(255 255 255 / .05);--canvas: #0D0F17;--player-bg: #090A0F;--glass: rgb(19 23 34 / .75);--track: rgb(255 255 255 / .08);--dotgrid: #232A3B;--input-bg: #0D0F17;--kbd-bg: #1C2234;--kbd-line: #333F58;--kbd-base: #232A3B;--kbd-ink: #94A3B8;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-m);line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}h1,h2,h3{margin:0;color:var(--ink-strong);font-weight:600}h1{font-size:var(--fs-2xl);line-height:1.15;letter-spacing:-.03em}h2{font-size:var(--fs-l);line-height:1.3;letter-spacing:-.015em}h3{font-size:var(--fs-m);line-height:1.35;letter-spacing:-.006em}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-active)}code{font-family:var(--mono);font-size:.9em;letter-spacing:-.01em}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.05em;line-height:1;color:var(--kbd-ink);background:var(--kbd-bg);border:1px solid var(--kbd-line);border-bottom:2px solid var(--kbd-base);border-radius:4px}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-s)}::selection{background:var(--accent-wash);color:var(--accent-ink)}img{max-width:100%}.icon{width:16px;height:16px;flex:none}.icon-xs{width:12px;height:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;font:inherit;font-size:var(--fs-m);font-weight:500;letter-spacing:-.006em;white-space:nowrap;text-decoration:none;color:var(--ink);background:var(--surface);border:0;border-radius:var(--r-s);box-shadow:var(--shadow-1);cursor:pointer;transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.btn:hover{background:var(--hover-surface);color:var(--ink-strong);box-shadow:var(--shadow-hover)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:focus-visible{box-shadow:var(--focus)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .icon{margin-left:-2px}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--accent-btn-top) 0%,var(--accent-btn) 100%);box-shadow:inset 0 1px #fff3,0 0 0 1px var(--accent-btn),0 1px 2px #0f172a24}.btn-primary:hover{color:#fff;background:linear-gradient(180deg,var(--accent-hover) 0%,var(--accent-hover) 100%);box-shadow:inset 0 1px #fff3,0 0 0 1px var(--accent-hover),0 2px 4px #0f172a29,var(--glow)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-primary:focus-visible{box-shadow:inset 0 1px #fff3,0 0 0 1px var(--accent-btn),0 0 0 4px var(--accent-ring)}.btn-danger{color:var(--danger);box-shadow:0 0 0 1px var(--danger-line);background:transparent}.btn-danger:hover{color:var(--danger);background:var(--danger-wash);box-shadow:0 0 0 1px var(--danger)}.btn-ghost{background:transparent;box-shadow:none;color:var(--ink-2)}.btn-ghost:hover{background:var(--tint);box-shadow:none;color:var(--ink-strong)}.btn-ghost.btn-danger{color:var(--danger)}.btn-ghost.btn-danger:hover{color:var(--danger);background:var(--danger-wash);box-shadow:none}.btn-sm{height:28px;padding:0 10px;font-size:var(--fs-s);border-radius:var(--r-s)}.field{display:grid;gap:6px}.field>span{font-size:var(--fs-s);font-weight:500;color:var(--ink);letter-spacing:-.005em}.field .hint{font-size:var(--fs-xs);color:var(--muted);font-weight:400;margin-left:4px}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{font:inherit;font-size:var(--fs-m);color:var(--ink-strong);background:var(--input-bg);width:100%;height:34px;padding:0 11px;border:1px solid var(--line-input);border-radius:var(--r-s);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}input::placeholder,textarea::placeholder{color:var(--faint)}input[readonly]{background:var(--paper);font-family:var(--mono);font-size:var(--fs-s);color:var(--ink-2)}textarea{height:auto;padding:8px 11px;resize:vertical;min-height:72px;line-height:1.5}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;cursor:pointer;background:var(--input-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394A3B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 6.5 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 9px center}input:hover,textarea:hover,select:hover{border-color:var(--line-hover)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-input)}input[type=color]{width:40px;height:34px;padding:3px;border:1px solid var(--line-input);border-radius:var(--r-s);background:var(--surface);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;margin:0}.check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-m);cursor:pointer}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:16px}.stack-s{display:grid;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.grid-2{grid-template-columns:1fr}}.spacer{flex:1}.divider{height:1px;background:var(--line);margin:4px 0}.muted{color:var(--muted)}.small{font-size:var(--fs-s)}.mono{font-family:var(--mono);font-size:.9em;letter-spacing:-.01em}.text-warn{color:var(--warn)}.text-danger{color:var(--danger)}.eyebrow{font-family:var(--mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.error-box,.ok-box,.route-note{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-s);line-height:1.5;padding:10px 12px;border-radius:var(--r-s)}.error-box{background:var(--danger-wash);color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger-line)}.ok-box{background:var(--ok-wash);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.route-note{background:var(--warn-wash);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line);margin-bottom:12px}p.error-box{margin:0}.panel{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:20px 22px}.panel-flush{padding:0;overflow:hidden}.panel.panel-flush>.table{margin:0;width:100%}.panel-flush>.table th:first-child,.panel-flush>.table td:first-child{padding-left:18px}.panel-flush>p{padding:16px 18px}.cell-actions{text-align:right;padding-right:12px!important;white-space:nowrap}.cell-actions .btn{margin-left:4px}.swatch{width:10px;height:10px;border-radius:3px;flex:none;box-shadow:inset 0 0 0 1px var(--line-strong)}.stack-l{gap:24px}.stack-l>.page-head{margin-bottom:0}.page-head .eyebrow+h1{margin-top:6px}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 7px;border-radius:999px;font-family:var(--mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.01em;line-height:1;white-space:nowrap;color:var(--ink-2);background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--faint)}.pill-live{background:var(--ok-wash);color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok-line)}.pill-live:before{background:var(--ok-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok-dot) 20%,transparent)}.pill-draft{background:var(--warn-wash);color:var(--warn);box-shadow:inset 0 0 0 1px var(--warn-line)}.pill-draft:before{background:var(--warn-dot)}.status-line{font-size:var(--fs-s);color:var(--muted)}.status-line.dirty{color:var(--warn)}.admin{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--surface);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;flex:none;font-weight:600;font-size:16px;letter-spacing:-.025em;color:var(--ink);text-decoration:none}.brand:hover{color:var(--ink)}.brand-mark{width:26px;height:26px;flex:none;display:block}.wm-a{color:var(--ink-strong)}.wm-b{color:var(--accent)}.tb-sep{flex:none;width:1px;height:22px;background:var(--line-strong)}.tb-crumbs{display:flex;align-items:center;gap:4px;min-width:0;font-size:var(--fs-s)}.tb-crumb{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);text-decoration:none}.tb-crumb:hover{color:var(--ink-strong)}.tb-crumb-current{white-space:nowrap;font-weight:500;color:var(--ink-strong)}.tb-slash{color:var(--faint)}.menu-wrap{position:relative;min-width:0}.tb-demo{display:inline-flex;align-items:center;gap:8px;max-width:340px;height:30px;padding:0 8px;font:inherit;font-size:var(--fs-s);color:var(--ink-strong);background:transparent;border:0;border-radius:var(--r-s);cursor:pointer}.tb-demo:hover,.tb-demo[aria-expanded=true]{background:var(--tint)}.tb-demo-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.tb-demo .icon{color:var(--muted)}.tb-tabs{display:inline-flex;flex:none;gap:2px;margin-left:8px;padding:3px;background:var(--paper);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line)}.tb-tab{display:inline-flex;align-items:center;height:28px;padding:0 14px;font-size:var(--fs-s);font-weight:500;white-space:nowrap;color:var(--muted);text-decoration:none;border-radius:var(--r-s);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.tb-tab:hover{color:var(--ink-strong)}.tb-tab.on{color:var(--ink-strong);background:var(--surface);box-shadow:var(--shadow-1)}.tb-search{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 10px;font:inherit;font-size:var(--fs-s);color:var(--muted);background:var(--paper);border:0;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.tb-search:hover{color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--line-strong)}.tb-search .tb-search-text{min-width:56px;text-align:left}.tb-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;color:var(--ink-2);text-decoration:none;background:transparent;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line)}.tb-icon:hover{color:var(--ink-strong);background:var(--hover-surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.tb-icon.on{color:var(--accent-ink);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-ring)}.tb-publish{flex:none}.tb-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;color:var(--accent-ink);background:var(--accent-wash);border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--accent-ring);cursor:pointer}.tb-avatar:hover{box-shadow:inset 0 0 0 1px var(--accent),var(--glow)}.popover{position:absolute;top:calc(100% + 6px);z-index:40;min-width:248px;padding:6px;background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-3)}.popover.left{left:0}.popover.right{right:0}.pop-body{display:grid;gap:2px;max-height:min(70vh,460px);overflow-y:auto}.pop-label{padding:8px 10px 4px}.pop-group+.pop-group{margin-top:4px}.pop-empty{padding:2px 10px 8px}.pop-sep{height:1px;margin:4px 2px;background:var(--line)}.pop-account{display:grid;gap:2px;padding:8px 10px 6px;max-width:260px}.pop-email{font-size:var(--fs-s);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-item{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;padding:6px 10px;font:inherit;font-size:var(--fs-s);text-align:left;text-decoration:none;color:var(--ink);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.pop-item>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-item:hover{color:var(--ink-strong);background:var(--hover-surface)}.pop-item.on{color:var(--accent-ink);background:var(--accent-wash)}.pop-item .icon{color:var(--muted)}.live-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok-dot)}.main{flex:1;width:100%;max-width:1360px;margin:0 auto;padding:32px 32px 72px;min-width:0}.admin.bleed{height:100dvh;overflow:hidden}.admin.bleed .main{max-width:none;padding:0;display:flex;flex-direction:column;min-height:0}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page-head .sub{color:var(--muted);font-size:var(--fs-m);margin-top:6px;max-width:64ch}.crumb{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-s);color:var(--muted);text-decoration:none;margin-bottom:6px}.crumb:hover{color:var(--ink)}.crumb:before{content:"";width:14px;height:14px;margin-left:-2px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 4-4 4 4 4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 4-4 4 4 4'/%3E%3C/svg%3E") center / contain no-repeat}@media (max-width: 1180px){.tb-search-text,.tb-search kbd{display:none}.tb-search{padding:0 9px}.tb-crumbs>.tb-crumb,.tb-crumbs>.tb-slash{display:none}}@media (max-width: 900px){.topbar{flex-wrap:wrap;height:auto;padding:8px 12px;row-gap:8px}.tb-sep{display:none}.tb-tabs{order:10;width:100%;margin-left:0;overflow-x:auto}.tb-tab{flex:1;justify-content:center;padding:0 10px}.main{padding:24px 16px 56px}}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 720px){.overview{grid-template-columns:1fr}}.empty{display:grid;justify-items:start;gap:12px;max-width:520px;padding:32px}.empty h1{font-size:var(--fs-xl);letter-spacing:-.018em}.empty-icon{width:40px;height:40px;border-radius:var(--r-m);display:grid;place-items:center;background:var(--accent-wash);color:var(--accent)}.empty-icon .icon{width:20px;height:20px}.tab-foot{display:flex;gap:10px;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}.q-card{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:16px 18px;display:grid;gap:12px}.q-head{display:flex;gap:10px;align-items:flex-start}.q-num{width:24px;height:24px;margin-top:5px;border-radius:6px;display:grid;place-items:center;flex:none;font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent-ink);background:var(--accent-wash)}.opt-row{display:flex;gap:8px;align-items:center}.weights{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-s);background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);overflow:hidden}.weights th,.weights td{border-bottom:1px solid var(--line);padding:7px 12px;text-align:left;vertical-align:middle}.weights tr:last-child td{border-bottom:0}.weights th{background:var(--paper);font-weight:500;font-size:var(--fs-xs);color:var(--muted)}.weights td.c{text-align:center}.weights .qrow td{background:var(--bg);font-weight:500;color:var(--ink);font-size:var(--fs-s);padding-top:12px}.weight-input{width:58px!important;height:28px!important;text-align:center;padding:0 4px!important;font-variant-numeric:tabular-nums}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.tpl{position:relative;text-align:left;font:inherit;background:var(--surface);border:0;border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:13px 38px 13px 14px;cursor:pointer;display:grid;gap:3px;color:var(--ink);transition:box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.tpl:after{content:"";position:absolute;top:13px;right:13px;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-strong);background:var(--surface) center / 10px no-repeat}.tpl:hover{box-shadow:0 0 0 1px var(--accent-ring),0 1px 2px #0f172a0d}.tpl.on{background:var(--accent-wash);box-shadow:0 0 0 1.5px var(--accent)}.tpl.on:after{box-shadow:none;background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2.3 5.2 1.8 1.8 3.6-3.8'/%3E%3C/svg%3E")}.tpl b{font-size:var(--fs-m);font-weight:500}.tpl span{font-size:var(--fs-s);color:var(--muted)}.path-tabs{display:inline-flex;justify-self:start;width:fit-content;gap:2px;flex-wrap:wrap;margin-bottom:18px;padding:3px;background:var(--paper);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);max-width:100%}.path-tabs button{font:inherit;font-size:var(--fs-s);font-weight:500;height:28px;padding:0 12px;border-radius:var(--r-s);border:0;background:transparent;cursor:pointer;color:var(--muted);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.path-tabs button:hover{color:var(--ink-strong)}.path-tabs button.on{background:var(--surface);color:var(--ink-strong);box-shadow:var(--shadow-1)}.thumb-actions{display:flex;gap:4px;flex-wrap:wrap}.upload-progress{font-size:var(--fs-s);color:var(--accent);margin-top:10px;font-variant-numeric:tabular-nums}.hs-box{position:absolute;border:1.5px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 14%,transparent);border-radius:4px;cursor:move;line-height:1.2}.hs-box.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:0 0 0 1px var(--accent),0 0 16px 2px color-mix(in srgb,var(--accent) 35%,transparent)}.hs-box .lbl{position:absolute;top:-22px;left:-1.5px;height:18px;display:inline-flex;align-items:center;padding:0 6px;border-radius:4px;background:var(--cyan);color:#04121c;font-family:var(--mono);font-size:10.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.hs-box.sel .lbl{background:var(--accent-btn);color:#fff}.hs-box .handle{position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;background:#fff;border:1.5px solid var(--accent);border-radius:3px;cursor:nwse-resize;box-shadow:0 1px 2px #0000004d}.hs-box .handle:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.hs-draft{position:absolute;border:1.5px dashed var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:4px;pointer-events:none}.redaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;line-height:1.2;touch-action:none;z-index:5}.redaction-overlay{position:absolute;pointer-events:none;border-radius:3px;z-index:2}.redaction-overlay.redaction-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3}.redaction-overlay.redaction-blackout{background:#000}.redaction-box{position:absolute;border:1.5px solid var(--accent);border-radius:4px;cursor:move;line-height:1.2;box-sizing:border-box}.redaction-box.redaction-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff3}.redaction-box.redaction-blackout{background:#000}.redaction-box.sel{outline:2px solid var(--accent-btn);outline-offset:1px;box-shadow:0 0 12px 2px color-mix(in srgb,var(--accent) 40%,transparent)}.redaction-box .lbl{position:absolute;top:-22px;left:-1.5px;height:18px;display:inline-flex;align-items:center;padding:0 6px;border-radius:4px;background:var(--paper);color:var(--ink-strong);font-family:var(--mono);font-size:10.5px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px var(--line),var(--shadow-1)}.redaction-box.sel .lbl{background:var(--accent-btn);color:#fff;box-shadow:none}.redaction-box .handle{position:absolute;right:-6px;bottom:-6px;width:11px;height:11px;background:#fff;border:1.5px solid var(--accent-btn);border-radius:3px;cursor:nwse-resize;box-shadow:0 1px 2px #0000004d}.redaction-box .handle:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.redaction-draft{position:absolute;border:1.5px dashed var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);border-radius:4px;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:16px 18px;display:flex;flex-direction:column-reverse;gap:6px}.stat b{display:block;font-size:var(--fs-3xl);font-weight:600;line-height:1;letter-spacing:-.035em;color:var(--ink-strong);font-variant-numeric:tabular-nums}.stat span{font-family:var(--mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-m);font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;padding:0 12px;height:42px;border-bottom:1px solid var(--line)}.table th{height:34px;font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:500;background:var(--bg)}.table tbody tr{transition:background var(--t-fast) var(--ease)}.table tbody tr:hover{background:var(--hover-surface)}.table tbody tr.row-selected{background:var(--accent-wash)}.table tbody tr:last-child td{border-bottom:0}.table td a{color:var(--ink-strong);font-weight:500}.table td a:hover{color:var(--accent)}.panel>.table{margin:0 -22px -20px;width:calc(100% + 44px)}.panel>.table th:first-child,.panel>.table td:first-child{padding-left:22px}.panel>.table th:last-child,.panel>.table td:last-child{padding-right:22px}.bar-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr 72px;gap:12px;align-items:center;font-size:var(--fs-s);padding:4px 0;font-variant-numeric:tabular-nums}.bar{height:8px;background:var(--paper);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent-btn);border-radius:999px;transition:width .4s var(--ease)}.spark{display:flex;align-items:flex-end;gap:3px;height:96px;padding-top:8px;border-bottom:1px solid var(--line)}.spark i{flex:1;background:linear-gradient(180deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 55%,transparent) 100%);border-radius:3px 3px 0 0;min-height:2px;opacity:.9;transition:opacity var(--t-fast) var(--ease)}.spark i:hover{opacity:1;background:var(--accent-active)}.login{min-height:100%;display:grid;place-items:center;padding:24px 16px;position:relative;isolation:isolate;background:var(--bg)}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(600px 320px at 50% 38%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(var(--dotgrid) 1px,transparent 1px) 0 0 / 24px 24px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 42%,#000 30%,transparent 75%)}.login .panel{width:min(380px,100%);display:grid;gap:18px;padding:32px;border-radius:var(--r-l);box-shadow:var(--shadow-3)}.login .brand-mark{width:36px;height:36px}.login-head{display:grid;gap:6px;margin-bottom:4px}.login-head h1{font-size:var(--fs-xl);letter-spacing:-.018em;margin-top:10px}.login .btn{height:38px}.auth-clerk{display:grid;justify-items:center;gap:20px;width:min(420px,100%)}.auth-brand{display:flex;align-items:center;gap:10px;font-size:var(--fs-l)}.auth-brand .brand-mark{width:28px;height:28px}.login .panel h2{font-size:var(--fs-l)}.auth-message{overflow-wrap:anywhere}.player{--brand: var(--accent);min-height:100%;display:flex;flex-direction:column;background:var(--player-bg) radial-gradient(1200px 500px at 50% -10%,color-mix(in srgb,var(--brand) 8%,transparent),transparent 70%)}.player.embedded{min-height:0;border-radius:var(--r-m);overflow:hidden;box-shadow:var(--shadow-1)}.p-head{display:flex;align-items:center;gap:12px;padding:0 20px;min-height:56px;background:var(--surface);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.player.embedded .p-head{position:static}.p-head img{height:24px;width:auto}.p-head .p-title{font-weight:500;font-size:var(--fs-m);letter-spacing:-.01em;display:flex;align-items:center;gap:12px}.p-head .p-title:before{content:"";width:1px;height:18px;background:var(--line-strong)}.p-head .p-product{font-weight:600;font-size:var(--fs-m);letter-spacing:-.02em;color:var(--ink-strong)}.st-item-wrap{display:flex;flex-direction:column;gap:6px;list-style:none}.st-chapter-header{display:flex;align-items:center;gap:8px;margin-top:8px;padding:6px 10px;border-radius:var(--r-s);background:var(--paper);border-left:3px solid var(--accent)}.st-chapter-pill{font-family:var(--mono);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-ink);background:var(--accent-wash);padding:1.5px 6px;border-radius:4px}.st-chapter-title{font-size:11.5px;font-weight:600;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-chapters-wrap{position:relative}.p-chapters-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--t-fast) var(--ease)}.p-chapters-btn:hover{background:var(--surface);border-color:var(--line-strong);color:var(--ink-strong)}.p-chap-active{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-chapters-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;max-width:320px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-3);z-index:50;padding:6px;animation:tip-in var(--t-fast) var(--ease)}.p-chap-menu-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 6px;font-size:var(--fs-xs);font-weight:600;color:var(--ink-strong);border-bottom:1px solid var(--line);margin-bottom:4px}.p-chap-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.p-chap-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-s);border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background var(--t-fast) var(--ease)}.p-chap-item:hover{background:var(--hover-surface)}.p-chap-item.active{background:var(--accent-wash);color:var(--accent-ink)}.p-chap-num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--paper);border:1px solid var(--line);font-family:var(--mono);font-size:10px;font-weight:600;color:var(--muted);flex-shrink:0}.p-chap-item.active .p-chap-num{background:var(--brand, var(--accent));border-color:transparent;color:#fff}.p-chap-item.passed .p-chap-num{background:var(--ok-wash);color:var(--ok);border-color:transparent}.p-chap-info{display:flex;flex-direction:column;min-width:0;flex:1}.p-chap-title{font-size:var(--fs-s);font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-chap-meta{font-size:11px;color:var(--muted);margin-top:2px}.p-chapter-tag{font-size:11px;font-weight:600;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 8px;background:var(--paper);border-radius:4px;border:1px solid var(--line)}.p-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:14px}.stage{position:relative;width:min(100%,calc((100dvh - 210px) * var(--ar)));aspect-ratio:var(--ar);background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-3);overflow:hidden}.player.embedded .stage{width:min(100%,calc(70vh * var(--ar)))}.stage.is-opening:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);opacity:.99;z-index:100;pointer-events:none}.stage.is-parked,.stage.is-parked *{pointer-events:none!important}@media (prefers-reduced-motion: no-preference){.stage>*{transition:opacity var(--t-fast) var(--ease)}}.stage-viewport{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.stage-viewport.is-zoomed,.stage-viewport.is-scroll-locked{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}.stage-viewport.is-zoomed{background:#0b0d14}.stage-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:0 0;will-change:transform;transition:transform .8s cubic-bezier(.2,.8,.2,1),clip-path .8s cubic-bezier(.2,.8,.2,1)}.stage-scroll-lock-barrier{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;background:transparent;touch-action:none;overscroll-behavior:none}@media (prefers-reduced-motion: reduce){.stage-canvas,.stage-viewport{transition:none!important}}.stage-canvas>img,.stage-canvas>video,.stage-viewport>img,.stage-viewport>video,.stage>img,.stage>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;border-radius:var(--r-m);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;border-radius:var(--r-s);z-index:10}.hotspot:focus-visible{box-shadow:none}.hotspot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:8px;border:2px solid var(--brand);opacity:0;transition:opacity var(--t-fast) var(--ease)}.hotspot:hover:after,.hotspot:focus-visible:after,.stage.hint .hotspot:after{opacity:1}.stage.hint .hotspot{background:color-mix(in srgb,var(--brand) 16%,transparent)}.hotspot.pulse:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:8px;box-shadow:0 0 color-mix(in srgb,var(--brand) 60%,transparent);animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--brand) 55%,transparent)}80%,to{box-shadow:0 0 0 14px transparent}}@media (prefers-reduced-motion: reduce){.hotspot.pulse:before{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 45%,transparent)}}.tip{position:absolute;z-index:15;width:max-content;max-width:min(300px,80vw);background:#0d0f17f0;color:#e2e8f0;padding:12px 14px;border-radius:var(--r-m);font-size:var(--fs-m);line-height:1.5;letter-spacing:-.005em;box-shadow:0 0 0 1px #6366f14d,inset 0 1px #ffffff0d,0 16px 32px -8px #0000008c;display:grid;gap:10px;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);animation:tip-in var(--t-med) var(--ease)}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.tip{animation:none}}.tip button{justify-self:end;height:28px;padding:0 12px;font:inherit;font-size:var(--fs-s);font-weight:500;color:#fff;background:var(--brand);border:0;border-radius:var(--r-s);cursor:pointer;box-shadow:inset 0 1px #fff3}.tip button:hover{filter:brightness(1.08)}.callout{position:absolute;z-index:4;display:grid;gap:8px;width:min(var(--cw, 300px),calc(100% - 16px));padding:14px 16px;left:clamp(8px,var(--cx, 8%),calc(100% - min(var(--cw, 300px),100% - 16px) - 8px));top:clamp(8px,var(--cy, 8%),calc(100% - var(--ch, 130px) - 8px));background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-3);animation:tip-in var(--t-med) var(--ease)}.callout-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04121ca6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:8;animation:tip-in var(--t-fast) var(--ease);pointer-events:auto}.stage-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:7}.stage-overlay-layer>*{pointer-events:auto}.callout-page-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.callout-page-layer>*{pointer-events:auto}.editor-stage .callout-page-layer,.stage>.callout-page-layer{z-index:6}.callout-page-layer>.callout{left:var(--cx, 8%);top:var(--cy, 8%)}.callout-ref{inset:auto;left:0;top:0;width:1440px;transform-origin:0 0;transform:scale(var(--k, 1)) translate(var(--dx, 0%),var(--dy, 0%))}.callout.callout-attached.callout-arrow-top{left:calc(var(--tx) - 31px);top:calc(var(--ty) + 10.9px)}.callout.callout-attached.callout-arrow-bottom{left:calc(var(--tx) - 31px);top:auto;bottom:calc(100% - var(--ty) + 10.9px)}.callout.callout-attached.callout-arrow-left{left:calc(var(--tx) + 10.9px);top:calc(var(--ty) - 31px)}.callout.callout-attached.callout-arrow-right{left:auto;right:calc(100% - var(--tx) + 10.9px);top:calc(var(--ty) - 31px)}.callout.callout-sticky{position:absolute;z-index:7}.callout.callout-modal{z-index:9;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 20px 48px -8px #00000080,0 0 0 1px #ffffff26}.callout-pointer{position:absolute;width:14px;height:14px;background:inherit;border:inherit;transform:rotate(45deg);z-index:-1}.callout.callout-arrow-top .callout-pointer{top:-8px;left:24px;border-bottom:none;border-right:none}.callout.callout-arrow-bottom .callout-pointer{bottom:-8px;left:24px;border-top:none;border-left:none}.callout.callout-arrow-left .callout-pointer{left:-8px;top:24px;border-top:none;border-right:none}.callout.callout-arrow-right .callout-pointer{right:-8px;top:24px;border-bottom:none;border-left:none}.callout.callout-theme-dark{background:#0f172a;color:#f8fafc;border-color:#334155;box-shadow:0 16px 36px #0000008c,0 0 0 1px #ffffff1a}.callout.callout-theme-dark h3{color:#fff}.callout.callout-theme-dark p{color:#cbd5e1}.callout.callout-theme-dark .callout-step{color:#94a3b8}.callout.callout-theme-dark input,.callout.callout-theme-dark textarea{background:#1e293b;color:#fff;border-color:#334155}.callout.callout-theme-accent{background:var(--surface);border:2px solid var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-3),var(--glow)}.callout.callout-theme-accent h3{color:var(--accent-ink)}.callout-step{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.callout h3{font-size:var(--fs-l);letter-spacing:-.02em;line-height:1.3;color:var(--ink-strong)}.callout p{font-size:var(--fs-m);line-height:1.5;color:var(--ink-2);white-space:pre-line}.callout>button{justify-self:end;height:30px;padding:0 14px;font:inherit;font-size:var(--fs-s);font-weight:500;color:#fff;background:var(--brand, var(--accent-btn));border:0;border-radius:var(--r-s);cursor:pointer;box-shadow:inset 0 1px #fff3}.callout>button:hover{filter:brightness(1.08)}@media (prefers-reduced-motion: reduce){.callout{animation:none}}.caption{max-width:720px;text-align:center;font-size:var(--fs-m);color:var(--ink-2);min-height:1.55em;text-wrap:balance}.p-bar{display:flex;align-items:center;gap:14px;padding:10px 20px;background:var(--glass);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-top:1px solid var(--line)}.progress{flex:1;height:4px;background:var(--track);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--brand);border-radius:999px;transition:width .28s var(--ease)}.p-count{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--muted);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.card-center{width:min(560px,100%);background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-3);padding:32px;display:grid;gap:20px}.card-center h2{font-size:var(--fs-xl);letter-spacing:-.025em;line-height:1.3;text-wrap:balance}.card-center .btn-primary{background:var(--brand);box-shadow:inset 0 1px #fff3,0 0 0 1px color-mix(in srgb,var(--brand) 80%,#000),0 1px 2px #0f172a24}.card-center .btn-primary:hover{background:color-mix(in srgb,var(--brand) 90%,#000)}.card-center .btn-primary:focus-visible{box-shadow:0 0 0 1px var(--brand),0 0 0 4px color-mix(in srgb,var(--brand) 25%,transparent)}.choices{display:grid;gap:8px}.choice{display:flex;gap:12px;align-items:center;text-align:left;font:inherit;font-size:var(--fs-m);min-height:46px;padding:10px 14px;border:0;border-radius:var(--r-m);background:var(--surface);cursor:pointer;color:var(--ink);box-shadow:0 0 0 1px var(--line-input);transition:box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.choice:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 55%,transparent);background:var(--hover-surface)}.choice:focus-visible{box-shadow:0 0 0 1px var(--brand),0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent)}.choice.on{box-shadow:0 0 0 1.5px var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.choice .box{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px var(--line-hover);background:var(--surface);transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.choice.multi .box{border-radius:5px}.choice.on .box{box-shadow:none;background:var(--brand)}.choice.on .box:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%}.choice.multi.on .box:after{width:9px;height:5px;background:none;border:2px solid #fff;border-top:0;border-right:0;border-radius:0;transform:rotate(-45deg) translate(1px,-1px)}.dots{display:flex;gap:4px}.dots i{flex:1;max-width:40px;height:3px;border-radius:999px;background:var(--track);transition:background var(--t-med) var(--ease)}.dots i.on{background:var(--brand)}.center-msg{min-height:100%;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ink-2)}.link-builder{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.link-builder .hint{margin-left:0}.preview-vars{min-width:260px;flex:1;max-width:380px}.preview-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:14px}@media (max-width: 560px){.card-center{padding:22px;border-radius:var(--r-m)}.p-bar{padding:10px 12px;gap:10px}.p-head{padding:0 14px}}.theme-switch{display:flex;gap:2px;padding:3px;margin:4px 0 2px;background:var(--paper);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line)}.theme-switch button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;border:0;border-radius:var(--r-s);background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-xs);font-weight:500;cursor:pointer}.theme-switch button:hover{color:var(--ink-strong)}.theme-switch .icon{width:13px;height:13px}.theme-switch button.on{background:var(--surface);color:var(--ink-strong);box-shadow:var(--shadow-1)}@media (prefers-reduced-motion: no-preference){.stage.t-fade{animation:st-fade .36s var(--ease) both}}@keyframes st-fade{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}.capture-frame{position:relative;width:100%;overflow:hidden;background:#fff;line-height:0}.capture-frame iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}.stage>.capture-frame,.stage-viewport>.capture-frame,.stage-canvas>.capture-frame{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:var(--r-m)}.capture-frame.is-scroll-locked,.capture-frame.is-scroll-locked iframe{overflow:hidden!important;touch-action:none!important;overscroll-behavior:none!important}.focus-boundary-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}.focus-boundary-rect{position:absolute;box-sizing:border-box;border:2px dashed #6366F1;background:color-mix(in srgb,#6366F1 8%,transparent);box-shadow:0 0 0 9999px #0f172a61;border-radius:6px;pointer-events:auto;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none;outline:none}.focus-boundary-rect:focus-visible,.focus-boundary-rect.dragging{border-style:solid;border-color:#818cf8;background:color-mix(in srgb,#6366F1 14%,transparent)}.focus-boundary-rect:active,.focus-boundary-rect.dragging{cursor:grabbing}.focus-boundary-bar{position:absolute;top:-26px;left:0;display:inline-flex;align-items:center;gap:5px;background:#6366f1;color:#fff;font-family:var(--mono);font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px;white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #00000059;pointer-events:auto;cursor:grab;touch-action:none}.focus-save-status{font-size:10px;opacity:.85;margin-left:4px;padding-left:6px;border-left:1px solid rgba(255,255,255,.3)}.focus-save-status.saving{opacity:1;color:#fef08a;font-weight:600}.focus-save-status.scrolled{opacity:1;color:#fed7aa;font-weight:600}.focus-state-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--bg-card);color:var(--text-muted)}.focus-state-badge.saving{color:#b45309;background:#fef3c7}.focus-state-badge.saved{color:#15803d;background:#dcfce7}.focus-boundary-bar:active,.focus-boundary-rect.dragging .focus-boundary-bar{cursor:grabbing;background:#4f46e5}.focus-boundary-rect .handle{position:absolute;width:11px;height:11px;background:#fff;border:2px solid #6366F1;border-radius:3px;box-shadow:0 1px 3px #0006;z-index:3;pointer-events:auto}.focus-boundary-rect .handle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.focus-boundary-rect .handle-se{right:-6px;bottom:-6px;cursor:nwse-resize}.focus-boundary-rect .handle-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.focus-boundary-rect .handle-ne{right:-6px;top:-6px;cursor:nesw-resize}.focus-boundary-rect .handle-nw{left:-6px;top:-6px;cursor:nwse-resize}.editor-stage-viewport{position:relative;width:100%;height:100%;transform-origin:0 0;will-change:transform;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#090a0f99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-in var(--t-med) var(--ease)}@keyframes modal-in{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.modal{animation:none}}.modal-card{width:min(1200px,100%);max-height:100%;overflow:auto;background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-3);padding:20px 22px;display:grid;gap:12px}.modal-card.narrow{width:min(760px,100%)}.capture-editor-stage{position:relative;justify-self:center;border-radius:6px;overflow:hidden;box-shadow:var(--shadow-2)}.pick-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.pick-box{position:absolute;pointer-events:none;border-radius:3px;box-shadow:0 0 0 2px var(--accent),0 0 0 5px var(--accent-ring);background:color-mix(in srgb,var(--accent) 10%,transparent)}.pick-box.hide{box-shadow:0 0 0 2px var(--danger),0 0 0 5px color-mix(in srgb,var(--danger) 25%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent)}.quick-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#090a0fe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;animation:modal-in .2s ease}.quick-preview-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink-strong);z-index:10}.quick-preview-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:var(--fs-s)}.quick-preview-badge{font-family:var(--mono);font-size:var(--fs-2xs);padding:2px 7px;border-radius:999px;background:var(--accent-wash);color:var(--accent-ink);font-weight:600}.quick-preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:16px}.quick-preview-content .player{width:100%;height:100%;max-width:1400px;max-height:900px;box-shadow:0 20px 50px #00000080;border-radius:var(--r-l);overflow:hidden;border:1px solid var(--line)}.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.cap-card{background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);overflow:hidden;display:flex;flex-direction:column;text-align:left;font:inherit;color:inherit;border:0;padding:0}button.cap-card{cursor:pointer;transition:box-shadow var(--t-fast) var(--ease)}button.cap-card:hover{box-shadow:0 0 0 1.5px var(--accent),var(--glow)}.cap-shot{aspect-ratio:16 / 10;background:var(--paper) top center / cover no-repeat;border-bottom:1px solid var(--line)}.cap-shot-text{display:grid;place-items:center;padding:12px;text-align:center;font-weight:600;color:var(--ink-strong)}.cap-body{padding:10px 12px 12px;display:grid;gap:6px;font-size:var(--fs-s);min-width:0}.cap-body b{font-weight:500;color:var(--ink-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-body .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:var(--fs-m)}.editor-stage{position:relative;max-width:100%;border-radius:var(--r-s);overflow:hidden;box-shadow:0 0 0 1px var(--accent),0 0 0 5px var(--accent-ring),var(--shadow-3)}.editor-stage .capture-frame{border-radius:var(--r-s)}.hs-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;line-height:1.2;touch-action:none}.hidden-list{max-height:220px;overflow-y:auto}.hidden-item{justify-content:space-between}.hidden-item .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.studio{display:grid;grid-template-columns:276px minmax(0,1fr) 336px;grid-template-rows:minmax(0,1fr);flex:1;min-height:0;background:var(--surface);overflow:hidden}.count{font-family:var(--mono);font-size:var(--fs-2xs);font-weight:500;line-height:1;padding:3px 7px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);text-transform:none;letter-spacing:0}.studio-steps{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--bg-side);border-right:1px solid var(--line)}.studio-steps.over:after{content:"Drop to add screens";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:4;display:grid;place-items:center;pointer-events:none;border:1.5px dashed var(--accent);border-radius:var(--r-m);background:var(--accent-wash);color:var(--accent-ink);font-weight:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.studio-pane-head{display:flex;align-items:center;gap:8px;padding:14px 16px 10px}.studio-pane-head h2{font-size:var(--fs-m);letter-spacing:-.02em}.studio-paths{padding:0 12px 8px}.path-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 4px}.path-bar .path-note,.path-bar .error-box{grid-column:1 / -1;margin:0}.path-actions{display:flex;gap:2px}.path-actions .btn-icon{width:30px;padding:0;justify-content:center}.path-select{display:grid;gap:4px;min-width:0}.path-select select,.path-select input{height:30px;font-size:var(--fs-s);min-width:0}.studio-step-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 12px 12px;overscroll-behavior:contain}.studio-empty{padding:8px 4px}.studio-note{margin:0 12px 8px}.st-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.st-item{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-1);transition:box-shadow var(--t-fast) var(--ease)}.st-item:hover{box-shadow:var(--shadow-hover)}.st-item.on{box-shadow:0 0 0 1px var(--accent),var(--glow)}.st-item.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.st-item.dragging{z-index:2;box-shadow:var(--shadow-3)}.st-grip{display:grid;place-items:center;padding:0;border:0;background:none;color:var(--faint);cursor:grab;touch-action:none;border-radius:var(--r-m) 0 0 var(--r-m)}.st-grip:hover:not(:disabled){color:var(--ink-2)}.st-grip:disabled{cursor:default;opacity:.35}.st-main{display:grid;gap:6px;min-width:0;padding:8px 8px 8px 2px;font:inherit;color:inherit;text-align:left;background:none;border:0;cursor:pointer;border-radius:0 var(--r-m) var(--r-m) 0}.st-top{display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.st-num{color:var(--muted);font-variant-numeric:tabular-nums}.st-kind{padding:2px 6px;border-radius:4px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);white-space:nowrap}.st-kind.html{background:var(--accent-wash);color:var(--accent-ink);box-shadow:none}.st-kind.video{background:var(--ok-wash);color:var(--ok);box-shadow:none}.st-meta{margin-left:auto;color:var(--muted);text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st-meta.warn{color:var(--warn)}.st-thumb{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--r-s);background:var(--paper) top center / cover no-repeat;box-shadow:inset 0 0 0 1px var(--line)}.st-thumb video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.st-cap{position:absolute;left:0;right:0;bottom:0;padding:16px 8px 6px;font-size:var(--fs-xs);font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,#090a0fc7)}.studio-step-foot{position:relative;padding:10px 12px 12px;border-top:1px solid var(--line)}.st-add{width:100%;justify-content:center}.menu{position:absolute;left:12px;right:12px;bottom:calc(100% - 4px);z-index:5;display:grid;padding:4px;background:var(--surface);border-radius:var(--r-m);box-shadow:var(--shadow-2)}.menu button{display:grid;gap:2px;padding:9px 10px;font:inherit;text-align:left;color:var(--ink);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.menu button:hover{background:var(--hover-surface)}.studio-canvas{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas) radial-gradient(var(--dotgrid) 1px,transparent 1px) 0 0 / 24px 24px}.studio-toolbar{position:relative;z-index:2;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:12px 14px 0;padding:6px 8px;border-radius:var(--r-l);background:var(--glass);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:var(--shadow-2)}.tool-group{display:inline-flex;gap:2px;padding:2px;background:var(--paper);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line)}.tool{height:26px;padding:0 9px;font:inherit;font-size:var(--fs-s);font-weight:500;color:var(--muted);background:transparent;border:0;border-radius:var(--r-s);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.tool:hover{color:var(--ink-strong)}.tool.on{color:#fff;background:var(--accent-btn);box-shadow:inset 0 1px #fff3,var(--glow)}.tool-sep{width:1px;height:18px;background:var(--line-strong)}.studio-toolbar .btn:not(.btn-primary){background:transparent;box-shadow:none}.studio-toolbar .btn:not(.btn-primary):hover:not(:disabled){background:var(--tint)}.studio-error{margin:8px 14px 0}.editor-area{flex:1;min-width:0;min-height:0;display:grid;place-items:start;padding:18px 22px}.studio-hint{margin:0;padding:0 20px 12px;min-height:2.9em;text-align:center;color:var(--muted);text-wrap:balance}.studio-drop{margin:auto;display:grid;gap:6px;max-width:440px;padding:40px 30px;text-align:center;color:var(--muted);background:var(--surface);border:1.5px dashed var(--line-hover);border-radius:var(--r-l);cursor:pointer;transition:border-color var(--t-fast) var(--ease)}.studio-drop:hover{border-color:var(--accent)}.studio-drop b{color:var(--ink-strong);font-weight:600}.studio-inspector{display:flex;flex-direction:column;min-height:0;background:var(--bg-side);border-left:1px solid var(--line)}.insp-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.studio-inspector .panel{padding:16px 18px;background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}.studio-inspector .panel>h3{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.insp-back{padding:12px 18px 0}button.crumb{padding:0;font:inherit;font-size:var(--fs-s);background:none;border:0;cursor:pointer}.insp-foot{padding:10px 14px;border-top:1px solid var(--line);background:var(--bg-side)}.insp-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hs-rows{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hs-row{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;font:inherit;font-size:var(--fs-s);text-align:left;color:var(--ink);background:var(--paper);border:0;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.hs-row:hover{background:var(--hover-surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.hs-row .n{display:grid;place-items:center;min-width:20px;height:18px;padding:0 4px;font-family:var(--mono);font-size:10.5px;font-weight:600;color:#04121c;background:var(--cyan);border-radius:4px}.studio-wrap.compact{--thumbs-w: 76px;--tools-h: 58px}.studio-wrap.compact .studio{position:relative;grid-template-columns:var(--thumbs-w) minmax(0,1fr)}.studio-wrap.compact .strip-keys{display:none}.studio-wrap.compact .studio-toolbar{margin:8px 10px 0}.studio-wrap.compact .editor-area{padding:8px 10px}.studio-wrap.compact .stage-bar{display:none}.studio-wrap.compact .studio-steps,.studio-wrap.compact .studio-inspector{position:absolute;z-index:30;top:var(--tools-h);bottom:10px;width:min(320px,calc(100% - var(--thumbs-w) - 40px));border:0;border-radius:var(--r-l);box-shadow:var(--shadow-3);overflow:hidden;visibility:hidden;transition:transform var(--t-med) var(--ease),visibility 0s linear var(--t-med)}.studio-wrap.compact .studio-steps{left:calc(var(--thumbs-w) + 10px);transform:translate(calc(-100% - var(--thumbs-w) - 20px))}.studio-wrap.compact .studio-inspector{right:10px;transform:translate(calc(100% + 20px))}.studio-wrap.compact .studio-steps.open,.studio-wrap.compact .studio-inspector.open{visibility:visible;transform:none;transition:transform var(--t-med) var(--ease),visibility 0s}@media (prefers-reduced-motion: reduce){.studio-wrap.compact .studio-steps,.studio-wrap.compact .studio-inspector{transition:none!important}}.drawer-x{display:grid;place-items:center;flex:none;width:26px;height:26px;margin-left:4px;padding:0;color:var(--muted);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.drawer-x:hover{color:var(--ink-strong);background:var(--hover-surface)}.studio-pane-head .count+.drawer-x{margin-left:6px}.insp-hint{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 18px;color:var(--ink-2);border-bottom:1px solid var(--line)}.insp-hint .icon{flex:none;margin-top:2px;color:var(--accent)}.studio-thumbs{position:relative;z-index:31;display:flex;flex-direction:column;min-height:0;background:var(--bg-side);border-right:1px solid var(--line)}.thumbs-toggle{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;height:34px;margin:10px 8px 6px;padding:0 4px;color:var(--ink-2);background:var(--paper);border:0;border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.thumbs-toggle:hover{color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--line-strong)}.thumbs-toggle.on{color:var(--accent-ink);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent)}.thumbs-toggle .icon{color:var(--accent)}.thumbs-toggle .count{padding:2px 5px}.thumbs-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;list-style:none;margin:0;padding:4px 6px 12px;display:grid;align-content:start;gap:6px}.thumb{display:grid;gap:3px;width:100%;padding:4px;font:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:var(--r-s);cursor:pointer}.thumb:hover{background:var(--hover-surface)}.thumb-num{font-family:var(--mono);font-size:10px;font-weight:500;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums}.thumb-img{position:relative;display:grid;place-items:center;aspect-ratio:16 / 10;overflow:hidden;border-radius:4px;font-family:var(--mono);font-size:9px;text-transform:uppercase;color:var(--accent-ink);background:var(--paper) top center / cover no-repeat;box-shadow:inset 0 0 0 1px var(--line)}.thumb-img.text{background:var(--accent-wash)}.thumb-img video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb.on .thumb-num{color:var(--accent-ink)}.thumb.on .thumb-img{box-shadow:0 0 0 2px var(--accent),var(--glow)}.palette-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 0;background:#090a0f99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modal-in var(--t-med) var(--ease)}.palette{display:flex;flex-direction:column;width:min(580px,100%);max-height:68vh;overflow:hidden;background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-3)}.palette-input,.palette-foot{flex:none}.palette-input{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;color:var(--muted);border-bottom:1px solid var(--line)}.palette-input input,.palette-input input:hover,.palette-input input:focus{flex:1;height:100%;padding:0;font-size:var(--fs-l);color:var(--ink-strong);background:transparent;border:0;box-shadow:none;border-radius:0}.palette-list{flex:1;min-height:0;overflow-y:auto;padding:6px}.palette-group{padding:10px 10px 4px}.palette-empty{padding:16px 10px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;font:inherit;font-size:var(--fs-m);text-align:left;color:var(--ink);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.palette-item.on{color:var(--accent-ink);background:var(--accent-wash)}.pi-icon{display:grid;color:var(--muted)}.palette-item.on .pi-icon{color:var(--accent-ink)}.pi-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-hint{flex:none;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--muted)}.palette-foot{display:flex;gap:16px;align-items:center;padding:8px 14px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg-side)}.palette-foot span{display:inline-flex;align-items:center;gap:4px}.studio-strip{display:flex;align-items:center;gap:10px;flex:none;height:38px;padding:0 16px;font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.02em;color:var(--muted);background:var(--bg-side);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap}.studio-strip .strip-on{display:inline-flex;align-items:center;gap:7px;color:var(--ok);text-transform:uppercase;letter-spacing:.05em}.studio-strip .strip-on:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok-dot) 20%,transparent)}.studio-strip .strip-dirty{color:var(--warn)}.studio-strip .strip-dirty:before{background:var(--warn-dot);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn-dot) 20%,transparent)}.studio-strip .strip-status{display:inline-flex;align-items:center;gap:6px}.studio-strip .strip-status.strip-saving{color:var(--accent);font-weight:500}.studio-strip .strip-status.strip-dirty{color:var(--warn);font-weight:500}.studio-strip .strip-status.strip-error{color:var(--danger);font-weight:600}.studio-strip .strip-status.strip-saved{color:var(--ok)}.canvas-save-status{font-family:var(--mono);font-size:var(--fs-2xs);display:inline-flex;align-items:center;gap:6px;padding:0 8px}.canvas-save-status.saving{color:var(--accent);font-weight:500}.canvas-save-status.dirty{color:var(--warn);font-weight:500}.canvas-save-status.error{color:var(--danger);font-weight:600}.canvas-save-status.saved{color:var(--muted)}.studio-strip .strip-title{color:var(--ink);font-family:var(--font);font-size:var(--fs-s);letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.studio-strip .strip-slash{color:var(--faint)}.studio-strip .strip-chip{padding:2px 8px;border-radius:4px;background:var(--accent-wash);color:var(--accent-ink)}.studio-strip .strip-keys{display:inline-flex;align-items:center;gap:4px}@media (max-width: 720px){.studio-strip .strip-keys{display:none}}.stage-col{display:grid;gap:8px;max-width:100%;justify-items:start;margin:auto}.editor-area.zoomed .stage-col,.editor-area.zoomed .stage-bar,.editor-area.zoomed .editor-stage{max-width:none}.stage-bar{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;height:26px}.stage-bar .dots{display:inline-flex;gap:5px}.stage-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.stage-bar .dots i:nth-child(1){background:#f0625d}.stage-bar .dots i:nth-child(2){background:#f5bf4f}.stage-bar .dots i:nth-child(3){background:#61c554}.stage-label{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.03em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-area{overflow:auto}.editor-stage{justify-self:start}.studio-hint{align-self:center;display:inline-flex;align-items:center;gap:8px;max-width:min(720px,calc(100% - 32px));margin:0 auto 14px;padding:7px 14px;min-height:0;text-align:left;color:var(--ink-2);background:var(--glass);border-radius:999px;box-shadow:var(--shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.studio-hint .icon{flex:none;color:var(--accent)}.tool{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.studio-toolbar>*{flex:none}.studio-toolbar{container:studio-tools / inline-size}@container studio-tools (max-width: 1000px){.tb-label.opt{display:none}}@container studio-tools (max-width: 780px){.tb-label{display:none}}@container studio-tools (max-width: 1330px){.compact .tb-label.opt{display:none}}@container studio-tools (max-width: 1110px){.compact .tb-label{display:none}}.studio-toolbar>.spacer{flex:1 1 0;min-width:0}.zoom-float{position:absolute;right:14px;bottom:62px;z-index:3;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-2)}.tool .icon{width:14px;height:14px}.tool-zoom{padding:0 9px;font-family:var(--mono);font-size:var(--fs-2xs)}.studio-toolbar .btn kbd{margin-left:4px}.studio-toolbar .btn .icon{margin-left:0}.callout.callout-edit{z-index:6;cursor:grab;touch-action:none;box-shadow:0 0 0 1px var(--accent),var(--shadow-3),var(--glow)}.callout.callout-edit.dragging{cursor:grabbing}.callout.callout-edit textarea,.callout.callout-edit input{display:block;width:100%;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:2px;background:transparent;font:inherit;color:inherit;resize:none;overflow:hidden;box-shadow:none;transition:none;cursor:text}.callout.callout-edit textarea:hover,.callout.callout-edit input:hover{box-shadow:0 0 0 1px var(--line-input)}.callout.callout-edit textarea:focus,.callout.callout-edit input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-ring)}.callout.callout-edit .callout-title{font-size:var(--fs-l);font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--ink-strong)}.callout.callout-edit .callout-body{font-size:var(--fs-m);line-height:1.5;color:var(--ink-2)}.callout.callout-edit .callout-btn{justify-self:end;width:110px;height:30px;padding:0 14px;font-size:var(--fs-s);font-weight:500;text-align:center;color:#fff;background:var(--brand, var(--accent-btn));border-radius:var(--r-s);box-shadow:inset 0 1px #fff3}.callout.callout-edit .callout-btn::placeholder{color:#ffffffb3}.callout.callout-theme-dark.callout-edit .callout-title{color:#fff}.callout.callout-theme-dark.callout-edit .callout-body{color:#cbd5e1}.callout-edit .callout-bar,.callout-edit .callout-foot{position:absolute;left:0;display:flex;align-items:center;gap:8px;width:max(240px,calc(100% * var(--k, 1)));transform:scale(var(--ik, 1));font-size:var(--fs-s);line-height:1.2;color:var(--ink)}.callout-edit .callout-bar{bottom:100%;height:26px;margin-bottom:calc(4px * var(--ik, 1));padding:0 2px 0 8px;transform-origin:0 100%;background:var(--surface);border-radius:var(--r-s);box-shadow:0 0 0 1px var(--accent),var(--shadow-1);cursor:grab}.callout-edit .callout-foot{top:100%;height:28px;margin-top:calc(4px * var(--ik, 1));transform-origin:0 0}.callout-edit.bar-below .callout-bar{bottom:auto;top:100%;margin:calc(4px * var(--ik, 1)) 0 0;transform-origin:0 0}.callout-edit.bar-below .callout-foot{margin-top:calc(34px * var(--ik, 1))}.callout-edit.foot-above .callout-foot{top:auto;bottom:100%;margin:0 0 calc(34px * var(--ik, 1));transform-origin:0 100%}.callout-edit .callout-foot>.btn{background:var(--surface);box-shadow:var(--shadow-1)}.callout-edit .callout-foot>.text-danger{padding:2px 6px;background:var(--surface);border-radius:var(--r-s)}.callout-mode{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.callout-state{margin-left:auto;font-size:var(--fs-2xs);color:var(--muted);font-family:var(--mono)}.callout-x{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;color:var(--muted);background:none;border:0;border-radius:var(--r-s);cursor:pointer}.callout-x:hover{color:var(--danger);background:var(--danger-wash)}.action-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.action-cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.action-card{display:grid;justify-items:center;gap:4px;padding:10px 6px;font:inherit;font-size:var(--fs-xs);font-weight:500;text-align:center;color:var(--muted);background:var(--paper);border:0;border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.action-card:hover{color:var(--ink-strong);box-shadow:inset 0 0 0 1px var(--line-strong)}.action-card.on{color:var(--accent-ink);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent)}.action-card .icon{width:16px;height:16px}.action-cards.three .action-card{padding:8px 6px;font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.03em;text-transform:uppercase}.st-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.st-badge{display:inline-flex;align-items:center;gap:3px;color:var(--accent-ink)}.st-badge .icon{width:12px;height:12px}.insp-head{border-bottom:1px solid var(--line);padding-bottom:12px}.insp-head .icon,.studio-pane-head .icon{color:var(--accent)}.studio-pane-head .count{margin-left:auto}.orch-wrap{display:flex;gap:24px;align-items:flex-start;width:100%}.orch-timeline-col{flex:0 0 40%;max-width:40%;display:flex;flex-direction:column;gap:16px}.orch-config-col{flex:0 0 calc(60% - 24px);max-width:calc(60% - 24px)}@media (max-width: 900px){.orch-wrap{flex-direction:column}.orch-timeline-col,.orch-config-col{flex:1 1 100%;max-width:100%}}.orch-timeline{position:relative;display:flex;flex-direction:column;gap:12px;padding:4px 0 4px 16px}.orch-timeline:before{content:"";position:absolute;top:14px;bottom:14px;left:27px;width:2px;background:var(--line-strong);z-index:1}.orch-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-1);cursor:pointer;z-index:2;transition:all var(--t-fast) var(--ease)}.orch-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.orch-card.active{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 1.5px var(--accent),var(--shadow-2)}.orch-node{position:absolute;left:-19px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--line-strong);z-index:3;transition:all var(--t-fast) var(--ease)}.orch-card.active .orch-node{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.orch-card-grip{display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:grab;padding:4px;background:none;border:none;flex-shrink:0}.orch-card-grip:active{cursor:grabbing}.orch-card-body{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.orch-card-title{font-size:var(--fs-m);font-weight:600;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orch-card-sub{font-size:var(--fs-s);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orch-card-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:2px 7px;border-radius:10px;width:fit-content;margin-top:2px}.orch-card-badge.always{background:var(--paper);color:var(--muted)}.orch-card-badge.tag{background:var(--accent-wash);color:var(--accent-ink)}.orch-card-badge.skip{background:var(--danger-wash);color:var(--danger)}.orch-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;font-weight:500}.orch-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);box-shadow:var(--shadow-1);padding:20px 24px;display:flex;flex-direction:column;gap:20px}.orch-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.orch-panel-title{font-size:var(--fs-xl);font-weight:600;color:var(--ink-strong);margin:0}.orch-header-actions{display:flex;align-items:center;gap:8px;position:relative}.orch-source-wrap{display:flex;gap:16px;align-items:center}.orch-source-thumb{width:88px;height:54px;border-radius:var(--r-s);border:1px solid var(--line);background-color:var(--paper);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.orch-source-thumb img,.orch-source-thumb video{width:100%;height:100%;object-fit:cover}.orch-rule-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.orch-rule-btn{padding:10px 12px;font-size:var(--fs-s);font-weight:500;text-align:center;border-radius:var(--r-s);border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;transition:all var(--t-fast) var(--ease)}.orch-rule-btn:hover{background:var(--surface);border-color:var(--line-strong)}.orch-rule-btn.active{background:var(--accent-wash);color:var(--accent-ink);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.orch-tag-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);padding:14px;display:flex;flex-direction:column;gap:12px}.orch-tags-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.orch-tag-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;font-size:var(--fs-s);font-weight:500;color:var(--ink-strong);box-shadow:var(--shadow-1)}.orch-tag-del{background:none;border:none;padding:0;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1}.orch-tag-del:hover{color:var(--danger)}.orch-autocomplete-wrap{position:relative}.orch-autocomplete-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);box-shadow:var(--shadow-2);max-height:180px;overflow-y:auto;z-index:100;margin-top:4px}.orch-autocomplete-item{padding:8px 12px;font-size:var(--fs-s);cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--ink)}.orch-autocomplete-item:hover,.orch-autocomplete-item.highlighted{background:var(--accent-wash);color:var(--accent-ink)}.orch-autocomplete-menu.compact{left:0;right:auto;min-width:180px;max-width:280px;z-index:120}.orch-autocomplete-item.compact{padding:5px 9px;font-size:var(--fs-xs)}.text-slide-frame{display:flex;width:100%;height:100%}.text-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);border-radius:var(--r-m);overflow:auto;box-sizing:border-box;text-align:center}.text-slide.ts-default{background:var(--surface) radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--brand, var(--accent)) 6%,transparent) 0%,transparent 70%);color:var(--ink-strong)}.text-slide.ts-dark{background:#090a0f radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--brand, var(--accent)) 14%,transparent) 0%,transparent 65%);color:#f8fafc;border:1px solid #1E293B}.text-slide.ts-dark .text-slide-body{color:#94a3b8}.text-slide.ts-dark .text-slide-step{color:#64748b;background:#131722;border-color:#232a3b}.text-slide.ts-dark .btn-ghost{color:#cbd5e1}.text-slide.ts-dark .btn-ghost:hover{background:#ffffff14}.text-slide.ts-accent{background:var(--surface);color:var(--ink-strong);border:2px solid var(--brand, var(--accent));box-shadow:0 0 30px -5px color-mix(in srgb,var(--brand, var(--accent)) 25%,transparent)}.text-slide-content{width:min(640px,100%);display:flex;flex-direction:column;align-items:center;gap:16px;margin:auto;animation:tip-in var(--t-med) var(--ease)}.text-slide-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.text-slide-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--accent-wash);color:var(--accent-ink);font-family:var(--mono);font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.text-slide.ts-dark .text-slide-badge{background:#6366f129;color:#a5b4fc}.text-slide-step{font-family:var(--mono);font-size:var(--fs-2xs);padding:3px 8px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--muted);font-weight:500}.text-slide-title{font-size:clamp(22px,3.8vw,34px);font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:0;text-wrap:balance}.text-slide-body{font-size:clamp(14px,1.6vw,17px);line-height:1.65;color:var(--ink-2);margin:0;max-width:56ch;text-wrap:balance;display:flex;flex-direction:column;gap:10px}.text-slide-body p{margin:0}.text-slide-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}.text-slide-btn{height:42px;padding:0 22px;font-size:var(--fs-m);font-weight:600;display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-m);background:var(--brand, var(--accent-btn));color:#fff;border:0;cursor:pointer;box-shadow:0 2px 4px #0f172a1a,inset 0 1px #fff3;transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.text-slide-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.text-slide-btn-sec{height:42px;padding:0 16px;font-size:var(--fs-s)}.st-thumb-text{background:var(--surface)!important}.st-thumb-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:8px 10px;box-sizing:border-box;background:var(--paper);border-radius:var(--r-s);border:1px solid var(--line);-webkit-user-select:none;user-select:none}.st-thumb-card.ts-intro{background:linear-gradient(135deg,var(--paper),var(--accent-wash));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.st-thumb-card.ts-outro{background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--ok-dot) 10%,transparent));border-color:color-mix(in srgb,var(--ok-dot) 30%,var(--line))}.st-thumb-card.ts-dark{background:#090a0f;border-color:#232a3b;color:#f8fafc}.st-thumb-badge{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--accent-ink);line-height:1}.st-thumb-card.ts-outro .st-thumb-badge{color:var(--ok)}.st-thumb-card.ts-dark .st-thumb-badge{color:#a5b4fc}.st-thumb-title{font-size:11px;font-weight:600;color:var(--ink-strong);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.st-thumb-card.ts-dark .st-thumb-title{color:#f8fafc}.st-kind.textcard{background:var(--accent-wash);color:var(--accent-ink);box-shadow:none}.path-screens{margin:0;padding-left:22px;display:grid;gap:4px;font-size:var(--fs-s)}.path-screens li>span:first-child{margin-right:8px;color:var(--ink-strong)}.path-tag-sources{margin:0;padding-left:18px}