@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-vietnamese-400-normal-CkBxLiRJ.woff2)format("woff2"),url(/assets/anton-vietnamese-400-normal-2FfR1wHA.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-ext-400-normal-SyiqE2Jt.woff2)format("woff2"),url(/assets/anton-latin-ext-400-normal-BMODBQc6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2)format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-vietnamese-600-normal-CaH84vfx.woff2)format("woff2"),url(/assets/newsreader-vietnamese-600-normal-CVAR0otO.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-ext-600-normal-BXv5iMHi.woff2)format("woff2"),url(/assets/newsreader-latin-ext-600-normal-BrbfzHZ5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2)format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-vietnamese-700-normal-DuQcgozP.woff2)format("woff2"),url(/assets/newsreader-vietnamese-700-normal-DtcFBl0j.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-ext-700-normal-Ougc6Dr0.woff2)format("woff2"),url(/assets/newsreader-latin-ext-700-normal-79d_He5Z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/newsreader-latin-700-normal-rIgV_oaK.woff2)format("woff2"),url(/assets/newsreader-latin-700-normal-CluIqIw6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-vietnamese-500-normal-CL6a8tp2.woff2)format("woff2"),url(/assets/newsreader-vietnamese-500-normal-BEAbKU8A.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-ext-500-normal-BNHmvKvI.woff2)format("woff2"),url(/assets/newsreader-latin-ext-500-normal-CZruMFou.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--surface:#fffdf9;--surface-2:#f9f6f0;--surface-3:#efebe3;--ink:#1c1d1a;--ink-2:#5d6059;--ink-3:#8b8e86;--line:#1c1d1a1a;--line-strong:#1c1d1a33;--accent:#c13e22;--accent-hover:#a8331b;--accent-ink:#fffdf9;--accent-soft:#fbe8e1;--accent-ring:#c13e2238;--success:#2e6a4a;--success-soft:#e4f0e8;--success-ink:#fff;--warn:#8a5a0c;--warn-soft:#fbf0d9;--error:#b02e22;--error-soft:#fbe6e2;--stage:#0f100f;--stage-2:#1b1d1b;--stage-ink:#f1efe9;--stage-muted:#9fa49c;--stage-line:#ffffff1a;--shadow-sm:0 1px 2px #1c1d1a0f, 0 1px 1px #1c1d1a0a;--shadow-md:0 2px 4px #1c1d1a0d, 0 8px 20px -6px #1c1d1a1f;--shadow-lg:0 4px 10px #1c1d1a0f, 0 24px 60px -12px #1c1d1a47;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--sans:"Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif:Newsreader, Georgia, serif;--ui-serif:Newsreader, Georgia, serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--topbar-h:60px;--sequence-h:118px;--paper:var(--bg);--white:var(--surface);--slate:var(--ink-2);--rule:var(--line);--red:var(--accent);--green:var(--success)}@media (prefers-color-scheme:dark){:root:not([data-theme]),:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121311;--surface:#1a1c19;--surface-2:#20221f;--surface-3:#282b27;--ink:#edebe5;--ink-2:#a8aba3;--ink-3:#7b7f77;--line:#ffffff17;--line-strong:#ffffff2e;--accent:#ec6a4b;--accent-hover:#f3826a;--accent-ink:#1b0d08;--accent-soft:#ec6a4b24;--accent-ring:#ec6a4b4d;--success:#6cc195;--success-soft:#6cc19521;--success-ink:#0c1f15;--warn:#e1b25a;--warn-soft:#e1b25a1f;--error:#f0806f;--error-soft:#f0806f21;--stage:#0a0b0a;--stage-2:#151715;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d, 0 10px 24px -8px #00000080;--shadow-lg:0 6px 14px #00000059, 0 30px 70px -14px #000000b3}}:root[data-theme=ink]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121311;--surface:#1a1c19;--surface-2:#20221f;--surface-3:#282b27;--ink:#edebe5;--ink-2:#a8aba3;--ink-3:#7b7f77;--line:#ffffff17;--line-strong:#ffffff2e;--accent:#ec6a4b;--accent-hover:#f3826a;--accent-ink:#1b0d08;--accent-soft:#ec6a4b24;--accent-ring:#ec6a4b4d;--success:#6cc195;--success-soft:#6cc19521;--success-ink:#0c1f15;--warn:#e1b25a;--warn-soft:#e1b25a1f;--error:#f0806f;--error-soft:#f0806f21;--stage:#0a0b0a;--stage-2:#151715;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0000004d, 0 10px 24px -8px #00000080;--shadow-lg:0 6px 14px #00000059, 0 30px 70px -14px #000000b3}:root[data-theme=studio]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--surface:#fff;--surface-2:#f6f8fb;--surface-3:#e4e8f0;--ink:#111827;--ink-2:#4b5563;--ink-3:#8a93a3;--line:#11182717;--line-strong:#1118272e;--accent:#4f46e5;--accent-hover:#4338ca;--accent-ink:#fff;--accent-soft:#eceafe;--accent-ring:#4f46e53d;--success:#15803d;--success-soft:#e3f4ea;--success-ink:#fff;--warn:#a16207;--warn-soft:#fdf3d8;--error:#c0262d;--error-soft:#fde8e8;--stage:#0b0d12;--stage-2:#171b24;--shadow-sm:0 1px 2px #1118270f, 0 1px 1px #1118270a;--shadow-md:0 2px 4px #1118270d, 0 10px 24px -8px #11182724;--shadow-lg:0 4px 10px #1118270f, 0 28px 64px -14px #1118274d;--ui-serif:"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif}:root[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--surface:#121a2e;--surface-2:#18213a;--surface-3:#212b47;--ink:#e8ecf6;--ink-2:#a3adc4;--ink-3:#707b95;--line:#ffffff14;--line-strong:#ffffff29;--accent:#f5b14c;--accent-hover:#f8c26f;--accent-ink:#1d1405;--accent-soft:#f5b14c24;--accent-ring:#f5b14c4d;--success:#5fd0a0;--success-soft:#5fd0a021;--success-ink:#08201a;--warn:#f5b14c;--warn-soft:#f5b14c1f;--error:#ff8a7a;--error-soft:#ff8a7a21;--stage:#060912;--stage-2:#0f1526;--stage-line:#ffffff17;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 2px 4px #00000059, 0 10px 24px -8px #0000008c;--shadow-lg:0 6px 14px #0006, 0 30px 70px -14px #000000bf}:root[data-theme=studio] .intro,:root[data-theme=studio] .dialog h2,:root[data-theme=studio] .brand{letter-spacing:-.035em;font-weight:650}:root[data-theme=studio] .section-heading{letter-spacing:-.02em;font-weight:650}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:where(button,input,textarea,select,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin-top:0}a{color:inherit}::selection{background:var(--accent-soft)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grow{flex:1}.muted{color:var(--ink-2);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.rule{border:0;border-top:1px solid var(--line);margin:24px 0}kbd{font:12px var(--mono);border:1px solid var(--line-strong);background:var(--surface-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.35}}.button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);min-height:40px;color:var(--ink);letter-spacing:-.005em;box-shadow:var(--shadow-sm);transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease), transform .1s var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:560;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-2);border-color:var(--ink-3)}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff24}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:#0000}.button.quiet{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.button.quiet:hover:not(:disabled){background:var(--surface-3);color:var(--ink);border-color:#0000}.button.small{min-height:34px;padding:5px 12px;font-size:13px}.icon-button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);width:36px;height:36px;color:var(--ink-2);box-shadow:var(--shadow-sm);place-items:center;font-size:18px;line-height:1;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.linkish{color:var(--accent);background:0 0;border:0;padding:0;font-weight:600}.linkish:hover{text-underline-offset:3px;text-decoration:underline}.linkish.small{font-size:13px}.download{color:var(--success-ink);background:var(--success);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:11px 18px;font-weight:600;text-decoration:none;display:inline-flex}.download:hover{filter:brightness(1.08)}.topbar{z-index:5;height:var(--topbar-h);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 16px 0 20px;display:flex;position:relative}.brand{font:600 20px/1 var(--ui-serif);letter-spacing:-.03em;border-right:1px solid var(--line);white-space:nowrap;align-items:center;gap:10px;margin-right:4px;padding-right:16px;display:flex}.brand-mark{width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:7px;flex:none}.project{align-items:center;gap:10px;min-width:0;display:flex}.project input{border-radius:var(--r-sm);letter-spacing:-.01em;text-overflow:ellipsis;background:0 0;border:1px solid #0000;width:min(280px,28vw);height:36px;padding:0 10px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s}.project input:hover{background:var(--surface-3)}.project input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.saved{color:var(--ink-2);white-space:nowrap;background:var(--surface-3);border-radius:999px;align-items:center;gap:7px;padding:4px 10px 4px 8px;font-size:12px;display:inline-flex}.saved:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px}.saved.saving:before{background:var(--warn);animation:1s infinite pulse}.top-spacer{flex:1}.top-actions{white-space:nowrap;border-left:1px solid var(--line);flex:none;align-items:center;gap:8px;margin-left:2px;padding-left:12px;display:flex}.new-project{gap:6px;padding:8px 14px 8px 12px}.new-project svg{color:var(--ink-2);flex:none}.new-project:hover:not(:disabled) svg{color:var(--ink)}.theme-menu{position:relative}.theme-trigger{gap:8px}.theme-dot{background:linear-gradient(135deg, var(--bg) 0 50%, var(--accent) 50% 100%);width:16px;height:16px;box-shadow:0 0 0 1px var(--line-strong), inset 0 0 0 1px #ffffff26;border-radius:50%;flex:none}.theme-popover{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:272px;box-shadow:var(--shadow-lg);animation:pop .16s var(--ease);gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.theme-heading{font:650 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:6px 10px}.theme-option{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;transition:background .12s;display:flex}.theme-option:hover{background:var(--surface-3)}.theme-option[aria-checked=true]{background:var(--accent-soft)}.theme-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.theme-swatch{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;flex:none;padding:3px;display:flex}.theme-swatch i{width:12px;height:26px;display:block}.theme-swatch i:first-child{border-radius:6px 0 0 6px}.theme-swatch i:last-child{border-radius:0 6px 6px 0}.theme-text{flex:1;gap:1px;min-width:0;display:grid}.theme-text strong{font-size:14px;font-weight:600}.theme-text span{color:var(--ink-2);font-size:12px}.theme-check{color:var(--accent);font-weight:700}.workspace{height:calc(100vh - var(--topbar-h) - var(--sequence-h));grid-template-columns:minmax(420px,min(38vw,580px)) minmax(420px,1fr);min-height:0;display:grid}.editor{background:var(--bg);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.modes{background:var(--surface-3);border-radius:var(--r-md);flex:none;gap:4px;margin:14px 16px 0;padding:4px;display:flex}.mode{min-width:0;height:36px;color:var(--ink-2);transition:background .15s var(--ease), color .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border:0;border-radius:9px;flex:auto;justify-content:center;align-items:center;gap:7px;padding:0 6px;font-size:13px;font-weight:560;display:flex}.mode:hover:not(:disabled){color:var(--ink)}.mode[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.mode-step{width:19px;height:19px;font:600 10.5px/1 var(--sans);font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:inline-grid}.mode[aria-selected=true] .mode-step{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.mode[data-done] .mode-step{background:var(--success-soft);color:var(--success);border-color:#0000}.mode[data-done][aria-selected=true] .mode-step{background:var(--success);color:var(--success-ink)}.mode[data-step=warn] .mode-step{background:var(--warn-soft);color:var(--warn);border-color:#0000}.mode[data-step=warn][aria-selected=true] .mode-step{background:var(--warn);color:var(--surface)}.mode[data-step=skipped] .mode-step{border-style:dashed}.mode-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pane{scrollbar-gutter:stable;flex:1;min-height:0;padding:24px 24px 32px;overflow:auto}.pane>*{max-width:620px}.pane-content{animation:appear .2s var(--ease)}.mode-label,.eyebrow-sm{font:650 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.intro{font:500 32px/1.1 var(--ui-serif);letter-spacing:-.025em;text-wrap:balance;margin:0 0 8px}.subintro{color:var(--ink-2);text-wrap:pretty;max-width:52ch;margin-bottom:22px}.section-heading{font:600 19px/1.25 var(--ui-serif);letter-spacing:-.01em;margin:26px 0 12px}.card-count{font:500 12px var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;margin:0}.status{min-height:22px;color:var(--ink-2);margin:14px 0;font-size:13px}.status.error{color:var(--error)}.next-step{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:8px;padding-top:16px;display:flex}.next-step #nextStep span{margin-left:2px}.tabs{background:var(--surface-3);border-radius:10px;gap:2px;margin:16px 0 20px;padding:3px;display:inline-flex}.tab{color:var(--ink-2);background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:560;transition:background .15s,color .15s,box-shadow .15s}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.field{margin:0 0 18px;display:block}.field>span,.label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.field>span.row{display:flex}.field textarea,.field input,.field select,.field-box{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);resize:vertical;width:100%;padding:11px 13px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 1px #00000008}.field textarea{min-height:88px;line-height:1.55}.field input,.field select{height:42px}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-2) 50%), linear-gradient(135deg, var(--ink-2) 50%, transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.field textarea:hover,.field input:hover,.field select:hover{border-color:var(--ink-3)}.field textarea:focus,.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.field input[type=file]{height:auto;min-height:42px;padding:8px;font-size:13px}.field input[type=file]::file-selector-button{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);cursor:pointer;border-radius:6px;margin-right:12px;padding:6px 12px;font-weight:560}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-box{box-shadow:var(--shadow-sm);border-color:var(--line);border-radius:var(--r-md);padding:14px 16px}.pane>.field-box{margin-bottom:16px}.field-box>:last-child{margin-bottom:0}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}input[type=checkbox]{width:16px;height:16px}.notice{background:var(--warn-soft);color:var(--ink);border:1px solid color-mix(in srgb, var(--warn) 25%, transparent);border-left:3px solid var(--warn);border-radius:var(--r-sm);margin:14px 0;padding:12px 14px;font-size:14px}.notice.error{background:var(--error-soft);border-color:color-mix(in srgb, var(--error) 25%, transparent);border-left-color:var(--error)}.notice.success{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 25%, transparent);border-left-color:var(--success)}.card-image-control,.camera-review,.summary-card,.draft-box,.boundary-track,.timing-review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.card-image-control{margin:6px 0 20px;padding:16px 16px 6px}.card-image-control .field:last-of-type{margin-top:12px}.card-image-control .muted{margin:-8px 0 12px}.summary-card{align-items:center;gap:14px;margin-bottom:16px;padding:12px;display:flex}.summary-main{flex:1}.mini{background:var(--bg);border:1px solid var(--line);width:48px;height:80px;font:11px/1.1 var(--serif);border-radius:6px;align-content:center;padding:8px 5px;display:grid;overflow:hidden}.mini-frame{aspect-ratio:9/16;background:var(--bg);height:88px;font:9px var(--serif);border-radius:6px;align-items:center;padding:9px 6px;display:flex;overflow:hidden}.mini-title{font:10px/1.15 var(--serif)}.first-use{max-width:540px}.source{margin-top:16px}.source summary{cursor:pointer;font-size:13px;font-weight:600}.draft-box{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:linear-gradient(180deg, var(--accent-soft), var(--surface) 70%);margin:0 0 18px;padding:14px 16px}.draft-box>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;list-style:none;display:flex}.draft-box>summary::-webkit-details-marker{display:none}.draft-box>summary:after{content:"▾";color:var(--accent);transition:transform .2s var(--ease);margin-left:auto}.draft-box[open]>summary:after{transform:rotate(180deg)}.draft-box[open]>summary{margin-bottom:14px}.draft-icon{color:var(--accent)}.cost{font:12px var(--mono);color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 9px;display:inline-block}.cost.over{color:var(--error);border-color:var(--error)}.or-label{color:var(--ink-2);margin:22px 0 8px}.mode-panel[hidden],.subpanel[hidden]{display:none!important}.render-result{margin-top:16px;display:none}.render-result.ready{animation:appear .25s var(--ease);display:block}.render-result video{border-radius:var(--r-md);width:min(100%,240px);box-shadow:var(--shadow-md);margin:14px auto;display:block}.style-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.style-option{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);min-width:0;height:auto;min-height:0;box-shadow:var(--shadow-sm);transition:border-color .15s, box-shadow .15s, transform .15s var(--ease);padding:8px 8px 12px;display:block;position:relative}.style-option:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.style-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring), var(--shadow-md)}.style-option canvas{aspect-ratio:9/16;border-radius:8px;width:100%;height:auto;margin-bottom:10px;display:block}.style-option strong{font-size:13px;display:block}.style-option .muted{font-size:11.5px;font-weight:400;display:block}.style-option[aria-pressed=true] strong:after{content:" ✓";color:var(--accent)}.boundary-editor{margin:14px 0}.boundary-track{touch-action:none;height:54px;position:relative;overflow:visible}.boundary-card{font:11px var(--mono);color:var(--ink-2);border-right:1px solid var(--line);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.boundary-card.short{color:var(--error);background:var(--error-soft)}.boundary-handle{cursor:ew-resize;background:0 0;border:0;width:22px;margin-left:-11px;padding:0;position:absolute;top:-6px;bottom:-6px}.boundary-handle:before{content:"";background:var(--accent);width:4px;box-shadow:0 0 0 2px var(--surface);border-radius:2px;position:absolute;top:0;bottom:0;left:9px}.boundary-handle:focus-visible{outline:2px solid var(--accent);outline-offset:0}.camera-review{margin:18px 0;padding:14px}.camera-review video{aspect-ratio:3/4;object-fit:cover;background:var(--stage);border-radius:var(--r-sm);width:min(100%,320px);max-height:50vh;margin-bottom:12px;display:block;transform:scaleX(-1)}.presenter-settings{border:0;margin:18px 0;padding:0}.presenter-settings legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.presenter-settings .field{margin:14px 0}.presenter-settings input[type=range]{padding:8px 0}.timing-review{gap:10px;padding:12px 14px;font-size:14px;font-weight:600}.avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.avatar-option{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:600 13px var(--sans);cursor:pointer;transition:box-shadow .15s var(--ease), border-color .15s var(--ease);justify-items:center;gap:6px;padding:10px 6px;display:grid}.avatar-option canvas{aspect-ratio:1;border-radius:50%;width:100%;max-width:76px}.avatar-option:hover:not(:disabled){box-shadow:var(--shadow-md)}.avatar-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.avatar-option:disabled{opacity:.5;cursor:not-allowed}.avatar-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code-badge{font:600 9px var(--mono,ui-monospace, monospace);letter-spacing:.06em;color:var(--accent)}.code-box{margin:0 0 16px}.code-box summary{cursor:pointer;font-weight:600}.code-box textarea.mono{tab-size:2;white-space:pre;min-height:160px;font:14px/1.5 IBM Plex Mono,ui-monospace,Menlo,monospace;overflow-x:auto}.code-box .code-hints{margin:0 0 12px}.code-box .error-text{color:var(--error);font-weight:600}.code-box code{font:12px IBM Plex Mono,ui-monospace,monospace}.code-readability{border:1px solid var(--accent,#e0482d);border-radius:8px;margin:0 0 12px;padding:10px 12px}.code-readability p{margin:0 0 8px}.code-readability p:last-child{margin-bottom:0}.presenter-badge{font:600 9px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.tile-top .presenter-badge{text-overflow:ellipsis;max-width:60px;overflow:hidden}.stage{min-width:0;min-height:0;color:var(--stage-ink);background:radial-gradient(ellipse 60% 55% at 50% 45%, #ffffff12, transparent 70%), linear-gradient(180deg, var(--stage-2), var(--stage));flex-direction:column;padding:14px 24px 16px;display:flex}.stagehead{height:32px;color:var(--stage-muted);align-items:center;gap:10px;font-size:12.5px;display:flex}.stagehead strong{color:var(--stage-ink);font-size:13px;font-weight:600}#stageNotice{align-items:center;gap:7px;display:inline-flex}#stageNotice:before{content:"";background:var(--stage-muted);opacity:.6;border-radius:50%;width:7px;height:7px}.badge{font:500 11px var(--mono);color:var(--stage-muted);border:1px solid var(--stage-line);background:#ffffff08;border-radius:6px;padding:3px 8px}.frame-wrap{flex:1;place-items:center;min-height:0;padding:10px 0;display:grid;position:relative}.frame{aspect-ratio:9/16;color:#20211e;background:#f3f0e9;border-radius:14px;flex:none;width:auto;max-width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f,0 30px 80px -20px #000c,0 12px 30px -10px #0009}.frame:before{content:"";pointer-events:none;z-index:1;border:1px dashed #ec6a4bb3;border-radius:4px;display:none;position:absolute;inset:12% 10% 22%}.frame.safe:before{display:block}.frame>div{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.frame canvas{width:100%;height:100%;display:block}.transport{border:1px solid var(--stage-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,640px);color:var(--stage-ink);background:#ffffff0f;border-radius:999px;flex:none;align-items:center;gap:12px;margin:10px auto 0;padding:6px 14px 6px 6px;display:flex}.transport button{background:var(--stage-ink);width:38px;height:38px;color:var(--stage);transition:transform .12s var(--ease), background .15s;border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:13px;display:grid}.transport button:hover{transform:scale(1.06)}.time{font:500 12px var(--mono);white-space:nowrap;color:var(--stage-muted);font-variant-numeric:tabular-nums}.range{accent-color:var(--accent);flex:1;min-width:70px}.scrub-wrap{flex:1;align-items:center;min-width:70px;display:flex;position:relative}.scrub-wrap .range{width:100%}.scrub-tick{background:var(--stage-ink);opacity:.35;pointer-events:none;border-radius:1px;width:2px;height:10px;margin:-5px 0 0 -1px;position:absolute;top:50%}.check{color:var(--stage-muted);white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.empty{text-align:center;height:100%;color:var(--stage-muted);place-items:center;display:grid}.empty strong{font:24px var(--ui-serif);color:var(--stage-ink);display:block}.sequence{z-index:3;height:var(--sequence-h);scrollbar-width:thin;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-top:1px solid var(--line);align-items:center;gap:10px;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.seq-title{writing-mode:vertical-rl;font:650 10px var(--sans);letter-spacing:.16em;color:var(--ink-2);flex:none;margin-right:4px;transform:rotate(180deg)}.tile{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:176px;height:90px;box-shadow:var(--shadow-sm);transition:border-color .15s, box-shadow .15s, transform .15s var(--ease), background .15s;flex-direction:column;flex:none;padding:10px 12px 12px;display:flex;position:relative}.tile:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.tile[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), var(--surface));box-shadow:0 0 0 3px var(--accent-ring), var(--shadow-md)}.tile-top{font:500 11px var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:6px;display:flex}.tile[aria-pressed=true] .tile-top>span:first-child{color:var(--accent);font-weight:700}.tile-sec.short{color:var(--error);font-weight:700}.tile-title{font:500 15.5px/1.15 var(--serif);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;display:-webkit-box;overflow:hidden}.tile-bar{background:var(--surface-3);border-radius:2px;height:3px;position:absolute;bottom:7px;left:12px;right:12px;overflow:hidden}.tile-bar>span{background:var(--ink-3);opacity:.55;border-radius:2px;height:100%;display:block}.tile[aria-pressed=true] .tile-bar>span{background:var(--accent);opacity:1}.tile-add{border-style:dashed;border-color:var(--line-strong);width:112px;box-shadow:none;color:var(--ink-2);text-align:center;background:0 0;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:560}.tile-add b{font:300 26px/1 var(--sans);color:var(--accent);display:block}.tile-add:hover{background:var(--surface);border-color:var(--accent);color:var(--ink)}.overlay{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d0c85;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.open{animation:fade .18s var(--ease);display:flex}.dialog{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow-lg);animation:pop .24s var(--ease);padding:28px;position:relative}.dialog h2{font:500 26px/1.15 var(--ui-serif);letter-spacing:-.02em}.dialog-close{width:34px;height:34px;color:var(--ink-2);background:0 0;border:0;border-radius:50%;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.dialog-close:hover{background:var(--surface-3);color:var(--ink)}.dialog.welcome{width:min(640px,100%);padding:34px}.welcome h2{text-wrap:balance;margin-bottom:22px;font-size:34px}.choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.choice{text-align:left;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color .15s, transform .15s var(--ease), box-shadow .15s, background .15s;align-content:start;gap:6px;padding:20px;display:grid}.choice:hover{border-color:var(--accent);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice strong{margin-top:6px;font-size:16px}.choice span:last-child{color:var(--ink-2);font-size:14px;line-height:1.45}.choice-icon{background:var(--surface-3);width:36px;height:36px;color:var(--accent);border-radius:11px;place-items:center;font-size:15px;display:grid}.primary-choice{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:linear-gradient(180deg, var(--accent-soft), var(--surface))}.primary-choice .choice-icon{background:var(--accent);color:var(--accent-ink)}.welcome-steps{margin:20px 0 0}.help-dialog{width:min(540px,100%)}.help-steps{gap:10px;margin:0 0 16px;padding-left:20px;display:grid}.preview-sheet{z-index:12;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg, var(--stage-2), var(--stage));color:var(--stage-ink);flex-direction:column;display:none;position:fixed;inset:0}.preview-sheet.open{animation:fade .2s var(--ease);display:flex}.preview-sheet .frame-wrap{margin:16px 0;overflow:hidden}.preview-sheet .frame{max-width:90vw;height:100%;max-height:min(72vh,177.778vw)}.mini-preview{background:0 0;border:0;flex:none;place-items:center;width:44px;height:60px;padding:0;display:grid;position:relative}.mini-preview canvas{background:var(--stage);width:33px;height:58px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-md);border-radius:6px;display:block}.mini-preview-play{background:var(--ink);width:18px;height:18px;color:var(--bg);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;padding-left:1px;font-size:7px;line-height:1;display:grid;position:absolute;bottom:0;right:1px}.mini-preview.large{order:3;width:auto;height:auto;margin:0 auto 8px}.mini-preview.large canvas{width:180px;height:320px;box-shadow:0 0 0 1px var(--line-strong), var(--shadow-lg);border-radius:14px}.mini-preview.large .mini-preview-play{color:#fff;width:52px;height:52px;box-shadow:none;background:#0000008c;padding-left:3px;font-size:18px;bottom:50%;right:50%;transform:translate(50%,50%)}#closePreview{color:var(--stage-ink);border-color:var(--stage-line);box-shadow:none;background:0 0}.mobile-actions{display:none}footer{color:var(--ink-2);padding:8px 24px;font-size:12px}html[data-saas] .key-override{display:none}.account{align-items:center;gap:10px;display:flex;position:relative}.upgrade{border-color:var(--accent);min-height:34px;color:var(--accent);background:var(--surface);padding:5px 14px}.upgrade:hover{background:var(--accent-soft)}.credits{border:1px solid var(--line-strong);background:var(--surface);white-space:nowrap;height:38px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;padding:0 5px 0 12px;font-size:13px;display:flex}.credits:hover{border-color:var(--ink-3)}.credits .meter{background:conic-gradient(var(--success) var(--pct), var(--surface-3) 0);border-radius:50%;width:18px;height:18px}.credits.low .meter{background:conic-gradient(var(--accent) var(--pct), var(--surface-3) 0)}.credits.low strong{color:var(--accent)}.avatar{background:var(--ink);width:28px;height:28px;color:var(--bg);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.account-menu{z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:320px;box-shadow:var(--shadow-lg);animation:pop .16s var(--ease);gap:12px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-menu p{margin:0}.menu-email{text-overflow:ellipsis;font-weight:600;overflow:hidden}.usage{background:var(--surface-2);border-radius:var(--r-sm);gap:6px;padding:12px;display:grid}.bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.bar span{background:var(--success);border-radius:3px;height:100%;display:block}.menu-link{text-align:left;color:var(--ink);background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:600;text-decoration:none;display:block}.menu-link:hover{color:var(--accent)}.menu-link.danger{color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px;font-size:13px;font-weight:500}.menu-link.danger:hover{color:var(--error)}.auth-shell{grid-template-columns:minmax(320px,.9fr) 1.1fr;min-height:100vh;display:grid}.auth-aside{color:var(--stage-ink);background:radial-gradient(ellipse 70% 60% at 50% 40%, #ffffff12, transparent 70%), linear-gradient(180deg, var(--stage-2), var(--stage));flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:48px;display:flex}.auth-aside>*{width:min(380px,100%)}.auth-aside ul{color:#d9ddd6;gap:14px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.auth-aside li:before{content:"✓";color:#f08a70;margin-right:10px;font-weight:700}.auth-sample{aspect-ratio:9/16;color:#20211e;background:#f3f0e9;border-radius:20px;flex-direction:column;justify-content:center;align-self:center;padding:30px 22px;display:flex;transform:rotate(-2deg);box-shadow:0 30px 60px -20px #000a;width:220px!important}.auth-sample span{font:11px var(--mono);color:#60635d;margin-bottom:12px}.auth-sample p{font:500 25px/1.12 var(--ui-serif);letter-spacing:-.02em;margin:0}.auth-sample mark{color:inherit;background:linear-gradient(#0000 58%,#f2b9a8 58%)}.auth-main{place-items:center;padding:32px 16px;display:grid}.auth-card{width:min(400px,100%)}.auth-card .intro{font-size:34px}.auth-brand{color:var(--ink);border:0;padding:0;font-size:24px;text-decoration:none;display:inline-flex}.auth-brand .brand-mark{width:28px;height:28px}.auth-brand.light{color:var(--stage-ink)}.mobile-only{margin-bottom:24px;display:none}.auth-wide{width:100%}.google{justify-content:center;align-items:center;gap:10px;display:flex}.or{color:var(--ink-2);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.password{position:relative}.password input{padding-right:64px}.password button{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-switch{text-align:center;margin:18px 0 0}.auth-legal{text-align:center;margin:10px 0 0;font-size:12px}.auth-legal a{color:var(--ink-2)}@media (width<=1000px){.workspace{grid-template-columns:minmax(360px,44%) 1fr}.stage{padding:12px}.sequence{padding:10px 16px}.mode-name{font-size:12.5px}}@media (height<=650px) and (width>=768px){.workspace{flex-direction:column;height:auto;min-height:0;display:flex}.editor{min-height:480px}.pane{overflow:visible}.stage{min-height:620px}}@media (width<=767px){:root{--topbar-h:64px;--mobile-bar-h:72px}.topbar{gap:10px;padding:0 12px}.brand{border-right:0;flex:none;margin-right:0;padding-right:0}.brand-name{display:none}.brand-mark{border-radius:8px;width:28px;height:28px}.project{flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0}.project input{width:100%;min-width:0;height:34px;padding:0 6px;font-size:16px}.saved{background:0 0;padding:0 6px;font-size:11px}.top-spacer,.topbar .help,.topbar .top-actions>.primary{display:none}.top-actions{border-left:0;margin-left:0;padding-left:0}.new-project{width:44px;min-height:44px;padding:0}.new-project-label,.theme-trigger-label{display:none}.theme-trigger{width:44px;min-height:44px;padding:0}.theme-popover{left:12px;right:12px;top:calc(var(--topbar-h) + 6px);width:auto;position:fixed}.workspace{height:auto;min-height:calc(100dvh - var(--topbar-h));width:100%;min-width:0;padding-bottom:calc(var(--mobile-bar-h) + 16px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.editor{border:0;width:100%;min-width:0;display:flex}.modes{order:0;gap:2px;min-width:0;margin:10px 12px 0}.mode{flex-direction:column;flex:1 1 0;gap:3px;height:48px;padding:0 2px;font-size:11px}.mode-step{width:18px;height:18px;font-size:10px}.stage{display:none}.sequence{-webkit-backdrop-filter:none;backdrop-filter:none;scroll-snap-type:x proximity;scrollbar-width:none;background:0 0;border:0;flex:none;order:1;gap:8px;width:100%;max-width:100%;height:auto;padding:12px;scroll-padding-inline:12px;position:static;overflow-y:hidden}.sequence::-webkit-scrollbar{display:none}.editor:not([data-mode=story]):not([data-mode=presenter]) .sequence,.seq-title{display:none}.tile{scroll-snap-align:start;width:132px;height:72px;padding:8px 10px 12px}.tile:hover{transform:none}.tile-top>.presenter-badge{display:none}.tile-title{margin-top:4px;font-size:14px}.tile-bar{bottom:6px;left:10px;right:10px}.tile-add{width:72px;font-size:12px}.tile-add b{font-size:20px}.pane{flex:none;order:2;width:100%;min-width:0;padding:16px 16px 24px;overflow:visible}.editor:is([data-mode=story],[data-mode=presenter]) .pane{padding-top:4px}.pane .mode-label{margin-bottom:10px}.intro{font-size:28px}.tabs{margin:6px 0 18px;display:flex}.tab{flex:1;min-height:44px;font-size:14px}.button,.button.small{min-height:44px}.icon-button{width:44px;height:44px}.style-option:hover{transform:none}.next-step #nextStep{display:none}.next-step:not(:has(#nextStepAlt)){display:none}.next-step{justify-content:flex-start}.summary-card{height:112px;margin-bottom:14px}.mini{width:52px;height:88px}.mobile-actions{z-index:4;height:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom));padding:0 16px env(safe-area-inset-bottom) 12px;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-actions .button{flex:1;width:auto;min-width:0;min-height:48px;font-size:15px}.mobile-actions #mobileAction span{margin-left:2px}.field textarea,.field input,.field select,.source textarea{font-size:16px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field input,.field select{min-width:0}.field-box{overflow-wrap:anywhere}.mobile-hide{display:none!important}.subpanel{padding-bottom:10px}.stagehead{height:28px}.preview-sheet{min-width:0;height:100dvh;overflow:hidden}.preview-sheet .transport{gap:8px}.preview-sheet .transport button{width:44px;height:44px}.preview-sheet .range{width:100%;min-width:0}.upgrade{display:none}.credits{gap:6px;height:34px;padding:0 4px 0 10px;font-size:12px}.credits .avatar{width:26px;height:26px}.account-menu{width:auto;position:fixed;top:60px;left:12px;right:12px}}@media (width<=860px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.mobile-only{display:inline-flex}}@media (width<=600px){.choices{grid-template-columns:1fr}.dialog.welcome{padding:24px}.welcome h2{font-size:27px}.draft-box>summary .muted{display:none}.draft-box .field-row{grid-template-columns:1fr;gap:0}.style-options{gap:8px}}@media (width<=359px){.topbar{padding:0 8px}.brand{padding-right:8px}.sequence{padding-inline:8px}.pane{padding-inline:10px}.mode{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.dictate{margin:-6px 0 14px;padding:10px 14px}.dictate .row.between{flex-wrap:wrap;gap:8px}.dictate p{margin:8px 0 0;font-size:13px}
