@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./public-sans-vietnamese-300-normal-D5FYYlEb.woff2) format("woff2"),url(./public-sans-vietnamese-300-normal-eZGMJ7RK.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./public-sans-latin-ext-300-normal-2QCaJEpM.woff2) format("woff2"),url(./public-sans-latin-ext-300-normal-C5EVZmVg.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:300;src:url(./public-sans-latin-300-normal-C9J7XxkK.woff2) format("woff2"),url(./public-sans-latin-300-normal-1jtUkgh3.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./public-sans-vietnamese-400-normal-TxZB8OSn.woff2) format("woff2"),url(./public-sans-vietnamese-400-normal-BO1meqcx.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./public-sans-latin-ext-400-normal-mk90oQqJ.woff2) format("woff2"),url(./public-sans-latin-ext-400-normal-B02wwOdZ.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./public-sans-latin-400-normal-8Rpg0ruU.woff2) format("woff2"),url(./public-sans-latin-400-normal-SBbinRkI.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./public-sans-vietnamese-500-normal-DjztbcKe.woff2) format("woff2"),url(./public-sans-vietnamese-500-normal-CXYe29CY.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./public-sans-latin-ext-500-normal-DC-z7ASZ.woff2) format("woff2"),url(./public-sans-latin-ext-500-normal-BHCCp-na.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./public-sans-latin-500-normal-NlrCPXnF.woff2) format("woff2"),url(./public-sans-latin-500-normal-vCxiVFAq.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./public-sans-vietnamese-600-normal-P4BtCUdw.woff2) format("woff2"),url(./public-sans-vietnamese-600-normal-CcnAzmUX.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./public-sans-latin-ext-600-normal-DchWdWJ_.woff2) format("woff2"),url(./public-sans-latin-ext-600-normal-DfkbVac2.woff) format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./public-sans-latin-600-normal-Fru-LXNs.woff2) format("woff2"),url(./public-sans-latin-600-normal-BR59oU-I.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./overpass-mono-cyrillic-ext-400-normal-Dgejvo4A.woff2) format("woff2"),url(./overpass-mono-cyrillic-ext-400-normal-DgxwtUZy.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./overpass-mono-cyrillic-400-normal-B144qALP.woff2) format("woff2"),url(./overpass-mono-cyrillic-400-normal-XK9_jwT8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./overpass-mono-vietnamese-400-normal-jmOeL0rj.woff2) format("woff2"),url(./overpass-mono-vietnamese-400-normal-DrLp_cHj.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./overpass-mono-latin-ext-400-normal-DBdJzBs_.woff2) format("woff2"),url(./overpass-mono-latin-ext-400-normal-5YIw-E8g.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./overpass-mono-latin-400-normal-VINZG6Js.woff2) format("woff2"),url(./overpass-mono-latin-400-normal-DqAOLzCO.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./overpass-mono-cyrillic-ext-500-normal-DGTQowpm.woff2) format("woff2"),url(./overpass-mono-cyrillic-ext-500-normal-DXHhqYQS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./overpass-mono-cyrillic-500-normal-tZOaLeux.woff2) format("woff2"),url(./overpass-mono-cyrillic-500-normal-DF35YEs9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./overpass-mono-vietnamese-500-normal-Cd0aqzaH.woff2) format("woff2"),url(./overpass-mono-vietnamese-500-normal-RNTKqux2.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./overpass-mono-latin-ext-500-normal-B6Yv-hCw.woff2) format("woff2"),url(./overpass-mono-latin-ext-500-normal-BeoCr26i.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./overpass-mono-latin-500-normal-DkKmcrh_.woff2) format("woff2"),url(./overpass-mono-latin-500-normal-BmPyqWzT.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./overpass-mono-cyrillic-ext-600-normal-Bh_4P40x.woff2) format("woff2"),url(./overpass-mono-cyrillic-ext-600-normal-UFW49wI4.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./overpass-mono-cyrillic-600-normal-JW4VG2Dr.woff2) format("woff2"),url(./overpass-mono-cyrillic-600-normal-BKbqme25.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Overpass Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./overpass-mono-vietnamese-600-normal-BobdPw6V.woff2) format("woff2"),url(./overpass-mono-vietnamese-600-normal-Bo9tXo9f.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./overpass-mono-latin-ext-600-normal-rnoLi9UA.woff2) format("woff2"),url(./overpass-mono-latin-ext-600-normal-gyxvOplJ.woff) format("woff");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:Overpass Mono;font-style:normal;font-display:swap;font-weight:600;src:url(./overpass-mono-latin-600-normal-DBP6720Q.woff2) format("woff2"),url(./overpass-mono-latin-600-normal-gGkmhJLl.woff) format("woff");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{color-scheme:dark;--font-sans: "Public Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Overpass Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--zinc-50: #FAFAFA;--zinc-100: #F4F4F5;--zinc-200: #E4E4E7;--zinc-300: #D4D4D8;--zinc-400: #A1A1AA;--zinc-500: #71717A;--zinc-600: #52525B;--zinc-700: #3F3F46;--zinc-800: #27272A;--zinc-900: #18181B;--zinc-950: #09090B;--color-bg-default: #09090B;--color-surface: #18181B;--color-control: #FAFAFA0D;--color-text: #FAFAFA;--color-muted: #FAFAFAA8;--color-lab-accent: #8FE3FF;--color-line: #FAFAFA26;--color-line-subtle: #3F3F46;--color-rim: rgb(128 128 128 / .3);--color-focus: #FAFAFA;--shader-pane-1: #FF2D9B;--shader-pane-2: #7A5CFF;--shader-pane-3: #19C3FF;--shader-pane-4: #15E6A4;--shader-pane-5: #FFD23F;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--desktop-frame: 1024px;--desktop-side-rail: 256px;--desktop-right-rail: 736px;--desktop-gap: 32px;--desktop-edge: 64px;--mobile-viewport: 390px;--mobile-safe-inset: 16px;--mobile-content: 358px;--mobile-card: 330px;--mobile-inner: 282px;--mobile-drawer-content: 358px;--mobile-status: 62px;--mobile-nav: 56px;--type-hero-desktop-size: 16px;--type-hero-desktop-line: 24px;--type-hero-desktop-weight: 400;--type-hero-mobile-size: 20px;--type-hero-mobile-line: 26px;--type-hero-mobile-weight: 300;--type-section-title-size: 24px;--type-section-title-line: 30px;--type-section-title-weight: 600;--type-supporting-size: 17px;--type-supporting-line: 28px;--type-supporting-weight: 400;--type-body-size: 14px;--type-body-line: 22px;--type-body-weight: 400;--type-compact-size: 13px;--type-compact-line: 16px;--type-compact-weight: 400;--type-mono-code-size: 12px;--type-mono-code-line: 16px;--motion-press: .1s linear(0, 1.0107, 1);--motion-press-scale: .98;--motion-hover: .3s linear(0, .505, .9382, 1.0379, 1.0218, 1.0035, .9986, .9991, .9998, 1);--motion-hover-translate: 1px;--motion-hover-scale: 1.01;--motion-surface: .25s linear(0, .8682, 1.0634, 1.0003, .9968, 1.0003, 1.0001, 1);--motion-fps-default: 30;--motion-fps-low: 15;--motion-fps-high: 60;--material-fill: #0D0D12;--material-bg-blur: 6px;--material-core-inset: 8px;--material-core-blur: 8px;--material-core-opacity: 1;--material-frost: .66;--material-saturate: 1.3;--material-inner-bloom-size: 2;--material-inner-bloom-level: 1;--material-outer-bloom-size: 16;--material-outer-bloom-level: .45;--material-border-width: 1px;--material-border-opacity: .3;--elevation-0: none;--elevation-1: 0 1px 2px #0000000F;--elevation-2: 0 8px 24px #0000001A;--elevation-3: 0 0 28px #00E1FF40;--radius-swatch: 4px;--radius-segment: 6px;--radius-button: 7px;--radius-input: 8px;--radius-rect: 12px;--radius-icon: 14px;--radius-stage: 16px;--radius-card: 20px;--radius-pill: 999px;--page: var(--color-bg-default);--page-rgb: 9 9 11;--panel: var(--color-surface);--panel-rgb: 24 24 27;--surface: var(--material-fill);--text: var(--color-text);--text-soft: var(--zinc-200);--muted: var(--color-muted);--faint: #FAFAFA54;--line: var(--color-line);--line-soft: var(--color-line-subtle);--chip: var(--color-control);--chip-strong: rgb(250 250 250 / .1);--tile: #151517;--shadow-lg: var(--elevation-2);--shadow-sm: var(--elevation-1);--nav-h: 64px}:root[data-theme=light]{color-scheme:light;--color-bg-default: #F4F4F5;--color-surface: #FFFFFF;--color-control: #FFFFFF;--color-text: #18181B;--color-muted: #52525BA8;--color-lab-accent: #1C7FA6;--color-line: #E4E4E7;--color-line-subtle: #E4E4E7;--color-rim: rgb(106 106 114 / .3);--color-focus: #18181B;--material-fill: #EEF0F3;--material-frost: .42;--material-saturate: 1.55;--material-outer-bloom-size: 18;--material-outer-bloom-level: .5;--page: var(--color-bg-default);--page-rgb: 244 244 245;--panel: var(--color-surface);--panel-rgb: 255 255 255;--surface: var(--material-fill);--text: var(--color-text);--text-soft: var(--zinc-800);--muted: var(--color-muted);--faint: #52525B70;--line: var(--color-line);--line-soft: var(--color-line-subtle);--chip: var(--color-control);--chip-strong: var(--zinc-50);--tile: #ECECEF;--shadow-lg: var(--elevation-2);--shadow-sm: var(--elevation-1)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--page);scrollbar-width:none}body{margin:0;background:var(--page);color:var(--text);font-family:var(--font-sans);transition:background-color .18s ease,color .18s ease;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}button,input,select{font:inherit}button,a,select,input[type=range],input[type=color]{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}pre,code{font-family:var(--font-mono)}.wordmark{width:100px;height:24px;overflow:visible}.nav{position:fixed;inset:0 0 auto;z-index:70;height:var(--nav-h);display:flex;align-items:center;pointer-events:none}.nav-inner{width:min(1024px,calc(100vw - 48px));height:32px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.nav-actions,.mobile-actions,.footer nav,.copy-row{display:flex;align-items:center;gap:8px}.install-pill,.icon-button,.copy-button,.tiny-button,.customize-button{border:0;border-top:1px solid var(--line);background:var(--chip);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease,opacity .16s ease}.install-pill{height:32px;padding:0 4px 0 8px;border-radius:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:-.05em;justify-content:space-between}.install-pill>span{white-space:nowrap}.install-pill .copy-icon{opacity:.33}.icon-button{width:32px;height:32px;padding:0;border-radius:8px}.nav-actions .icon-button,.mobile-actions .icon-button{color:var(--faint)}.nav-actions .icon-button:not(:disabled):hover,.mobile-actions .icon-button:not(:disabled):hover{color:var(--text)}.icon-button:disabled,.tiny-button:disabled{cursor:not-allowed;opacity:.38}.install-pill:hover,.icon-button:not(:disabled):hover,.copy-button:hover,.tiny-button:not(:disabled):hover,.customize-button:hover{background:var(--chip-strong)}.desktop-shell{display:block;min-height:100vh;position:relative}.desktop-main{width:min(1024px,calc(100vw - 48px));margin:0 auto;display:flex;align-items:flex-start;gap:32px}.left-rail{position:sticky;top:0;z-index:30;width:256px;height:100vh;min-height:0;padding:96px 0;display:flex;flex-direction:column;gap:32px;overflow:clip;overflow-clip-margin:24px}.right-rail{width:736px;min-height:100vh}.hero-copy{margin:0;color:var(--text);font-size:var(--type-hero-desktop-size);font-weight:var(--type-hero-desktop-weight);letter-spacing:-.025em;line-height:var(--type-hero-desktop-line);text-wrap:pretty;text-shadow:0 2px 3px rgb(0 0 0 / .2)}.tabs{height:32px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;display:flex;gap:16px;background:transparent}.tab{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-sans);font-size:14px;height:32px;padding:0;min-width:0}.tab span:last-child{position:relative;z-index:2}.tab[aria-selected=true]{color:var(--text)}.tab-indicator{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:0;background:var(--text);box-shadow:none}.install-left,.install-panel,.controls,.control-stack,.palette-list{display:flex;flex-direction:column}.install-left,.controls{gap:24px}.left-panel-body{position:relative;min-height:0;flex:1;overflow:clip;overflow-clip-margin:24px}.left-panel-body .install-left,.left-panel-body .controls{max-height:100%;overflow-y:auto;overflow-x:hidden}.left-panel-body .install-left{padding:2px 3px}.left-panel-body .controls{padding:2px 0}.left-panel-body .install-left,.left-panel-body .controls,.control-sheet .controls{scrollbar-width:none}.left-panel-body .install-left::-webkit-scrollbar,.left-panel-body .controls::-webkit-scrollbar,.control-sheet .controls::-webkit-scrollbar{display:none}.controls-thumb{position:absolute;top:0;right:-16px;width:4px;height:0;border-radius:999px;background:var(--line-soft);opacity:0;transition:opacity .22s ease;cursor:grab;touch-action:none;z-index:2}.controls-thumb:active{cursor:grabbing}.left-panel-body:hover .controls-thumb,.controls-thumb.is-visible{opacity:1}.install-panel{gap:32px}.install-block{display:flex;flex-direction:column;gap:8px}.group-heading{color:var(--muted);font-family:var(--font-sans);font-size:13px;font-weight:400}.block-label{color:var(--text);font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1}.code-card{min-height:32px;border:0;border-bottom:1px solid var(--line);border-radius:8px;padding:0 4px 0 8px;background:var(--chip);display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.code-card--tall{min-height:0;align-items:flex-start;padding:4px 4px 8px 8px}.code-card code,.code-card pre{color:var(--muted);font-size:12px;line-height:1;letter-spacing:-.05em}.code-card pre{flex:1;min-width:0;align-self:stretch;margin:0;padding-top:4px;line-height:1.25;max-height:168px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;white-space:pre-wrap}.code-card pre::-webkit-scrollbar{display:none}.install-head{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:stretch}.install-head--installation{align-items:flex-start;gap:4px}.install-head-text{display:flex;flex-direction:column;justify-content:center;gap:8px}.seg.install-seg{flex:0 0 50%}.install-note{align-self:stretch;color:var(--muted);font-family:var(--font-sans);font-size:14px;line-height:1.25}.preset-chip{color:var(--faint);font-family:var(--font-sans);font-size:14px;line-height:1}.docs-link{display:inline-flex;align-items:center;gap:4px;color:var(--faint)}.docs-link-text{font-family:var(--font-sans);font-size:14px;line-height:1;text-decoration:underline 1px var(--chip-strong);text-underline-offset:4px}.docs-link:hover{color:var(--text)}.copy-button{width:24px;height:24px;min-height:0;flex:none;border:0;background:transparent;border-radius:8px;padding:0;color:var(--text)}.copy-icon{display:inline-flex;align-items:center;justify-content:center}.copy-button .copy-icon{opacity:.33;transition:opacity .16s ease}.copy-button:hover .copy-icon{opacity:1}.preset-block{position:relative;width:100%;display:flex;flex-direction:column;gap:8px}.preset-block--compact{flex:1}.preset-select-field{position:relative;width:100%;height:32px;border-top:1px solid var(--line);border-radius:8px;background:var(--chip);display:flex;align-items:center;gap:4px;padding:0 30px 0 12px;color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:18px}.preset-muted{color:var(--muted)}.preset-select-field:hover{background:var(--chip-strong)}.preset-select-field select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preset-select-field svg{position:absolute;top:50%;right:12px;transform:translateY(-50%);opacity:.33;pointer-events:none}.preset-meta-row{min-height:16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;color:var(--muted);font-family:var(--font-sans);font-size:14px;line-height:1}.preset-meta-row button{border:0;background:transparent;color:var(--faint);display:inline-flex;align-items:center;gap:4px;padding:0;cursor:pointer;text-decoration:underline 1px var(--chip-strong);text-underline-offset:4px}.preset-meta-row button:hover{color:var(--text)}.preset-meta-row button:disabled{opacity:.42;cursor:not-allowed}.select-wrap{position:relative;min-width:0;flex:1}.select-wrap select{width:100%;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--text);outline:0;padding:0 30px 0 10px;font-family:var(--font-mono);font-size:11px;cursor:pointer}.field-control .select-wrap{height:24px}.field-control .select-wrap select{border-bottom:1px solid var(--line);border-top:0;font-family:var(--font-sans);font-size:13px;padding-left:8px}.palette-row .icon-button,.group-heading .tiny-button{width:24px;height:24px;border:0;background:transparent;color:var(--faint);padding:0}.group-heading .tiny-button span{display:none}.palette-row .icon-button:hover,.group-heading .tiny-button:hover{background:var(--chip);border-color:transparent}.select-wrap svg{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.palette-control,.control-group{display:flex;flex-direction:column;gap:4px}.group-heading{display:flex;align-items:center;justify-content:space-between;height:24px;color:var(--text);line-height:1}.tiny-button{height:24px;border-radius:7px;padding:0 8px;font-family:var(--font-sans);font-size:13px}.palette-list{gap:4px}.palette-row{display:flex;align-items:center;gap:4px}.palette-row.is-off .palette-value{opacity:.36}.palette-value{position:relative;height:24px;min-width:0;flex:1;border-bottom:1px solid var(--line);border-radius:8px;background:var(--chip);display:flex;align-items:center;gap:8px;padding:0 12px 0 4px}.palette-value:focus-within{background:var(--chip-strong);outline:1px solid var(--color-focus);outline-offset:1px}.palette-swatch{position:relative;width:16px;height:16px;flex:none;display:block;cursor:pointer}.palette-swatch>span{display:block;width:16px;height:16px;border-radius:4px}.palette-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.palette-hex{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:13px;text-transform:uppercase;padding:0;outline:none;cursor:text}input[type=color]{width:16px;height:16px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer}.control-stack{gap:4px}.range-control,.field-control,.segmented-control,.toggle-control,.color-control{min-height:24px;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:4px}.range-control{grid-template-columns:56px 60px minmax(0,1fr)}.control-top,.field-control,.segmented-control,.toggle-control,.color-control{justify-content:space-between}.control-top{display:contents}.control-top>span,.field-control>span,.segmented-control>span,.toggle-control>span,.color-control>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);line-height:1}.control-top output{height:24px;border-bottom:1px solid var(--line);border-radius:8px;background:var(--chip);display:flex;align-items:center;padding:0 8px;color:var(--text);font-family:var(--font-sans);font-size:13px;line-height:10px}input[type=range]{flex:1;height:8px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:var(--chip);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:24px;border:0;border-top:1px solid var(--zinc-400);border-radius:6px;background:var(--zinc-600);box-shadow:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:10px;height:24px;border:0;border-top:1px solid var(--zinc-400);border-radius:6px;background:var(--zinc-600);box-shadow:none;cursor:pointer}.colors-group,.control-group{display:flex;flex-direction:column;gap:4px}.palette-heading{display:flex;align-items:center;gap:8px}.palette-count{color:var(--muted)}.ctl-label{width:56px;flex:none;color:var(--muted);font-family:var(--font-sans);font-size:13px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.num-box{height:24px;flex:1;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--text);font-family:var(--font-sans);font-size:13px;padding:0 8px;outline:none}.num-box--fixed{width:60px;flex:none}.num-box:focus{background:var(--chip-strong);outline:1px solid var(--color-focus);outline-offset:1px}.pair-row{display:flex;align-items:center;gap:16px}.pair-cell{display:flex;align-items:center;gap:4px;flex:1;min-width:0}.slider-row,.dropdown-row,.seg-row{display:flex;align-items:center;gap:4px;min-height:24px}input[type=range].track{flex:1;min-width:0;background:linear-gradient(to right,var(--zinc-700) calc(var(--fill, 0) * 100%),var(--chip) 0)}.dropdown{position:relative;flex:1;min-width:0;height:24px}.dropdown select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-top:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--text);font-family:var(--font-sans);font-size:13px;padding:0 26px 0 8px;cursor:pointer;outline:none}.dropdown svg{position:absolute;top:50%;right:8px;transform:translateY(-50%);opacity:.33;pointer-events:none}.seg{display:flex;flex:1;min-width:0;height:24px;border:0;border-bottom:1px solid var(--line);border-radius:8px;background:var(--chip);overflow:hidden}.seg button{position:relative;flex:1;border:0;border-radius:6px;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:color .16s ease}.seg button:hover,.seg button.is-active{color:var(--text)}.seg-indicator{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:6px;background:var(--zinc-700);border-top:1px solid var(--zinc-500)}.seg-label{position:relative;z-index:1}:root[data-theme=light] input[type=range].track{background:linear-gradient(to right,var(--zinc-500) calc(var(--fill, 0) * 100%),var(--zinc-200) 0)}:root[data-theme=light] input[type=range]::-webkit-slider-thumb{background:#fff;border:1px solid var(--zinc-600);border-bottom-width:2px;box-shadow:0 1px 2px #0003}:root[data-theme=light] input[type=range]::-moz-range-thumb{background:#fff;border:1px solid var(--zinc-600);border-bottom-width:2px;box-shadow:0 1px 2px #0003}:root[data-theme=light] .num-box,:root[data-theme=light] .palette-value,:root[data-theme=light] .code-card{border:1px solid var(--zinc-200)}:root[data-theme=light] .seg{background:var(--zinc-200);border-bottom:0}:root[data-theme=light] .seg-indicator{background:#fff;border-top:0;border-bottom:1px solid var(--zinc-300)}:root[data-theme=light] .preset-select-field,:root[data-theme=light] .dropdown select,:root[data-theme=light] .customize-button{background:#fff;border:1px solid var(--zinc-200);border-top-color:#e4e4e780;border-bottom-width:2px}:root[data-theme=light] .hero-copy{text-shadow:none}:root[data-theme=light] .login-auth button,:root[data-theme=light] .mock-generating button{background:#fff;color:var(--text);border:1px solid var(--zinc-200);border-top-color:#e4e4e780;border-bottom-width:2px}:root[data-theme=light] .login-email input{border:1px solid var(--zinc-200)}:root[data-theme=light] .login-submit{border-bottom-color:var(--zinc-600)}:root[data-theme=light] .command-icon,:root[data-theme=light] .theme-icon{background:var(--zinc-100)}:root[data-theme=light] .progress-line{background:var(--zinc-200)}:root[data-theme=light] .pricing-features svg{opacity:.66}.segmented-row{display:flex;flex:1;min-height:24px;gap:0;border-radius:8px;border-bottom:1px solid var(--line);background:var(--chip);overflow:hidden}.segmented-row button,.toggle-control button{flex:1;min-height:24px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-family:var(--font-sans);font-size:12px;padding:0 6px;transition:color .16s ease,background-color .16s ease,border-color .16s ease}.segmented-row button:hover,.toggle-control button:hover{border-color:var(--text);color:var(--text)}.segmented-row button.is-active,.toggle-control button.is-active{border-top:1px solid var(--zinc-500);background:var(--zinc-700);color:var(--text)}.desktop-preview-rail{width:736px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.desktop-preview-rail.is-dragging{cursor:grabbing}.preview-copy{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.desktop-preview-slot{width:736px;display:flex;align-items:center;justify-content:center;padding:64px 32px;border:0;border-radius:8px;background:var(--tile);overflow:hidden}.mock-motion{display:flex;align-items:center;justify-content:center}.mock-glass{position:relative;display:flex;align-items:center;justify-content:center;color:var(--text);background:var(--chip);border-top:1px solid var(--line);isolation:isolate}.mock-glass--static{border:1px solid var(--line);background:var(--chip);box-shadow:var(--shadow-sm)}.mock-content{position:relative;z-index:5;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mock-glass button{border:1px solid var(--line-soft);border-radius:8px;background:rgb(var(--panel-rgb) / .18);color:var(--text);font-size:14px;cursor:pointer}.mock-title{font-size:14px;font-weight:400;line-height:18px}.mock-login .mock-title{font-size:16px;line-height:20px}.pricing-top .mock-title{font-size:20px;font-weight:600;line-height:24px}.mock-quickstart .mock-title{font-size:16px;font-weight:600;line-height:20px}.mock-sub{color:var(--muted);font-size:14px;line-height:18px;text-wrap:pretty}.mock-title+.mock-sub{margin-top:2px}.mock-kicker{color:var(--muted);font-family:var(--font-mono);font-size:10px}.mock-ask{width:400px;height:118px;padding:12px}.mock-ask .mock-content{align-items:stretch}.prompt-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.prompt-placeholder{color:var(--muted);font-size:14px;line-height:18px;padding:4px}.prompt-actions{display:flex;align-items:center;gap:8px;color:var(--faint)}.prompt-actions button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0;border:0;background:transparent;color:var(--faint)}.upload-copy>svg,.upgrade-copy>svg{opacity:.66}.prompt-actions .send-button{width:32px;height:32px;border-radius:8px;background:var(--text);color:var(--page);border-bottom:2px solid var(--zinc-500)}.prompt-spacer{flex:1}.mock-login{width:350px;height:auto;padding:16px 12px}.login-card{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.login-head{display:flex;flex-direction:column;gap:8px;text-align:center;padding:0}.login-auth{display:flex;flex-direction:column;gap:8px}.login-auth button,.login-submit{width:100%;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.login-auth button{border:0;border-top:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--text)}.login-divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.login-divider span{height:1px;flex:1;background:var(--line-soft)}.login-email{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}.login-email input{height:32px;border:0;border-bottom:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--muted);padding:0 10px}.login-submit{background:var(--text)!important;color:var(--page)!important;border-bottom:2px solid var(--zinc-500)}.login-foot{text-align:center;color:var(--muted);font-size:12px}.login-foot span{color:var(--faint);text-decoration:underline;text-decoration-color:var(--chip-strong);text-decoration-thickness:1px;text-underline-offset:4px}.pricing-top button,.mock-unlock button,.quick-body button{height:32px;padding:0 12px;border:0;border-bottom:2px solid var(--zinc-500);border-radius:8px;background:var(--text);color:var(--page);font-size:14px;line-height:18px}.mock-command{width:400px;height:286px;padding:0}.command-card{width:100%;height:100%;display:flex;flex-direction:column;gap:0}.command-search{min-height:45px;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px}.command-row{min-height:48px;display:flex;align-items:center;gap:8px;border:0;border-radius:0;padding:8px 12px;background:transparent;color:var(--muted);font-size:14px}.command-icon{width:32px;height:32px;flex:none;border-radius:8px;background:var(--chip);display:flex;align-items:center;justify-content:center}.command-icon svg{opacity:.33}.command-search span{flex:1;font-size:14px;color:var(--muted)}.command-search>svg{opacity:.66}.command-section-label{padding:8px 12px;color:var(--faint);font-size:12px}.mock-segmented-free{display:flex;align-items:center;gap:8px}.pricing-plan-motion,.seg-pill-motion{display:flex}.seg-pill{height:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--muted);font-family:var(--font-sans);font-size:14px;cursor:pointer}.seg-pill.is-raised{background:var(--chip-strong);border-top:1px solid var(--line)}.seg-pill--glass{padding:0;background:var(--chip-strong);border-top:1px solid var(--line);color:var(--text)}:root[data-theme=light] .seg-pill.is-raised,:root[data-theme=light] .seg-pill--glass{background:#fff;border-top:0;border-bottom:1px solid #D4D4D8}.seg-pill-label{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px}.mock-pricing-free{display:flex;align-items:stretch;justify-content:center;gap:16px}.pricing-plan{width:256px;border-radius:16px;background:var(--chip);border-top:1px solid var(--line);display:flex;flex-direction:column}:root[data-theme=light] .mock-glass,:root[data-theme=light] .mock-glass--static,:root[data-theme=light] .pricing-plan{border-top:0;border-bottom:2px solid var(--line);box-shadow:0 1px 2px #18181b0d,0 4px 12px #18181b0a}.pricing-plan--glass{overflow:visible}.pricing-inner{position:relative;z-index:5;display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden}.pricing-top{display:flex;flex-direction:column;gap:16px;padding:16px;border-bottom:1px solid var(--line)}.price-row{display:flex;align-items:flex-end;gap:8px}.price-row span:first-child{color:var(--text);font-size:28px;font-weight:600;line-height:1}.price-row span:last-child{color:var(--muted);font-size:14px;line-height:18px}.pricing-features{display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px}.pricing-features div{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:14px;line-height:18px}.pricing-features svg{opacity:.33}.mock-upload{width:400px;height:85px;padding:0}.mock-upload .mock-content{flex-direction:column;justify-content:space-between;align-items:stretch;gap:0}.upload-head{display:flex;align-items:flex-start;justify-content:space-between;padding:12px}.upload-copy{display:flex;align-items:flex-start;gap:8px}.mock-unlock{width:400px;height:85px;padding:12px}.mock-unlock .mock-content{align-items:flex-start;justify-content:space-between;gap:8px}.upgrade-copy{display:flex;align-items:flex-start;gap:8px;flex:1}.mock-generating{width:400px;height:48px;padding:8px 8px 8px 12px}.mock-generating .mock-content{justify-content:space-between;gap:8px}.generating-copy{display:flex;align-items:center;gap:8px}.generating-copy span{font-size:14px}.gen-short{display:none}.generating-spinner{display:inline-flex;align-items:center;gap:3px;padding:0 2px}.generating-spinner .dot{width:4px;height:4px;border-radius:999px;background:var(--muted)}.mock-generating button{height:32px;padding:0 12px;border:0;border-top:1px solid var(--line);border-radius:8px;background:var(--chip);color:var(--muted)}.progress-frame{padding:0 12px 12px}.progress-line{flex:none;width:100%;height:8px;border-radius:6px;background:var(--chip);overflow:hidden}.progress-line span{display:block;width:17%;height:100%;border-radius:inherit;background:var(--muted)}.mock-theme{width:400px;height:131px;padding:16px}.mock-theme .mock-content{flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px}.theme-icon{width:40px;height:40px;border-radius:8px;background:var(--chip);display:flex;align-items:center;justify-content:center}.theme-icon svg{opacity:.33}.mock-quickstart{width:256px;height:275px;padding:8px}.mock-quickstart .mock-content{flex-direction:column;align-items:stretch;justify-content:space-between;gap:0}.quick-image{height:128px;border-radius:12px;overflow:hidden;isolation:isolate;background:#202022;opacity:.85}:root[data-theme=light] .quick-image{background:var(--zinc-100)}.quick-image-media{width:100%;height:100%;background-image:url(https://app.paper.design/file-assets/01KTDT5X8R5YVAX2DKA3BEFSD8/01KVFGY1Q1SG4T9TVE0VC4BMB4.jpg);background-position:center;background-size:cover;filter:contrast(.9) grayscale(1);mix-blend-mode:screen}:root[data-theme=light] .quick-image-media{filter:invert(1) contrast(.9) grayscale(1);mix-blend-mode:multiply}.quick-body{display:flex;flex-direction:column;gap:16px;padding:8px}.progressive-blur{position:fixed;left:0;right:0;top:0;z-index:55;height:96px;pointer-events:none;overflow:hidden}.progressive-blur--top{top:0;bottom:auto}.progressive-blur--bottom{top:auto;bottom:0}.pb-layer,.pb-gradient{position:absolute;top:0;right:0;bottom:0;left:0}.pb-layer{background:rgb(var(--page-rgb) / .001);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.pb-layer--2{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.pb-layer--4{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pb-layer--6{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pb-layer--8{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.progressive-blur--top .pb-layer--2{mask-image:linear-gradient(to bottom,#000 0%,#000 38%,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 38%,transparent 88%)}.progressive-blur--top .pb-layer--4{mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 68%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,transparent 68%)}.progressive-blur--top .pb-layer--6{mask-image:linear-gradient(to bottom,#000 0%,#000 22%,transparent 50%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 22%,transparent 50%)}.progressive-blur--top .pb-layer--8{mask-image:linear-gradient(to bottom,#000 0%,#000 14%,transparent 36%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 14%,transparent 36%)}.progressive-blur--bottom .pb-layer--2{mask-image:linear-gradient(to top,#000 0%,#000 38%,transparent 88%);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 38%,transparent 88%)}.progressive-blur--bottom .pb-layer--4{mask-image:linear-gradient(to top,#000 0%,#000 30%,transparent 68%);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 30%,transparent 68%)}.progressive-blur--bottom .pb-layer--6{mask-image:linear-gradient(to top,#000 0%,#000 22%,transparent 50%);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 22%,transparent 50%)}.progressive-blur--bottom .pb-layer--8{mask-image:linear-gradient(to top,#000 0%,#000 14%,transparent 36%);-webkit-mask-image:linear-gradient(to top,#000 0%,#000 14%,transparent 36%)}.progressive-blur--top .pb-gradient{background:linear-gradient(to bottom,rgb(var(--page-rgb) / .98),rgb(var(--page-rgb) / .86) 34%,rgb(var(--page-rgb) / 0))}.progressive-blur--bottom .pb-gradient{background:linear-gradient(to top,rgb(var(--page-rgb) / .98),rgb(var(--page-rgb) / .86) 34%,rgb(var(--page-rgb) / 0))}#root>.footer{position:fixed;inset:auto 0 0;z-index:70;height:64px;pointer-events:none}.footer-inner{width:min(1024px,calc(100vw - 48px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--faint);font-family:var(--font-sans);font-size:12px;pointer-events:auto}.footer-copy{color:var(--muted)}.footer a{display:inline-flex;align-items:center;gap:5px;color:var(--faint);text-decoration:underline;text-decoration-color:var(--chip-strong);text-decoration-thickness:1px;text-underline-offset:4px}.footer a:hover{color:var(--text)}.mobile-shell,.sheet-backdrop,.control-sheet{display:none}@media(max-width:800px){:root{--nav-h: 56px}body{overflow-x:hidden}.nav,.desktop-shell,#root>.footer{display:none}.mobile-shell{display:flex;min-height:100vh;flex-direction:column;background:var(--page)}.mobile-status{height:62px;padding:16px 30px 0;display:flex;align-items:flex-start;justify-content:space-between;color:var(--text);font-size:16px;font-weight:600}.status-icons{height:22px;display:flex;align-items:center;gap:7px}.status-signal{display:flex;align-items:flex-end;gap:2px}.status-signal i{width:3px;border-radius:2px;background:currentColor}.status-signal i:nth-child(1){height:6px}.status-signal i:nth-child(2){height:9px}.status-signal i:nth-child(3){height:12px}.status-wifi{width:16px;height:11px;border:2px solid currentColor;border-bottom:0;border-radius:14px 14px 0 0;transform:scaleY(.8)}.status-battery{position:relative;width:24px;height:12px;border:1.7px solid currentColor;border-radius:4px}.status-battery:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:6px;border-radius:2px;background:currentColor}.status-battery:after{content:"";position:absolute;top:3px;right:-4px;width:2px;height:6px;border-radius:0 2px 2px 0;background:currentColor}.mobile-nav{position:sticky;top:0;z-index:40;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:rgb(var(--page-rgb) / .86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mobile-content{width:100%;padding:24px 16px 32px;display:flex;flex-direction:column;gap:24px}.hero-copy{font-size:var(--type-hero-mobile-size);font-weight:var(--type-hero-mobile-weight);line-height:var(--type-hero-mobile-line)}.mobile-control-row{display:flex;align-items:center;gap:8px}.customize-button{height:32px;padding:0 8px;border-radius:8px;font-size:14px}.mobile-carousel{width:calc(100% + 32px);margin:0 -16px;padding:0 16px;display:flex;align-items:stretch;height:480px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-copy{flex:0 0 auto;display:flex;align-items:stretch;gap:8px;padding-right:8px}.mobile-preview-card{width:330px;flex:0 0 330px;display:flex;align-items:center;justify-content:center;padding:44px 0;border:0;border-radius:8px;background:var(--tile);overflow:hidden;scroll-snap-align:center}.mobile-preview-card .mock-ask,.mobile-preview-card .mock-command,.mobile-preview-card .mock-theme,.mobile-preview-card .mock-quickstart,.mobile-preview-card .mock-unlock,.mobile-preview-card .mock-login{width:282px}.mobile-preview-card .mock-pricing-free .pricing-plan-motion:first-child{display:none}.mobile-preview-card .mock-pricing-free .pricing-plan,.mobile-preview-card .mock-upload,.mobile-preview-card .mock-generating{width:282px}.mobile-preview-card .mock-unlock{height:auto}.mobile-preview-card .mock-unlock .mock-content{flex-direction:column;align-items:flex-start;gap:16px}.mobile-preview-card .mock-unlock button{margin-left:28px}.gen-full{display:none}.gen-short{display:inline}.mobile-shell>.footer{display:block;position:static;height:66px;padding:12px 16px 16px}.mobile-shell .footer-inner{width:100%;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#0000003d;padding:0}.control-sheet{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:100;flex-direction:column;border:1px solid var(--line);border-bottom:0;border-radius:16px 16px 0 0;background:var(--panel);box-shadow:var(--shadow-lg);overflow:hidden}.control-sheet--partial{height:min(640px,64dvh)}.control-sheet--full{height:calc(100dvh - 24px)}.sheet-handle{width:100px;height:4px;margin:16px auto 12px;border-radius:999px;background:var(--zinc-600);flex:none}.sheet-head{height:32px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex:none;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.control-sheet .controls{padding:16px 16px 28px;overflow-y:auto;scrollbar-width:none}.install-panel{gap:24px}.code-card--tall{height:auto}}@media(min-width:801px){.mobile-shell{display:none}}