@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./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(./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(./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(./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(./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(./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(./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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.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:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2)format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2)format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.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:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2)format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.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,:root[data-theme=light]{--bg:#f7f9fb;--surface-1:#fff;--surface-2:#f3f5f8;--surface-3:#eaedf1;--surface-4:#dfe3e8;--line:#14141412;--line-2:#1414141a;--line-3:#1414142e;--text:#141414;--text-2:#5c6069;--text-3:#959aa3;--inverse:#141414;--inverse-hover:#303033;--on-inverse:#fff;--accent:#6a3dff;--accent-soft:#6a3dff14;--focus:#6a3dff73;--seg-indicator:#fff;--seg-shadow:0 1px 2px #00000014, 0 0 0 .5px #00000014;--zoom-bg:#6a3dff1a;--zoom-line:#6a3dff66;--zoom-ink:#4a22d9;--textseg-bg:#f59e0b21;--textseg-line:#d9770673;--textseg-ink:#8a5300;--imageseg-bg:#10b9811f;--imageseg-line:#05966973;--imageseg-ink:#04634a;--fxseg-bg:#0ea5e921;--fxseg-line:#0284c773;--fxseg-ink:#075985;--danger:#e5484d;--success:#16a34a;--dot:#14141412;--shadow-card:0 12px 40px #0000001f, 0 0 0 .5px #0000001a;--shadow-pop:0 24px 80px #00000029, 0 0 0 .5px #0000001a;--backdrop:#14141447;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0b0c;--surface-1:#141415;--surface-2:#1c1c1e;--surface-3:#252528;--surface-4:#2f2f33;--line:#ffffff0f;--line-2:#ffffff1a;--line-3:#ffffff2e;--text:#f5f5f5;--text-2:#a3a3a8;--text-3:#6c6c72;--inverse:#f5f5f5;--inverse-hover:#dcdcdc;--on-inverse:#141414;--accent:#8a6bff;--accent-soft:#8a6bff29;--focus:#8a6bff8c;--seg-indicator:#2f2f33;--seg-shadow:0 1px 3px #0006, 0 0 0 .5px #ffffff14;--zoom-bg:#8a6bff38;--zoom-line:#a087ff8c;--zoom-ink:#e0d6ff;--textseg-bg:#f5b84b2e;--textseg-line:#f5b84b80;--textseg-ink:#ffe1a8;--imageseg-bg:#34d39929;--imageseg-line:#34d39980;--imageseg-ink:#b6f5dc;--fxseg-bg:#38bdf829;--fxseg-line:#38bdf880;--fxseg-ink:#bae6fd;--danger:#ff6b6b;--success:#3ddc97;--dot:#ffffff0d;--shadow-card:0 12px 40px #00000080, 0 0 0 .5px #ffffff1a;--shadow-pop:0 24px 80px #0009, 0 0 0 .5px #ffffff1a;--backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--r-sm:8px;--r:12px;--r-lg:20px;--r-xl:24px;--ease:cubic-bezier(.32, .72, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--font:"Geist Variable", "Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;transition:background .3s var(--ease);font-size:13px;line-height:1.45;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{box-shadow:0 0 0 4px var(--focus);outline:none}:is(input,textarea,select):focus-visible{box-shadow:none}::selection{background:var(--accent-soft)}.btn{background:var(--surface-2);height:34px;color:var(--text);white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), opacity .2s;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;pointer-events:none}.btn svg{flex:none;width:15px;height:15px}.btn.ghost{color:var(--text-2);background:0 0}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.primary{background:var(--inverse);color:var(--on-inverse)}.btn.primary:hover{background:var(--inverse-hover)}.btn.lg{height:44px;padding:0 20px;font-size:14px}.btn.sm{height:28px;padding:0 11px;font-size:12px}.btn.icon{width:34px;padding:0}.btn.sm.icon{width:28px}.btn.danger:hover{color:var(--danger)}.btn.block{width:100%}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);background:var(--inverse);color:var(--on-inverse);white-space:nowrap;pointer-events:none;z-index:100;animation:tip .18s var(--ease-out) .35s both;border-radius:8px;padding:5px 9px;font-size:11.5px;font-weight:500;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000026}[data-tip-pos=left]:hover:after{top:50%;left:auto;right:calc(100% + 10px);transform:translateY(-50%)}@keyframes tip{0%{opacity:0}}kbd{background:var(--surface-1);min-width:18px;height:18px;box-shadow:inset 0 -1px 0 var(--line-2), 0 0 0 1px var(--line-2);color:var(--text-2);font:600 10.5px var(--font);border-radius:5px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.theme-toggle svg{transition:transform .4s var(--ease)}.theme-toggle:hover svg{transform:rotate(-20deg)}.app{background:var(--bg);grid-template-rows:56px minmax(0,1fr) auto;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--surface-1);align-items:center;gap:8px;padding:0 12px 0 16px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.brand-mark{filter:drop-shadow(0 4px 10px #6a3dff52);flex:none}.brand-mark .brand-dot{transform-origin:48.5px 15.5px;transition:transform .4s var(--ease)}.brand:hover .brand-mark .brand-dot,.logo:hover .brand-dot{transform:scale(1.25)}.logo{color:var(--text);align-items:center;gap:.45em;display:inline-flex}.logo-word{letter-spacing:-.04em;white-space:nowrap;font-weight:650}.logo-word em{color:var(--text-3);font-style:normal;font-weight:450}.topbar .sep{background:var(--line-2);width:1px;height:18px;margin:0 4px}.project-name{width:260px;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-weight:500;transition:background .2s,color .2s}.project-name:hover{background:var(--surface-2)}.project-name:focus{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 4px var(--focus);outline:none}.topbar .spacer{flex:1}.topbar .meta{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:4px;font-size:12px}@media (width<=980px){.topbar .meta{display:none}.project-name{width:170px}}.workspace{grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid}.stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.stage-canvas{flex:1;place-items:center;min-height:0;padding:28px 32px 12px;display:grid;position:relative}.stage-canvas:before{content:"";background-image:radial-gradient(var(--dot) 1px, transparent 1px);pointer-events:none;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 80%);mask-image:radial-gradient(#000 35%,#0000 80%)}.preview-box{box-shadow:var(--shadow-card);background:#000;border-radius:12px;position:relative;overflow:hidden}.preview-box canvas{width:100%;height:100%;display:block}.preview-box.dragging{cursor:grabbing}.preview-box.can-drag{cursor:grab}.guides{pointer-events:none;position:absolute;inset:0}.guides i{position:absolute}.guides .v{width:1px;margin-left:-.5px;top:0;bottom:0}.guides .h{height:1px;margin-top:-.5px;left:0;right:0}.guides .third{background:#ffffff38}.guides .center{background:#ffffff59}.guides .safe{border:1px dashed #ffffff47;border-radius:4px}.guides .snap{background:#ff2d87;box-shadow:0 0 8px #ff2d87cc}.guides .v.snap{width:1.5px}.guides .h.snap{height:1.5px}.text-outline{box-shadow:0 0 0 1.5px var(--accent), 0 0 0 4px #6a3dff2e;pointer-events:none;border-radius:6px;position:absolute}.text-outline .handle{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--accent), 0 2px 6px #0000004d;pointer-events:auto;cursor:nwse-resize;background:#fff;border-radius:4px;position:absolute;bottom:-6px;right:-6px}.preview-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;pointer-events:none;white-space:nowrap;background:#141414bf;border-radius:99px;padding:6px 12px;font-size:11.5px;font-weight:500;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.transport{grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 20px 14px;display:grid}.transport .left,.transport .right{align-items:center;gap:6px;display:flex}.transport .right{justify-content:flex-end}.transport .center{align-items:center;gap:8px;display:flex}.play-btn{background:var(--inverse);width:44px;height:44px;color:var(--on-inverse);transition:transform .25s var(--ease), background .2s;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 24px -8px #00000073}.play-btn:hover{background:var(--inverse-hover);transform:scale(1.06)}.play-btn:active{transform:scale(.94)}.play-btn svg{width:17px;height:17px}.timecode{font-variant-numeric:tabular-nums;color:var(--text-3);min-width:128px;font-size:12.5px;font-weight:500}.timecode b{color:var(--text);font-weight:600}.volume{align-items:center;gap:8px;width:140px;display:flex}.inspector{border-left:1px solid var(--line);background:var(--surface-1);grid-template-columns:56px 316px;min-height:0;display:grid}@media (width<=1100px){.inspector{grid-template-columns:56px 276px}.section{padding-left:14px;padding-right:14px}}.tabrail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:4px;padding:12px 0;display:flex}.tabrail button{width:38px;height:38px;color:var(--text-3);transition:color .2s var(--ease), background .2s var(--ease);border-radius:12px;place-items:center;display:grid;position:relative}.tabrail button:hover{color:var(--text);background:var(--surface-2)}.tabrail button.active{color:var(--on-inverse)}.tabrail button svg{z-index:1;width:18px;height:18px;position:relative}.tab-indicator{background:var(--inverse);border-radius:12px;position:absolute;inset:0;box-shadow:0 6px 16px -6px #00000059}.panel{scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent;min-height:0;overflow:hidden auto}.panel-head{z-index:2;background:linear-gradient(var(--surface-1) 70%, transparent);justify-content:space-between;align-items:center;padding:18px 18px 12px;display:flex;position:sticky;top:0}.panel-head h2{letter-spacing:-.03em;margin:0;font-size:17px;font-weight:650}.section{padding:4px 18px 20px}.section+.section{border-top:1px solid var(--line);padding-top:18px}.section-title{color:var(--text);justify-content:space-between;align-items:center;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.section-title>span:last-child:not(:first-child){color:var(--text-3);font-size:12px;font-weight:500}.field{align-content:start;gap:8px;margin-bottom:14px;display:grid}.field:last-child{margin-bottom:0}.field-label{color:var(--text-2);justify-content:space-between;align-items:center;font-weight:500;display:flex}.field-label .value{color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.row{min-height:30px;color:var(--text-2);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-weight:500;display:flex}.row:last-child{margin-bottom:0}.hint{color:var(--text-3);font-size:12px;line-height:1.5}.empty-card{border-radius:var(--r-lg);background:var(--surface-2);color:var(--text-2);gap:8px;padding:16px;font-size:12.5px;line-height:1.55;display:grid}.empty-card b{color:var(--text);font-weight:600}.empty-card svg{width:18px;height:18px;color:var(--accent)}.slider{--p:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.slider:focus-visible{box-shadow:none}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--text) 0 var(--p), var(--surface-4) var(--p) 100%);border-radius:4px;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;transition:box-shadow .2s var(--ease), transform .2s var(--ease);background:#fff;border-radius:50%;margin-top:-6px;box-shadow:0 1px 4px #00000040,0 0 0 .5px #0000001f}.slider:hover::-webkit-slider-thumb{box-shadow:0 1px 4px #00000040, 0 0 0 .5px #0000001f, 0 0 0 5px var(--focus)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:0 1px 4px #00000040, 0 0 0 .5px #0000001f, 0 0 0 5px var(--focus)}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider::-moz-range-track{background:linear-gradient(to right, var(--text) 0 var(--p), var(--surface-4) var(--p) 100%);border-radius:4px;height:4px}.slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000040}.segmented{background:var(--surface-2);border-radius:12px;padding:3px;display:flex;position:relative}.segmented button{height:28px;color:var(--text-3);white-space:nowrap;transition:color .2s var(--ease);border-radius:9px;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:flex;position:relative}.segmented button span{z-index:1;align-items:center;gap:5px;display:inline-flex;position:relative}.segmented button:hover{color:var(--text-2)}.segmented button.active{color:var(--text)}.segmented button:disabled{opacity:.35;pointer-events:none}.seg-indicator{background:var(--seg-indicator);box-shadow:var(--seg-shadow);border-radius:9px;position:absolute;inset:0}.switch{background:var(--surface-4);width:34px;height:20px;transition:background .25s var(--ease);border-radius:99px;flex:none;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform .3s var(--ease), background .25s;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--inverse)}.switch.on:after{background:var(--on-inverse);transform:translate(14px)}.switch:disabled{opacity:.4}.swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:30%;position:relative;box-shadow:inset 0 0 0 .5px #0000001f}.swatch:hover{transform:translateY(-1px)scale(1.05)}.swatch.active{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--text)}.swatch.custom{background:conic-gradient(from 90deg,#ff5a5f,#f5b84b,#3ddc97,#38bdf8,#6a3dff,#c084fc,#ff5a5f);place-items:center;display:grid;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.swatch.none{background:var(--surface-2);color:var(--text-3);place-items:center;display:grid}.swatch.none svg{width:14px;height:14px}.looks{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.look{color:var(--text-2);text-align:center;gap:7px;font-size:12px;font-weight:500;display:grid}.look-thumb{aspect-ratio:16/10;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000001f}.look:hover .look-thumb{transform:translateY(-2px);box-shadow:0 10px 24px -10px #0000004d,inset 0 0 0 .5px #0000001f}.look.active .look-thumb{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--text)}.look.active{color:var(--text);font-weight:600}.look-thumb i{background:linear-gradient(#fff,#eef0f4);position:absolute}.option-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option-grid.cols-2{grid-template-columns:repeat(2,1fr)}.option-grid.cols-4{grid-template-columns:repeat(4,1fr)}.option{background:var(--surface-2);min-height:64px;color:var(--text-2);transition:background .2s var(--ease), box-shadow .2s var(--ease), color .2s, transform .2s var(--ease);border-radius:14px;align-content:center;justify-items:center;gap:7px;padding:10px 6px;font-size:12px;font-weight:500;display:grid}.option:hover{background:var(--surface-3);color:var(--text)}.option:active{transform:scale(.97)}.option.active{background:var(--surface-1);box-shadow:inset 0 0 0 1.5px var(--text);color:var(--text);font-weight:600}.option:disabled{opacity:.35;pointer-events:none}.option svg{width:18px;height:18px}.option.compact{border-radius:999px;min-height:36px;padding:6px}.aspect-icon{opacity:.85;border:1.5px solid;border-radius:3px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);height:30px;color:var(--text-2);transition:all .2s var(--ease);border-radius:99px;padding:0 12px;font-size:12px;font-weight:600}.chip:hover{color:var(--text);background:var(--surface-3)}.chip.active{background:var(--inverse);color:var(--on-inverse)}.text-styles{grid-template-columns:repeat(2,1fr);gap:10px 8px;display:grid}.text-style{color:var(--text-2);text-align:left;gap:7px;font-size:12px;font-weight:500;display:grid}.text-style canvas{aspect-ratio:16/9;width:100%;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:12px;box-shadow:inset 0 0 0 .5px #0000001f}.text-style:hover canvas{transform:translateY(-2px);box-shadow:0 10px 24px -10px #00000059}.text-style.active{color:var(--text);font-weight:600}.text-style.active canvas{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--text)}.textarea{resize:vertical;background:var(--surface-2);-webkit-user-select:text;user-select:text;border:0;border-radius:14px;width:100%;min-height:74px;padding:10px 12px;line-height:1.5;transition:box-shadow .2s,background .2s}.textarea:focus{background:var(--surface-1);box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 4px var(--focus);outline:none}.position-grid{background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;width:96px;padding:6px;display:grid}.position-grid button{aspect-ratio:1.6;background:var(--surface-4);border-radius:4px;transition:background .2s}.position-grid button:hover{background:var(--line-3)}.position-grid button.active{background:var(--text)}.focus-picker{aspect-ratio:16/9;background:var(--surface-3) center / cover no-repeat;cursor:crosshair;border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000001f}.focus-rect{cursor:grab;transition:width .25s var(--ease), height .25s var(--ease);border-radius:8px;position:absolute;box-shadow:0 0 0 9999px #0a0a0c73,inset 0 0 0 2px #fff}.focus-rect:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin:-4px;position:absolute;top:50%;left:50%}.focus-follow{color:#fff;background:#0a0a0c73;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.list{gap:6px;display:grid}.list-item{background:var(--surface-2);color:var(--text-2);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.list-item:hover{background:var(--surface-3);color:var(--text)}.list-item .dot{border-radius:50%;flex:none;width:8px;height:8px}.list-item .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.list-item .meta{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px}.transition-card{position:relative;overflow:hidden}.transition-preview{background:linear-gradient(135deg,#6a3dff,#8ea0ff);border-radius:7px;width:44px;height:26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000001f}.transition-preview i{opacity:0;background:#000;position:absolute;inset:0}.option:hover .transition-preview[data-t=fade]{animation:tp-fade 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=dip] i{animation:tp-dip 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=blur]{animation:tp-blur 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=zoom]{animation:tp-zoom 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=crossZoom]{animation:tp-crosszoom 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=slide]{animation:tp-slide 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=push]{animation:tp-push 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=whip]{animation:tp-whip 1s var(--ease) infinite}.option:hover .transition-preview[data-t=flip]{animation:tp-flip 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=spin]{animation:tp-spin 1.2s var(--ease) infinite}.option:hover .transition-preview[data-t=iris]{animation:tp-iris 1.2s var(--ease) infinite}@keyframes tp-fade{50%{opacity:0}}@keyframes tp-dip{50%{opacity:1}}@keyframes tp-blur{50%{filter:blur(5px);opacity:.4}}@keyframes tp-zoom{45%{opacity:0;transform:scale(1.35)}55%{opacity:0;transform:scale(.8)}}@keyframes tp-crosszoom{45%{filter:blur(4px);opacity:0;transform:scale(1.7)}55%{filter:blur(4px);opacity:0;transform:scale(1.4)}}@keyframes tp-slide{45%{opacity:0;transform:translate(-60%)}55%{opacity:0;transform:translate(60%)}}@keyframes tp-push{45%{opacity:0;transform:translateY(-80%)}55%{opacity:0;transform:translateY(80%)}}@keyframes tp-whip{45%{filter:blur(4px);transform:translate(-120%)}55%{filter:blur(4px);transform:translate(120%)}}@keyframes tp-flip{50%{transform:scaleX(.02)}}@keyframes tp-spin{45%{opacity:0;transform:rotate(-25deg)scale(.5)}55%{opacity:0;transform:rotate(25deg)scale(.5)}}@keyframes tp-iris{50%{clip-path:circle(0%)}0%,to{clip-path:circle(75%)}}.halo-icon{background:radial-gradient(circle,#ffd60a8c,#ffd60a00 70%);border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.timeline{border-top:1px solid var(--line);background:var(--surface-1);grid-template-rows:48px auto;display:grid}.tl-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:0 12px;display:flex}.tl-toolbar .sep{background:var(--line-2);width:1px;height:16px;margin:0 6px}.tl-toolbar .spacer{flex:1}.tl-zoom{width:170px;color:var(--text-3);align-items:center;gap:8px;display:flex}.tl-zoom svg{flex:none;width:14px;height:14px}.tl-body{grid-template-columns:44px minmax(0,1fr);display:grid}.tl-gutter{border-right:1px solid var(--line);color:var(--text-3);grid-template-rows:26px 64px 36px 36px 36px;padding-bottom:12px;display:grid}.tl-gutter div{place-items:center;display:grid}.tl-gutter svg{width:14px;height:14px}.tl-scroll{scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent;overflow:auto hidden}.tl-content{padding:0 0 12px;position:relative}.tl-ruler{cursor:ew-resize;height:26px;position:relative}.tl-tick{background:var(--line-2);width:1px;position:absolute;bottom:0}.tl-tick.major{background:var(--line-3);height:8px}.tl-tick.minor{height:4px}.tl-tick span{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;font-weight:500;position:absolute;bottom:10px;left:0;transform:translate(-50%)}.tl-track{margin-top:6px;position:relative}.tl-track.clips{height:58px}.tl-track.zooms,.tl-track.texts,.tl-track.images,.tl-track.effects{background:var(--surface-2);border-radius:10px;height:30px}.tl-clip{background:var(--surface-3);cursor:pointer;transition:box-shadow .2s var(--ease), filter .2s;border-radius:12px;position:absolute;top:0;bottom:0;overflow:hidden;box-shadow:inset 0 0 0 .5px #0000001f}.tl-clip:hover{filter:brightness(1.04)}.tl-clip.selected{box-shadow:inset 0 0 0 2px var(--text), 0 6px 16px -8px #0006}.tl-strip{pointer-events:none;display:flex;position:absolute;inset:0}.tl-strip img{object-fit:cover;flex:none;height:100%}.tl-clip .wave{pointer-events:none;height:20px;position:absolute;bottom:0;left:0;right:0}.tl-clip .badge{pointer-events:none;gap:4px;display:flex;position:absolute;top:6px;left:8px}.tl-clip .badge span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-variant-numeric:tabular-nums;background:#141414bf;border-radius:99px;padding:2px 7px;font-size:10.5px;font-weight:600}.tl-handle{cursor:ew-resize;z-index:2;width:10px;position:absolute;top:0;bottom:0}.tl-handle.l{left:0}.tl-handle.r{right:0}.tl-handle:after{content:"";opacity:0;background:currentColor;border-radius:3px;width:3px;height:40%;max-height:22px;transition:opacity .2s;position:absolute;top:50%;transform:translateY(-50%)}.tl-clip .tl-handle{color:#fff}.tl-handle.l:after{left:3px}.tl-handle.r:after{right:3px}.tl-clip:hover .tl-handle:after,.tl-seg:hover .tl-handle:after,.tl-seg.selected .tl-handle:after,.tl-clip.selected .tl-handle:after{opacity:.9}.tl-transition{z-index:3;background:var(--surface-1);width:24px;height:24px;color:var(--text-2);transition:transform .2s var(--ease), background .2s;border-radius:50%;place-items:center;margin:-12px 0 0 -12px;display:grid;position:absolute;top:50%;box-shadow:0 2px 8px #0003,0 0 0 .5px #0000001f}.tl-transition:hover{color:var(--text);transform:scale(1.12)}.tl-transition.on{background:var(--accent);color:#fff}.tl-transition svg{width:12px;height:12px}.tl-seg{white-space:nowrap;cursor:grab;transition:box-shadow .2s var(--ease), filter .2s;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;font-weight:600;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.tl-seg:active{cursor:grabbing}.tl-seg svg{flex:none;width:12px;height:12px}.tl-seg .label{text-overflow:ellipsis;overflow:hidden}.tl-seg.zoom{background:var(--zoom-bg);box-shadow:inset 0 0 0 1px var(--zoom-line);color:var(--zoom-ink)}.tl-seg.text{background:var(--textseg-bg);box-shadow:inset 0 0 0 1px var(--textseg-line);color:var(--textseg-ink)}.tl-seg.image{background:var(--imageseg-bg);box-shadow:inset 0 0 0 1px var(--imageseg-line);color:var(--imageseg-ink)}.tl-seg.effect{background:var(--fxseg-bg);box-shadow:inset 0 0 0 1px var(--fxseg-line);color:var(--fxseg-ink)}.tl-img{background:50%/cover no-repeat;border-radius:5px;flex:none;width:22px;height:18px;box-shadow:0 0 0 1px #0000001f}.tl-seg:hover{filter:saturate(1.3)}.tl-seg.selected{box-shadow:inset 0 0 0 2px var(--text)}.tl-ghost{border:1px dashed var(--line-3);color:var(--text-3);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex;position:absolute;top:3px;bottom:3px}.tl-ghost svg{width:12px;height:12px}.tl-playhead{z-index:10;pointer-events:none;width:0;position:absolute;top:0;bottom:6px}.tl-playhead:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:18px;bottom:0;left:-1px}.tl-playhead i{background:var(--accent);pointer-events:auto;cursor:ew-resize;border-radius:5px 5px 7px 7px;width:14px;height:16px;position:absolute;top:4px;left:-7px;box-shadow:0 2px 8px #6a3dff73}.backdrop{z-index:50;background:var(--backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;display:grid;position:fixed;inset:0}.modal{border-radius:var(--r-xl);background:var(--surface-1);width:min(460px,100% - 32px);box-shadow:var(--shadow-pop);overflow:hidden}.modal-head{justify-content:space-between;align-items:center;padding:20px 20px 6px 24px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:650}.modal-body{padding:12px 24px 22px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.export-summary{background:var(--surface-2);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:14px;justify-content:space-between;align-items:center;margin-top:6px;padding:12px 14px;font-size:12px;display:flex}.export-summary b{color:var(--text);font-weight:600}.progress{background:var(--surface-3);border-radius:99px;height:8px;overflow:hidden}.progress div{background:var(--accent);border-radius:99px;height:100%;transition:width .2s linear}.export-state{text-align:center;justify-items:center;gap:10px;padding:18px 0 6px;display:grid}.export-state .big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:650}.export-state .done-icon{background:color-mix(in srgb, var(--success) 14%, transparent);width:52px;height:52px;color:var(--success);border-radius:50%;place-items:center;display:grid}.export-state .done-icon svg{width:26px;height:26px}.toasts{z-index:60;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:260px;left:50%;transform:translate(-50%)}.toast{background:var(--inverse);color:var(--on-inverse);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:flex;box-shadow:0 12px 32px #0003}.toast svg{width:15px;height:15px}.rec-pill{z-index:70;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#121214;border-radius:99px;align-items:center;gap:10px;height:52px;padding:0 8px 0 18px;font-weight:600;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000059,0 0 0 .5px #ffffff1f}.rec-time{min-width:44px;font-size:15px;font-weight:650}.rec-mic{color:#fff9;align-items:center;gap:6px;display:flex}.rec-sep{background:#ffffff24;width:1px;height:22px;margin:0 2px}.rec-btn{color:#ffffffd9;min-width:36px;height:36px;transition:background .2s, color .2s, transform .2s var(--ease);border-radius:99px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.rec-btn:hover{color:#fff;background:#ffffff1f}.rec-btn:active{transform:scale(.94)}.rec-btn svg{width:15px;height:15px}.rec-btn.stop{color:#fff;background:#ff3b30;padding:0 14px;font-weight:650}.rec-btn.stop:hover{background:#ff5147}.rec-btn.stop svg{width:11px;height:11px}.rec-dot{background:#ff3b30;border-radius:50%;flex:none;width:10px;height:10px;animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff3b3040}.rec-dot.paused{background:#f5b84b;animation:none;box-shadow:0 0 0 4px #f5b84b40}.rec-dot.small{width:8px;height:8px;box-shadow:none}@keyframes pulse{50%{opacity:.4}}.spinner.light{border-color:#fff #fff3 #fff3}.recbar-window,.recbar-window body,.recbar-window #root{background:0 0!important}.recbar{-webkit-app-region:drag;place-items:center;height:100vh;display:grid}.recbar .rec-pill.floating{position:static;transform:none}.recbar button{-webkit-app-region:no-drag}.countdown{z-index:90;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#08080ab8;align-content:center;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.countdown-n{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:180px;font-weight:650;line-height:1}.countdown p{color:#ffffffb3;margin:0;font-size:15px}.recorder{width:min(920px,100% - 32px)}.recorder-body{grid-template-columns:minmax(0,1fr) 290px;gap:22px;padding:10px 24px 20px;display:grid}.recorder-source-head{margin-bottom:12px}.recorder-source .picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-height:46vh}.recorder-settings{border-left:1px solid var(--line);padding-left:22px}.recorder-label{align-items:center;gap:7px;display:inline-flex}.recorder-foot{align-items:center}.system-meter{gap:6px;margin:-2px 0 12px;display:grid}.system-meter .hint{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recorder-keys{margin:4px 0 0;line-height:1.7}.recorder-keys kbd{background:var(--surface-2);border-radius:6px;padding:1px 6px;font:600 11px Geist Mono Variable,ui-monospace,monospace}.recorder-note{align-items:center;gap:6px;margin-right:auto;display:inline-flex}.select{background:var(--surface-2);width:100%;height:38px;color:var(--text);cursor:pointer;border:0;border-radius:12px;outline:none;padding:0 12px;font-weight:500}.select:focus-visible{box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 4px var(--focus)}.level-meter{align-items:flex-end;gap:3px;height:14px;display:flex}.level-meter i{background:var(--surface-4);border-radius:2px;flex:1;min-width:3px;height:100%;transition:background 80ms}.rec-pill .level-meter{width:46px;height:12px}.rec-pill .level-meter i{background:#ffffff2e}.level-meter i.on{background:#12b76a}.level-meter i.hot{background:#f5b84b}@media (width<=820px){.recorder-body{grid-template-columns:1fr}.recorder-settings{border-left:0;padding-left:0}}.drop-overlay{z-index:80;background:color-mix(in srgb, var(--surface-1) 75%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay div{border:1.5px dashed var(--accent);background:var(--accent-soft);color:var(--text);letter-spacing:-.02em;border-radius:28px;justify-items:center;gap:10px;padding:36px 48px;font-size:17px;font-weight:650;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.color-row{color:var(--text-2);gap:7px;margin-bottom:14px;font-weight:500;display:grid}.color-swatches{grid-template-columns:repeat(9,1fr);gap:5px;display:grid}.color-swatches .swatch{border-radius:50%}.color-swatches .swatch.none svg{width:12px;height:12px}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.no-tips [data-tip]:hover:after{display:none}.image-drop{border:1.5px dashed var(--line-3);width:100%;color:var(--text-2);text-align:center;border-radius:16px;justify-items:center;gap:6px;padding:26px 16px;transition:border-color .2s,background .2s,color .2s;display:grid}.image-drop:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.image-drop svg{width:26px;height:26px;color:var(--accent)}.image-drop b{color:var(--text);font-size:14px;font-weight:600}.image-drop span{color:var(--text-3);font-size:12px}.image-card{align-items:center;gap:12px;display:flex}.image-card>div{flex:1;gap:2px;min-width:0;display:grid}.image-card b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.image-card span:not(.image-thumb){color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.image-thumb{background:var(--surface-2) center / contain no-repeat;width:54px;height:40px;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:9px;flex:none}.spot-grid{background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;width:132px;padding:4px;display:grid}.spot-grid button{border-radius:8px;place-items:center;height:26px;transition:background .2s;display:grid}.spot-grid button i{background:var(--text-3);width:6px;height:6px;transition:transform .2s var(--ease), background .2s;border-radius:50%}.spot-grid button:hover{background:var(--surface-1)}.spot-grid button.active{background:var(--surface-1);box-shadow:var(--seg-shadow)}.spot-grid button.active i{background:var(--accent);transform:scale(1.5)}.music-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.music-icon svg{width:18px;height:18px}.preset-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.preset{background:var(--surface-2);text-align:center;border-radius:12px;align-content:start;justify-items:center;gap:4px;padding:10px 4px 8px;transition:background .2s,box-shadow .2s;display:grid}.preset:hover{background:var(--surface-3)}.preset.active{background:var(--surface-1);box-shadow:0 0 0 1.5px var(--accent), 0 0 0 4px var(--accent-soft)}.preset-shape{border:1.5px solid var(--text-3);border-radius:4px;max-width:48px;height:28px;margin-bottom:2px}.preset.active .preset-shape{border-color:var(--accent);background:var(--accent-soft)}.preset b{font-size:11px;font-weight:600;line-height:1.2}.preset em{color:var(--text-3);font-size:10.5px;font-style:normal}.effect-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.effect-card{background:var(--surface-2);text-align:left;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s var(--ease), box-shadow .2s var(--ease);border-radius:12px;justify-items:start;gap:2px;padding:12px;display:grid}.effect-card:hover{background:var(--surface-3,var(--surface-2))}.effect-card.active{box-shadow:inset 0 0 0 2px var(--accent)}.effect-card svg{width:18px;height:18px;color:var(--accent);margin-bottom:6px}.effect-card b{font-size:13px;font-weight:600}.effect-card span{color:var(--text-3);font-size:11.5px}.fx-outline{cursor:move;border-radius:8px;box-shadow:0 0 0 1.5px #0ea5e9,0 0 0 4px #0ea5e933}.fx-outline .handle{box-shadow:0 0 0 1.5px #0ea5e9,0 2px 6px #0000004d}.btn .spin{animation:.9s linear infinite spin}.tl-grip{z-index:3;color:#fff;cursor:grab;opacity:0;background:#0000008c;border-radius:6px;place-items:center;width:20px;height:22px;transition:opacity .15s;display:grid;position:absolute;top:4px;left:4px}.tl-grip svg{width:14px;height:14px}.tl-clip:hover .tl-grip,.tl-clip.selected .tl-grip,.tl-clip.dragging .tl-grip{opacity:1}.tl-clip.dragging{opacity:.55}.tl-drop{z-index:5;background:var(--accent);pointer-events:none;border-radius:3px;width:3px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 3px #6a3dff40}.tl-clip .tl-src{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#141414bf;border-radius:99px;max-width:45%;padding:2px 7px;font-size:10.5px;font-weight:600;position:absolute;top:6px;right:8px;overflow:hidden}.landing{background:var(--surface-1);scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent;height:100%;overflow:hidden auto}.lp-nav{z-index:20;transition:background .3s var(--ease), box-shadow .3s var(--ease);position:sticky;top:0}.lp-nav.scrolled{background:color-mix(in srgb, var(--surface-1) 96%, transparent);box-shadow:0 1px 0 var(--line)}.lp-progress{background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.lp-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;padding:14px 24px;display:flex}.landing .brand{color:var(--text)}.lp-links{gap:2px;display:flex}.lp-links button{color:var(--text-2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.lp-links button:hover{color:var(--text)}.lp-links button span{z-index:1;position:relative}.lp-link-hover{background:var(--surface-2);border-radius:999px;position:absolute;inset:0}.lp-nav-actions{align-items:center;gap:8px;display:flex}.btn.shine{position:relative;overflow:hidden}.btn.shine:after{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--on-inverse) 35%, transparent) 50%, transparent 70%);animation:shine 4.2s var(--ease) 1.8s infinite;pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{0%{transform:translate(-120%)}35%,to{transform:translate(120%)}}.lp-link{height:44px;color:var(--text);align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.lp-link svg{width:16px;height:16px;transition:transform .35s var(--ease)}.lp-link:hover svg{transform:translate(4px)}.lp-link:disabled{opacity:.4}.hero{--px:0;--py:0;padding:clamp(48px,9vh,104px) 24px 56px;position:relative}.hero-inner{z-index:1;text-align:center;justify-items:center;max-width:1000px;margin:0 auto;display:grid;position:relative}.hero-badge{background:var(--surface-2);color:var(--text-2);border-radius:999px;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-size:13px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.hero-badge:after{content:"";background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--surface-1) 80%, transparent) 50%, transparent 65%);animation:shine 5s var(--ease) 2.4s infinite;position:absolute;inset:0;transform:translate(-100%)}.hero-badge-new{background:var(--inverse);color:var(--on-inverse);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:650}.hero-badge svg{width:14px;height:14px}.hero-title{letter-spacing:-.05em;flex-direction:column;align-items:center;margin:24px 0 0;font-size:clamp(44px,7vw,86px);font-weight:650;line-height:1.02;display:flex}.hero-line{white-space:nowrap;display:block}.hero-accent{background:linear-gradient(100deg,#6a3dff 10%,#b04dff 55%,#ff5a36 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em}.hero-tile{vertical-align:-.06em;cursor:pointer;border-radius:30%;width:.86em;height:.86em;margin:0 .16em;display:inline-block;position:relative;box-shadow:0 14px 40px #00000029}.hero-tile-layer{color:#fff;border-radius:30%;place-items:center;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0000001f,inset 0 1px #ffffff40}.hero-tile-layer svg{stroke-width:2.4px;width:46%;height:46%}.hero-lead{max-width:560px;color:var(--text-2);letter-spacing:-.012em;margin:26px 0 34px;font-size:18px;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hero-formats{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:12.5px;display:flex}.hero-formats span{margin-right:4px}.hero-formats i{background:var(--surface-2);color:var(--text-2);border-radius:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:650}.hero-cloud{pointer-events:none;position:absolute;inset:0}.cloud-pos{transform:translate(calc(var(--px) * var(--depth) * -1px), calc(var(--py) * var(--depth) * -1px));transition:transform .9s var(--ease-out);position:absolute}.cloud-tile{color:#fff;border-radius:30%;place-items:center;animation:6s ease-in-out infinite alternate cloud-float;display:grid;box-shadow:0 16px 44px #0000002e,inset 0 0 0 .5px #0000001f,inset 0 1px #ffffff40}.cloud-tile svg{stroke-width:2.2px;width:44%;height:44%}@keyframes cloud-float{0%{translate:0 -7px}to{translate:0 9px}}.showcase-section{padding:24px 24px 40px;position:relative}.showcase-glow{opacity:.35;pointer-events:none;background:radial-gradient(closest-side at 30%,#6a3dff8c,#0000),radial-gradient(closest-side at 70%,#ff5a3666,#0000);width:min(900px,80%);height:60%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.showcase-stage{z-index:1;perspective:1800px;max-width:1100px;margin:0 auto;position:relative}.app-window{transform-origin:50% 0;background:var(--surface-1);will-change:transform;border-radius:20px;overflow:hidden;box-shadow:0 50px 120px -30px #0006,0 0 0 .5px #00000024}.app-window-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:42px;padding:0 14px;display:flex}.app-window-bar .dots{gap:7px;display:flex}.app-window-bar .dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.app-window-bar .dots i:nth-child(2){background:#febc2e}.app-window-bar .dots i:nth-child(3){background:#28c840}.app-window-bar .title{text-align:center;color:var(--text-3);flex:1;font-size:12.5px;font-weight:500}.app-window-bar .pill{background:var(--inverse);color:var(--on-inverse);border-radius:999px;padding:4px 12px;font-size:11.5px;font-weight:650}.app-window-body canvas{aspect-ratio:16/9;width:100%;display:block}.mini-timeline{border-top:1px solid var(--line);align-items:center;gap:14px;padding:12px 16px 14px;display:flex}.mini-time{width:62px;color:var(--text);font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.mini-tracks{flex:1;gap:5px;display:grid;position:relative}.mini-track{background:var(--surface-2);border-radius:4px;height:10px;position:relative}.mini-track.clip{background:repeating-linear-gradient(90deg, var(--surface-3) 0 44px, var(--surface-4) 44px 46px);border-radius:7px;height:22px}.mini-track i{border-radius:4px;position:absolute;top:0;bottom:0}.mini-track i.z{background:var(--zoom-bg);box-shadow:inset 0 0 0 1px var(--zoom-line)}.mini-track i.x{background:var(--textseg-bg);box-shadow:inset 0 0 0 1px var(--textseg-line)}.mini-head{background:var(--accent);border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-5px;bottom:-5px}.mini-head:before{content:"";background:var(--accent);border-radius:3px;width:10px;height:10px;position:absolute;top:-5px;left:-4px}.float-chip{z-index:3;position:absolute}.chip-a{top:-26px;left:6%}.chip-b{top:30%;right:-9%}.chip-c{bottom:30%;left:-9%}.chip-d{bottom:-26px;right:8%}.float-chip-inner{background:color-mix(in srgb, var(--surface-1) 86%, transparent);box-shadow:var(--shadow-card);border-radius:18px;align-items:center;gap:10px;padding:9px 16px 9px 9px;animation:5s ease-in-out infinite alternate chip-float;display:flex}.float-chip-inner .ico{color:#fff;border-radius:30%;place-items:center;width:34px;height:34px;display:grid}.float-chip-inner .ico svg{width:16px;height:16px}.float-chip-inner b{letter-spacing:-.015em;font-size:13px;font-weight:650;display:block}.float-chip-inner small{color:var(--text-3);font-size:11.5px;font-weight:500;display:block}@keyframes chip-float{0%{translate:0 -6px}to{translate:0 6px}}.lp-marquee{padding:56px 0 8px}.lp-marquee-title{text-align:center;color:var(--text-3);margin:0 0 18px;font-size:13px;font-weight:500}.marquee{padding:5px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{width:max-content;animation:60s linear infinite marquee;display:flex}.marquee.reverse .marquee-track{animation-duration:70s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{gap:10px;padding-right:10px;display:flex}.marquee-pill{background:var(--surface-2);height:44px;color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:550;display:inline-flex}.marquee-pill svg{width:16px;height:16px;color:var(--text-2)}@keyframes marquee{to{transform:translate(-50%)}}.lp-section{max-width:1180px;margin:0 auto;padding:120px 24px 20px}.lp-head{text-align:center;margin-bottom:52px}.lp-eyebrow{background:var(--surface-2);color:var(--text-2);border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:12.5px;font-weight:650;display:inline-block}.lp-head h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4.8vw,58px);font-weight:650;line-height:1.04}.lp-head p{max-width:580px;color:var(--text-2);margin:20px auto 0;font-size:17px;line-height:1.5}.compare{box-shadow:var(--shadow-card);cursor:ew-resize;touch-action:none;border-radius:24px;position:relative;overflow:hidden}.compare canvas{aspect-ratio:16/9;width:100%;display:block}.compare-label{color:#fff;pointer-events:none;background:#141414b3;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:650;position:absolute;top:18px}.compare-label.left{left:18px}.compare-label.right{right:18px}.compare-handle{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 24px #00000059}.compare-handle span{color:#141414;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000004d}.compare-handle svg{width:20px;height:20px}.bento{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.bento-card{background:var(--surface-2);transition:transform .4s var(--ease);border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden}.bento-card:before{content:"";background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 9%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.bento-card:hover{transform:translateY(-3px)}.bento-card:hover:before{opacity:1}.bento-card.wide{grid-column:span 2}.bento-viz{place-items:center;height:260px;display:grid;position:relative;overflow:hidden}.bento-copy{gap:8px;padding:22px 26px 28px;display:grid;position:relative}.bento-copy b{letter-spacing:-.025em;font-size:17px;font-weight:650}.bento-copy span{color:var(--text-2);font-size:14px;line-height:1.5}.vz-window{aspect-ratio:16/9.4;background:var(--surface-1);width:76%;box-shadow:var(--shadow-card);border-radius:14px;position:relative;overflow:hidden}.vz-cam{transform-origin:81% 13%;animation:6s cubic-bezier(.65,0,.35,1) infinite vz-cam;position:absolute;inset:0}.vz-ui i{background:var(--surface-3);border-radius:4px;position:absolute}.vz-ui .vz-side{background:var(--surface-2);border-radius:0;width:17%;top:0;bottom:0;left:0}.vz-ui .vz-head{width:30%;height:6%;top:8%;left:23%}.vz-ui .vz-btn{background:var(--accent);border-radius:6px;width:18%;height:10%;top:7%;left:73%}.vz-ui .vz-card{width:21%;height:18%;top:24%}.vz-ui .c1{left:23%}.vz-ui .c2{left:47%}.vz-ui .c3{left:71%}.vz-ui .vz-chart{background:linear-gradient(to top, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--surface-2);width:68%;height:42%;top:48%;left:23%}.vz-cursor{fill:#111;stroke:#fff;stroke-width:1.4px;filter:drop-shadow(0 1px 2px #0000004d);width:13px;animation:6s cubic-bezier(.65,0,.35,1) infinite vz-cursor;position:absolute}.vz-ripple{border:2px solid var(--accent);opacity:0;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:6s ease-out infinite vz-ripple;position:absolute;top:12%;left:82%}.vz-badge{background:var(--inverse);color:var(--on-inverse);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:650;animation:6s infinite vz-badge;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes vz-cam{0%,30%{transform:scale(1)}44%,74%{transform:scale(1.9)}88%,to{transform:scale(1)}}@keyframes vz-cursor{0%{top:78%;left:38%}26%,86%{top:11%;left:81%}to{top:78%;left:38%}}@keyframes vz-ripple{0%,27%{opacity:0;transform:scale(.3)}29%{opacity:1}40%,to{opacity:0;transform:scale(2.2)}}@keyframes vz-badge{0%,36%{opacity:0;translate:0 6px}44%,74%{opacity:1;translate:0}82%,to{opacity:0;translate:0 6px}}.cz{width:90%;overflow:visible}.cz-raw{fill:none;stroke:var(--text-3);stroke-width:1.4px;stroke-dasharray:3 4;opacity:.7}.cz-smooth{fill:none;stroke:var(--accent);stroke-width:2.6px;stroke-linecap:round}.cz-ghost path{fill:var(--text-3);opacity:.45}.cz-cursor path{fill:var(--text);stroke:var(--surface-1);stroke-width:1.2px}.cz-label{fill:var(--text-3);font-size:10px;font-weight:600}.cz-label.strong{fill:var(--accent)}.bg-viz{border-radius:20px;position:absolute;inset:16px 16px 0;overflow:hidden}.bg-viz-layer{position:absolute;inset:0}.bg-viz-window{background:#fff;border-radius:10px;position:absolute;inset:18% 17% 26%;box-shadow:0 16px 34px #00000047}.bg-viz-window i{background:#e8eaf0;border-radius:3px;height:9%;position:absolute;left:10%}.bg-viz-window i:first-child{width:40%;top:14%}.bg-viz-window i:nth-child(2){background:#f1f3f7;width:78%;height:26%;top:34%}.bg-viz-window i:nth-child(3){width:56%;top:68%}.bg-viz-dots{gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.bg-viz-dots span{width:14px;height:14px;transition:transform .3s var(--ease), box-shadow .3s;border-radius:30%;box-shadow:inset 0 0 0 .5px #00000026}.bg-viz-dots span.on{transform:scale(1.2);box-shadow:0 0 0 2px #fff}.tx-viz{color:#fff;border-radius:20px;place-items:center;display:grid;position:absolute;inset:16px 16px 0;overflow:hidden}.tx-title{letter-spacing:-.045em;gap:.24em;font-size:58px;font-weight:700;display:flex}.tx-mask{padding-bottom:.06em;display:inline-block;overflow:hidden}.tx-mask>span{display:inline-block}.tx-keys{gap:10px;display:flex}.tx-keys kbd{color:#1f2937;min-width:60px;height:60px;font:600 26px var(--font);background:linear-gradient(#fff,#ececf1);border-radius:14px;padding:0 14px;box-shadow:0 4px #c6c6d0,0 16px 32px #00000059}.tx-cap{letter-spacing:-.015em;text-shadow:0 2px 14px #00000073;flex-wrap:wrap;justify-content:center;gap:.28em;max-width:80%;font-size:24px;font-weight:650;display:flex}.tx-tag{color:#ffffffd9;background:#00000052;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;position:absolute;bottom:12px;left:14px}.tr-viz{grid-template-rows:1fr auto;gap:8px;padding:22px 18px 12px;display:grid;position:absolute;inset:0}.tr-stage{perspective:700px;position:relative}.tr-card{border-radius:14px;position:absolute;inset:4% 12%;box-shadow:0 16px 34px #00000038}.tr-card.a{background:linear-gradient(135deg,#6a3dff,#8ea0ff)}.tr-card.b{background:linear-gradient(135deg,#ff5a36,#ffb199)}.tr-card i{background:#fffc;border-radius:4px;height:10%;position:absolute;left:10%}.tr-card i:first-child{width:44%;top:16%}.tr-card i:nth-child(2){opacity:.6;width:70%;top:36%}.tr-names{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.tr-names span{color:var(--text-3);padding:4px 9px;font-size:11.5px;font-weight:650;position:relative}.tr-names span.on{color:var(--on-inverse)}.tr-names i{background:var(--inverse);border-radius:999px;position:absolute;inset:0}.tr-names em{font-style:normal;position:relative}.ex-viz{grid-template-rows:136px auto;align-content:center;justify-items:center;gap:16px;display:grid}.ex-viz svg{grid-area:1/1;width:136px;height:136px;transform:rotate(-90deg)}.ex-track{fill:none;stroke:var(--surface-4);stroke-width:8px}.ex-bar{fill:none;stroke:var(--accent);stroke-width:8px;stroke-linecap:round}.ex-center{grid-area:1/1;place-items:center;display:grid}.ex-center b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:650}.ex-ok{background:var(--success);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.ex-ok svg{width:24px;height:24px;transform:none}.ex-meta{gap:6px;display:flex}.ex-meta span{background:var(--surface-1);color:var(--text-2);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:650}.keys-viz{flex-wrap:wrap;justify-content:center;gap:12px 10px;padding:0 18px;display:flex}.kv{justify-items:center;gap:8px;display:grid}.kv kbd{background:var(--surface-1);min-width:50px;height:50px;color:var(--text);font:650 16px var(--font);box-shadow:0 3px 0 var(--surface-4), 0 0 0 .5px var(--line-3);animation:key-press 4.5s var(--ease) infinite;animation-delay:inherit;border-radius:13px;padding:0 12px}.kv kbd.wide{min-width:100px}.kv span{color:var(--text-3);animation:key-label 4.5s var(--ease) infinite;animation-delay:inherit;font-size:11.5px;font-weight:650}@keyframes key-press{0%,16%,to{background:var(--surface-1);color:var(--text);box-shadow:0 3px 0 var(--surface-4), 0 0 0 .5px var(--line-3);transform:none}4%,11%{background:var(--inverse);color:var(--on-inverse);box-shadow:0 0 0 var(--surface-4), 0 0 0 .5px var(--line-3);transform:translateY(3px)}}@keyframes key-label{0%,16%,to{color:var(--text-3)}4%,11%{color:var(--text)}}.steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:relative}.steps-line{width:72%;height:4px;position:absolute;top:56px;left:14%;right:14%;overflow:visible}.steps-line line{stroke:var(--line-3);stroke-width:2px;stroke-dasharray:1}.step{background:var(--surface-2);border-radius:28px;gap:8px;height:100%;padding:28px;display:grid;position:relative}.step-ico{background:var(--inverse);width:54px;height:54px;color:var(--on-inverse);border-radius:30%;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 12px 28px -10px #00000073}.step-ico svg{width:22px;height:22px}.step-n{color:var(--surface-4);letter-spacing:-.05em;font-size:44px;font-weight:700;position:absolute;top:22px;right:26px}.step b{letter-spacing:-.025em;font-size:18px;font-weight:650}.step>span:last-child{color:var(--text-2);font-size:14.5px;line-height:1.5}@property --plan-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pricing{grid-template-columns:repeat(3,minmax(0,380px));justify-content:center;gap:20px;display:grid}.pricing>*{height:100%}.plan{background:var(--surface-1);height:100%;box-shadow:var(--seg-shadow);isolation:isolate;transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:28px;flex-direction:column;padding:30px;display:flex;position:relative}.plan:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.plan-head b{letter-spacing:-.02em;align-items:center;gap:7px;font-size:19px;font-weight:650;display:inline-flex}.plan-head b svg{color:#8ea2ff;width:17px;height:17px}.plan-head span{color:var(--text-3);margin-top:4px;font-size:14px;display:block}.plan-price{align-items:center;gap:12px;margin:26px 0 24px;display:flex}.plan-price b{letter-spacing:-.055em;font-size:54px;font-weight:650;line-height:1}.plan-price span{color:var(--text-3);font-size:13px;line-height:1.4}.plan-plus{color:var(--text-3);letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px;font-size:12.5px;font-weight:600}.plan ul{gap:12px;margin:0 0 30px;padding:0;list-style:none;display:grid}.plan li{align-items:center;gap:11px;font-size:14.5px;font-weight:500;display:flex}.plan li span{background:var(--surface-2);width:22px;height:22px;color:var(--text);border-radius:50%;flex:none;place-items:center;display:grid}.plan li svg{stroke-width:3px;width:12px;height:12px}.plan>.btn{justify-content:center;margin-top:auto}.plan.pro{color:#fff;background:#0d0f1c;box-shadow:0 40px 90px -30px #4a1fe08c}.plan.pro:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--plan-angle), #ffffff14 0deg, #6d86ff 70deg, #ff7a59 120deg, #ffffff14 190deg, #ffffff14 360deg);-webkit-mask-composite:xor;padding:1px;animation:6s linear infinite plan-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes plan-spin{to{--plan-angle:360deg}}.plan-glow{z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.plan-glow:before{content:"";background:radial-gradient(closest-side,#8b5cff8c,#0000);width:90%;height:90%;animation:8s ease-in-out infinite alternate plan-float;position:absolute;inset:-40% -30% auto auto}@keyframes plan-float{to{transform:translate(-18%,14%)scale(1.15)}}.plan.pro .plan-head span,.plan.pro .plan-price span,.plan.pro .plan-plus{color:#ffffff8c}.plan.pro li span{color:#fff;background:linear-gradient(135deg,#8b5cff,#4a1fe0)}.plan.pro:hover{box-shadow:0 50px 110px -30px #4a1fe0b3}.btn.plan-buy{color:#0d0f1c;background:#fff;box-shadow:0 10px 30px -8px #ffffff59}.btn.plan-buy:hover{background:#fff;transform:translateY(-1px)}.btn.plan-buy svg{transition:transform .3s var(--ease)}.btn.plan-buy:hover svg{transform:translate(3px)}.plan-key{color:#ffffff8c;margin-top:12px;font-size:13px;font-weight:500;transition:color .2s}.plan-key:hover{color:#fff}.pricing-note{color:var(--text-3);text-align:center;justify-content:center;align-items:center;gap:8px;margin:26px 0 0;font-size:13px;display:flex}.pricing-note svg{flex:none;width:15px;height:15px}.cta{color:#fff;text-align:center;isolation:isolate;background:#0b1026;border-radius:36px;padding:104px 24px;position:relative;overflow:hidden}.cta-bg{z-index:-1;position:absolute;inset:-20%}.cta-bg span{aspect-ratio:1;opacity:.8;border-radius:50%;width:55%;animation:16s ease-in-out infinite alternate cta-blob;position:absolute}.cta-bg span:first-child{background:radial-gradient(closest-side,#6a3dffe6,#0000);top:5%;left:0}.cta-bg span:nth-child(2){background:radial-gradient(closest-side,#8b5cf6e6,#0000);animation-delay:-5s;top:0;right:0}.cta-bg span:nth-child(3){background:radial-gradient(closest-side,#2dd4bfe6,#0000);animation-delay:-10s;bottom:-10%;left:30%}@keyframes cta-blob{to{transform:translate(10%,8%)scale(1.15)}}.cta h2{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5.6vw,68px);font-weight:650;line-height:1.02}.cta p{color:#ffffffc7;max-width:480px;margin:20px auto 34px;font-size:17px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn.cta-primary{color:#141414;background:#fff}.btn.cta-primary:hover{background:#ececee}.btn.cta-ghost{color:#fff;background:#ffffff24}.btn.cta-ghost:hover{background:#ffffff3d}.cta-cursor{fill:#fff;stroke:#141414;stroke-width:1.2px;filter:drop-shadow(0 4px 10px #00000059);width:22px;animation:9s cubic-bezier(.65,0,.35,1) infinite cta-cursor;position:absolute}@keyframes cta-cursor{0%,to{top:68%;left:14%}25%{top:26%;left:26%}50%{top:22%;left:78%}75%{top:70%;left:84%}}.lp-footer{border-top:1px solid var(--line);max-width:1180px;margin:100px auto 0;padding:40px 24px 36px}.lp-footer-top{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.lp-footer-top p{color:var(--text-2);margin:10px 0 0}.lp-footer nav{gap:4px;display:flex}.lp-footer nav button{color:var(--text-2);border-radius:999px;padding:8px 12px;font-weight:500;transition:background .2s,color .2s}.lp-footer nav button:hover{background:var(--surface-2);color:var(--text)}.lp-footer-bottom{color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;font-size:12.5px;display:flex}.lp-footer .made{align-items:center;gap:6px;display:inline-flex}.lp-footer .made svg{width:13px;height:13px}@media (width<=1000px){.hero-cloud{display:none}}@media (width<=1240px){.float-chip{display:none}}@media (width<=860px){.lp-links{display:none}.hero-line{white-space:normal}.bento,.steps,.pricing{grid-template-columns:1fr}.bento-card.wide{grid-column:auto}.steps-line{display:none}}@media (width<=560px){.lp-nav-actions .btn:not(.primary){display:none}}.info-main{max-width:1180px;margin:0 auto;padding:clamp(40px,8vw,88px) 24px clamp(48px,8vw,96px)}.info-main h1{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4.2vw,44px);font-weight:650}.info-lead{color:var(--text-2);margin:12px 0 40px;font-size:17px}.info-prose{max-width:720px;color:var(--text-2);font-size:15.5px;line-height:1.7}.info-prose section{margin-bottom:40px;scroll-margin-top:88px}.info-prose h2{letter-spacing:-.02em;color:var(--text);margin:0 0 10px;font-size:22px;font-weight:620}.info-prose h2 small{color:var(--text-3);margin-left:8px;font-size:13px;font-weight:450}.info-prose p{margin:0 0 12px}.info-prose ul{margin:0 0 12px;padding-left:20px}.info-prose li{margin-bottom:6px}.info-prose b{color:var(--text);font-weight:600}.info-prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.info-prose kbd{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:5px;padding:1px 6px;font-size:12px}.info-docs{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:48px;display:grid}.info-docs aside{flex-direction:column;gap:2px;display:flex;position:sticky;top:88px}.info-docs aside b{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;font-size:12px;font-weight:600}.info-docs aside button{text-align:left;color:var(--text-2);border-radius:8px;padding:6px 10px;font-size:14px}.info-docs aside button:hover{background:var(--surface-2);color:var(--text)}@media (width<=800px){.info-docs{grid-template-columns:1fr;gap:24px}.info-docs aside{display:none}}.lp-footer-cols{flex-wrap:wrap;gap:24px clamp(32px,6vw,88px);display:flex}.lp-footer-cols nav{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.lp-footer-cols h4{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 0 8px 12px;font-size:12px;font-weight:600}.lp-menu{position:relative}.lp-menu-btn{color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:8px 14px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.lp-menu-btn svg{width:14px;height:14px;transition:transform .25s var(--ease)}.lp-menu-btn:hover,.lp-menu-btn.open,.lp-menu-btn.active{background:var(--surface-2);color:var(--text)}.lp-menu-btn.open svg{transform:rotate(180deg)}.lp-menu-panel{z-index:30;border:1px solid var(--line);background:var(--surface-1);width:280px;box-shadow:var(--shadow-pop);animation:menu-in .18s var(--ease);border-radius:16px;gap:2px;margin-top:6px;padding:8px;display:grid;position:absolute;top:100%;left:50%;transform:translate(-50%)}.lp-menu-panel:before{content:"";height:8px;position:absolute;inset:-8px 0 auto}@keyframes menu-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)}}.lp-menu-panel button{text-align:left;border-radius:10px;align-items:center;gap:12px;padding:10px;display:flex}.lp-menu-panel button:hover,.lp-menu-panel button.active{background:var(--surface-2)}.lp-menu-panel i{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.lp-menu-panel i svg{width:17px;height:17px}.lp-menu-panel span{display:grid}.lp-menu-panel b{color:var(--text);font-size:14px;font-weight:600}.lp-menu-panel small{color:var(--text-3);font-size:12.5px}.blog-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-list a{border:1px solid var(--line);background:var(--surface-1);height:100%;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:18px;gap:8px;padding:22px;display:grid}.blog-list a:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.blog-list h2{letter-spacing:-.015em;color:var(--text);margin:0;font-size:19px;line-height:1.3}.blog-list p{color:var(--text-2);margin:0;line-height:1.55}.blog-list b{color:var(--accent);align-self:end;font-size:14px}.blog-article{max-width:720px}.blog-article h1{letter-spacing:-.03em;margin:12px 0 10px;font-size:clamp(30px,4.2vw,42px);line-height:1.12}.blog-article .info-prose{margin-top:32px}.blog-back{color:var(--text-2);font-size:14px}.blog-back:hover{color:var(--text)}.blog-list a,.blog-back{color:inherit;text-decoration:none}.blog-back{color:var(--text-2)}.info .lp-links{display:flex}@media (width<=560px){.info .lp-menu-panel{left:auto;right:-60px;transform:none}@keyframes menu-in{0%{opacity:0}}}@media (width<=860px){.info .lp-section-link{display:none}}.fxv,.camv,.capv,.depv,.shv{place-items:center;width:100%;height:100%;display:grid;position:relative}.fxv{align-content:center;gap:14px}.fxv-window{background:var(--surface-1);width:min(360px,78%);height:148px;box-shadow:var(--shadow-card);border-radius:14px;align-content:start;gap:9px;padding:16px;display:grid;position:relative;overflow:hidden}.fxv-bar,.camv-bar,.depv-bar{background:color-mix(in srgb, var(--text) 14%, transparent);border-radius:5px;height:9px;display:block}.fxv-bar.a{width:38%}.fxv-bar.b{width:72%}.fxv-bar.e{width:58%}.fxv-bar.f{width:44%}.fxv-secret{border-radius:8px;gap:9px;margin:0 -8px;padding:7px 8px;display:grid;position:relative}.fxv-bar.c{background:color-mix(in srgb, var(--accent) 45%, transparent);width:66%}.fxv-bar.d{background:color-mix(in srgb, var(--accent) 45%, transparent);width:48%}.fxv-secret .fxv-bar{transition:filter .5s var(--ease)}.fxv-window.mode-0 .fxv-secret .fxv-bar{filter:blur(4px)}.fxv-mosaic{opacity:0;transition:opacity .4s var(--ease);background:conic-gradient(from 90deg at 50% 50%, color-mix(in srgb, var(--accent) 55%, #fff) 25%, color-mix(in srgb, var(--accent) 30%, #fff) 0 50%, color-mix(in srgb, var(--accent) 65%, #fff) 0 75%, color-mix(in srgb, var(--accent) 40%, #fff) 0) 0 0 / 16px 16px;border-radius:8px;position:absolute;inset:0}.fxv-window.mode-1 .fxv-mosaic{opacity:1}.fxv-hole{height:50px;transition:box-shadow .5s var(--ease);pointer-events:none;border-radius:10px;position:absolute;top:44px;left:8px;right:8px;box-shadow:0 0 #0000}.fxv-window.mode-2 .fxv-hole{box-shadow:0 0 0 200px #0000008c}.fxv-chips{gap:6px;display:flex}.fxv-chips span{color:var(--text-3);background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:550;transition:background .3s,color .3s}.fxv-chips span.on{background:var(--text);color:var(--surface-1)}.camv-screen{background:var(--surface-1);width:min(330px,76%);height:160px;box-shadow:var(--shadow-card);transform-origin:30% 40%;transition:transform .9s var(--ease);border-radius:14px;align-content:start;gap:10px;padding:16px;display:grid;position:relative;overflow:hidden}.camv-screen.zoomed{transform:scale(1.18)}.camv-bar.a{width:40%}.camv-bar.b{width:70%}.camv-bar.c{width:55%}.camv-block{background:color-mix(in srgb, var(--accent) 22%, transparent);border-radius:8px;height:46px;display:block}.camv-bubble{width:74px;height:74px;transition:transform .9s var(--ease);transform-origin:100% 100%;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;position:absolute;bottom:20px;right:calc(12% + 4px);overflow:hidden;box-shadow:0 0 0 3px #fff,0 8px 22px #0000004d}.camv-bubble.small{transform:scale(.68)}.camv-bubble svg{width:100%;height:100%}.capv{align-content:center;gap:14px}.capv-screen{background:var(--surface-1);width:min(330px,76%);height:108px;box-shadow:var(--shadow-card);border-radius:14px;align-content:center;gap:9px;padding:0 18px;display:grid}.capv-screen i{background:color-mix(in srgb, var(--text) 13%, transparent);border-radius:5px;height:9px;display:block}.capv-screen i:first-child{width:40%}.capv-screen i:nth-child(2){width:75%}.capv-screen i:nth-child(3){width:55%}.capv-line{background:#141414db;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:0 7px;max-width:300px;padding:8px 14px;font-size:15px;font-weight:650;display:flex}.capv-line span{color:#ffffff61;transition:color .2s}.capv-line span.now{color:#c4b0ff}.capv-line span.lit{color:#fff}.capv-badge{color:var(--text-3);font-size:11.5px;font-weight:550}.depv{align-content:center;gap:16px}.depv-card{background:var(--surface-1);width:min(280px,72%);height:150px;transition:transform 1s var(--ease);border-radius:14px;align-content:start;gap:10px;padding:16px;display:grid;box-shadow:0 26px 50px -18px #0006}.depv-bar.a{width:36%}.depv-bar.b{width:64%}.depv-block{background:color-mix(in srgb, var(--accent) 24%, transparent);border-radius:8px;height:40px;display:block}.depv-block.two{background:color-mix(in srgb, var(--text) 10%, transparent);width:70%;height:20px}.depv-chip{background:var(--text);color:var(--surface-1);border-radius:999px;padding:4px 11px;font-size:12px;font-weight:550}.shv{align-content:center;gap:10px}.shv-player{width:min(290px,74%);height:112px;box-shadow:var(--shadow-card);background:linear-gradient(135deg,#6a3dff,#b04dff 60%,#ff5a36);border-radius:14px;position:relative}.shv-play{background:#fffffff2;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%}.shv-play:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #6a3dff;position:absolute;top:11px;left:15px}.shv-link{background:var(--surface-1);box-shadow:0 0 0 1px var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:550;display:flex}.shv-link svg{width:13px;height:13px;color:var(--accent)}.shv-comments{justify-items:start;gap:5px;width:min(290px,74%);display:grid}.shv-comments span{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text-2);border-radius:12px;padding:5px 11px;font-size:12px}.shv-comments span.b{background:var(--accent-soft);color:var(--accent);justify-self:end}.plan-badge{color:#141414;background:#fff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:650;position:absolute;top:18px;right:18px}@media (width<=1100px){.pricing{grid-template-columns:minmax(0,420px)}}.bento-pro{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:650;display:inline-block}.changelog-group{margin:18px 0 0}.info-prose h3{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:0 0 6px;font-size:13px;font-weight:650}.lp-credit{color:var(--text-2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text) 25%, transparent);text-decoration-color:color-mix(in srgb, var(--text) 25%, transparent);text-underline-offset:3px;font-weight:550;transition:color .2s,text-decoration-color .2s}.lp-credit:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.lp-giant{pointer-events:none}.lp-footer-bottom{z-index:2;position:relative}.landing{position:relative}.landing.menu-open{overflow:hidden}.lp-nav-inner .brand{font-size:16px}.lp-links button.active{color:var(--text)}.lp-link-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:1px;left:50%}.lp-burger{background:var(--surface-2);border-radius:12px;width:40px;height:40px;display:none;position:relative}.lp-burger i{background:var(--text);border-radius:2px;height:2px;position:absolute;left:12px;right:12px}.lp-burger i:first-child{top:15.5px}.lp-burger i:last-child{top:22.5px}.lp-sheet{z-index:19;background:var(--surface-1);flex-direction:column;justify-content:space-between;padding:18px 24px 28px;display:flex;position:fixed;inset:68px 0 0;overflow-y:auto}.lp-sheet nav{display:grid}.lp-sheet nav button{border-bottom:1px solid var(--line);color:var(--text);letter-spacing:-.04em;text-align:left;justify-content:space-between;align-items:center;padding:16px 2px;font-size:32px;font-weight:650;display:flex}.lp-sheet nav button svg{width:24px;height:24px;color:var(--text-3);transition:transform .3s var(--ease), color .3s}.lp-sheet nav button:hover svg{color:var(--accent);transform:translate(3px,-3px)}.lp-sheet-actions{gap:10px;margin-top:28px;display:grid}.lp-sheet-row{justify-content:center;align-items:center;gap:6px;display:flex}@media (width<=860px){.lp-burger{display:block}.lp-hide-sm{display:none!important}}.hero:before{content:"";pointer-events:none;background:radial-gradient(40% 50% at 18% 30%,#6a3dff1f,#0000 70%),radial-gradient(35% 45% at 85% 25%,#ff5a361a,#0000 70%),radial-gradient(45% 40% at 50% 100%,#12b76a14,#0000 70%);position:absolute;inset:-10% -10% -30%}.hero:after{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.7;pointer-events:none;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 40%,#000 20%,#0000 75%)}.hero-cloud,.hero-inner{z-index:1}.dock-wrap{z-index:4;justify-items:center;gap:12px;margin-top:30px;display:grid;position:relative}.dock-hint{color:var(--text-3);align-items:center;gap:8px;font-size:12.5px;font-weight:550;display:inline-flex}.dock-hint i{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 25%, transparent);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.dock{background:color-mix(in srgb, var(--surface-1) 88%, transparent);max-width:100%;box-shadow:var(--shadow-card);scrollbar-width:none;border-radius:22px;align-items:center;gap:14px;padding:10px 14px;display:flex;overflow-x:auto}.dock-group{cursor:pointer;flex:none;align-items:center;gap:6px;display:flex}.dock-group>span{color:var(--text-3);white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.dock-sep{background:var(--line-2);flex:none;width:1px;height:26px}.dock-swatch{width:26px;height:26px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:30%;box-shadow:inset 0 0 0 .5px #00000026}.dock-swatch:hover{transform:translateY(-2px)scale(1.08)}.dock-swatch.active{box-shadow:0 0 0 2px var(--surface-1), 0 0 0 4px var(--text)}.dock-btn{width:32px;height:32px;color:var(--text-2);border-radius:10px;place-items:center;transition:background .2s,color .2s;display:grid}.dock-btn:hover{background:var(--surface-2);color:var(--text)}.dock-btn.active{background:var(--inverse);color:var(--on-inverse)}.dock-btn svg{width:16px;height:16px}.story{max-width:1240px;margin:80px auto 0;padding:0 24px;position:relative}.story-sticky{grid-template-columns:380px minmax(0,1fr);align-items:center;gap:48px;height:100vh;display:grid;position:sticky;top:0}.story-copy h2{letter-spacing:-.045em;margin:0 0 30px;font-size:clamp(34px,4.4vw,54px);font-weight:650;line-height:1.04}.story-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid;position:relative}.story-rail{background:var(--surface-3);border-radius:2px;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.story-rail i{background:var(--accent);border-radius:2px;width:100%;display:block}.story-steps li{color:var(--text-3);cursor:pointer;gap:14px;padding:9px 0;transition:color .3s;display:flex;position:relative}.story-steps li:hover{color:var(--text-2)}.story-steps li.active,.story-steps li.done{color:var(--text)}.story-ico{z-index:1;background:var(--surface-2);width:40px;height:40px;box-shadow:0 0 0 4px var(--surface-1);transition:background .35s var(--ease), color .35s, transform .35s var(--ease);border-radius:30%;flex:none;place-items:center;display:grid;position:relative}.story-ico svg{width:17px;height:17px}.story-steps li.active .story-ico{background:var(--accent);color:#fff;transform:scale(1.08)}.story-steps li.done .story-ico{background:var(--inverse);color:var(--on-inverse)}.story-steps b{letter-spacing:-.02em;padding-top:9px;font-size:15.5px;font-weight:650;display:block}.story-steps p{color:var(--text-2);margin:6px 0 0;font-size:14px;line-height:1.5;overflow:hidden}.story-frame{background:var(--surface-2);border-radius:24px;padding:10px;position:relative}.story-frame canvas{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-card);border-radius:16px;display:block}.story-chip{color:#fff;background:#141414b8;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;top:24px;left:24px}.story-chip i{color:#141414;font:650 11px var(--font);background:#fff;border-radius:99px;padding:2px 7px;font-style:normal}.story-export{background:color-mix(in srgb, var(--surface-1) 92%, transparent);width:min(320px,70%);box-shadow:var(--shadow-pop);border-radius:18px;gap:10px;padding:16px;display:grid;position:absolute;bottom:26px;right:26px}.story-export-head{gap:2px;display:grid}.story-export-head b{font-size:14px;font-weight:650}.story-export-head span{color:var(--text-3);font-size:12px}.story-export-bar{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.story-export-bar i{background:var(--accent);height:100%;animation:export-fill 2.2s var(--ease-out) forwards;border-radius:99px;display:block}.story-export-done{color:var(--success);opacity:0;align-items:center;gap:6px;font-size:12.5px;font-weight:650;animation:.4s 2.2s forwards fade-in;display:inline-flex}.story-export-done svg{width:14px;height:14px}@keyframes export-fill{0%{width:0}to{width:100%}}@keyframes fade-in{to{opacity:1}}.lp-stats{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat{align-content:start;gap:10px;height:100%;padding:40px 28px;display:grid}.stat b{letter-spacing:-.055em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--text) 30%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:clamp(48px,5.4vw,72px);font-weight:650;line-height:1}.stat>span{color:var(--text-2);font-size:14px;line-height:1.45}.faq{gap:10px;max-width:820px;margin:0 auto;display:grid}.faq-item{background:var(--surface-2);border-radius:22px;transition:background .3s}.faq-item.open{background:color-mix(in srgb, var(--surface-2) 70%, var(--surface-3))}.faq-item button{width:100%;color:var(--text);letter-spacing:-.02em;text-align:left;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:16.5px;font-weight:600;display:flex}.faq-plus{background:var(--surface-1);width:28px;height:28px;transition:transform .4s var(--ease), background .3s;border-radius:50%;flex:none;position:relative}.faq-plus:before,.faq-plus:after{content:"";background:var(--text);border-radius:2px;width:11px;height:1.8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-plus:after{transition:transform .4s var(--ease);transform:translate(-50%,-50%)rotate(90deg)}.faq-item.open .faq-plus{background:var(--inverse);transform:rotate(180deg)}.faq-item.open .faq-plus:before,.faq-item.open .faq-plus:after{background:var(--on-inverse)}.faq-item.open .faq-plus:after{transform:translate(-50%,-50%)rotate(0)}.faq-a{overflow:hidden}.faq-a p{color:var(--text-2);margin:0;padding:0 24px 22px;font-size:15px;line-height:1.6}.lp-footer{overflow:hidden}.lp-giant{text-align:center;letter-spacing:-.07em;background:linear-gradient(180deg, color-mix(in srgb, var(--text) 14%, transparent), transparent 85%);color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:28px 0 -.24em;font-size:clamp(110px,25vw,380px);font-weight:700;line-height:.9}@media (width<=980px){.story-sticky{grid-template-columns:1fr;align-content:center;gap:22px}.story-copy{order:2}.story-copy h2,.story-copy .lp-eyebrow,.story-rail,.story-steps li:not(.active){display:none}.lp-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.lp-stats{grid-template-columns:1fr}.dock{justify-content:flex-start}.dock-wrap{padding:0 12px}}.lib{background:var(--surface-1);grid-template-columns:248px minmax(0,1fr);height:100%;display:grid}.lib-side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:22px;padding:18px 14px;display:flex}.lib-side .brand{padding:4px 8px}.lib-nav{gap:2px;display:grid}.lib-nav button{height:38px;color:var(--text-2);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:550;transition:color .2s;display:flex;position:relative}.lib-nav button:hover,.lib-nav button.active{color:var(--text)}.lib-nav button>*{position:relative}.lib-nav svg{width:16px;height:16px}.lib-nav span{flex:1}.lib-nav em{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:11.5px;font-style:normal;font-weight:650}.lib-nav-bg{background:var(--surface-1);box-shadow:var(--seg-shadow);border-radius:12px;inset:0;position:absolute!important}.lib-side-foot{gap:14px;margin-top:auto;display:grid}.lib-storage{background:var(--surface-1);box-shadow:var(--seg-shadow);color:var(--text-3);border-radius:16px;gap:8px;padding:14px;font-size:12px;display:grid}.lib-storage>div:first-child{color:var(--text);align-items:center;gap:7px;font-weight:600;display:flex}.lib-storage svg{width:14px;height:14px}.lib-storage-bar{background:var(--surface-3);border-radius:99px;height:5px;overflow:hidden}.lib-storage-bar i{background:var(--text);border-radius:99px;height:100%;display:block}.lib-side-actions{justify-content:space-between;align-items:center;display:flex}.lib-main{scrollbar-width:thin;scrollbar-color:var(--surface-4) transparent;padding:34px 40px 60px;overflow-y:auto}.lib-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.lib-head h1{letter-spacing:-.045em;margin:0;font-size:36px;font-weight:650;line-height:1.05}.lib-head p{color:var(--text-3);margin:6px 0 0;font-size:13.5px}.lib-actions{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.lib-empty .lib-actions{grid-template-columns:repeat(2,minmax(max-content,1fr));justify-content:center;display:grid}.lib-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.lib-toolbar-right{gap:10px;display:flex}.lib-search{background:var(--surface-2);width:min(360px,100%);height:38px;color:var(--text-3);border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:box-shadow .2s,background .2s;display:flex}.lib-search:focus-within{background:var(--surface-1);box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 4px var(--focus)}.lib-search svg{width:16px;height:16px}.lib-search input{color:var(--text);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 20px;display:grid}.lib-list{gap:8px;display:grid}.lib-card{gap:12px;display:grid}.lib-thumb{aspect-ratio:16/10;background:var(--surface-2);width:100%;box-shadow:inset 0 0 0 .5px var(--line-2);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:18px;display:block;position:relative;overflow:hidden}.lib-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.lib-card:hover .lib-thumb{box-shadow:0 18px 40px -16px #00000059, inset 0 0 0 .5px var(--line-2);transform:translateY(-3px)}.lib-card:hover .lib-thumb img{transform:scale(1.04)}.lib-thumb-empty{color:var(--text-3);place-items:center;display:grid;position:absolute;inset:0}.lib-thumb-empty svg{width:28px;height:28px}.lib-duration,.lib-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-variant-numeric:tabular-nums;background:#141414b8;border-radius:999px;padding:3px 8px;font-size:11.5px;font-weight:650;position:absolute;bottom:10px}.lib-duration{right:10px}.lib-badge{background:#16a34ad9;left:10px}.lib-play{color:#141414;opacity:0;width:52px;height:52px;transition:opacity .3s var(--ease), transform .3s var(--ease);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 10px 30px #0000004d}.lib-play svg{width:18px;height:18px;margin-left:2px}.lib-card:hover .lib-play,.lib-thumb:disabled .lib-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.spinner{border:2px solid #00000026;border-top-color:#141414;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lib-progress{background:#fff6;border-radius:99px;height:5px;position:absolute;top:12px;left:12px;right:12px;overflow:hidden}.lib-progress i{background:#fff;height:100%;transition:width .2s linear;display:block}.lib-meta{align-items:flex-start;gap:8px;display:flex}.lib-text{flex:1;gap:2px;min-width:0;display:grid}.lib-text b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;font-size:14px;font-weight:600;overflow:hidden}.lib-text span{color:var(--text-3);font-size:12.5px}.lib-rename{background:var(--surface-2);width:100%;box-shadow:inset 0 0 0 1.5px var(--text);-webkit-user-select:text;user-select:text;border:0;border-radius:6px;outline:none;margin-left:-6px;padding:2px 6px;font-weight:600}.lib-card.row{border-radius:18px;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:8px;transition:background .2s}.lib-card.row:hover{background:var(--surface-2)}.lib-card.row .lib-thumb{border-radius:12px}.lib-card.row:hover .lib-thumb{box-shadow:inset 0 0 0 .5px var(--line-2);transform:none}.lib-card.row .lib-meta{align-items:center}.lib-card.row .lib-play,.lib-card.row .lib-badge{display:none}.lib-menu{position:relative}.lib-menu-pop{z-index:30;background:var(--surface-1);min-width:210px;box-shadow:var(--shadow-pop);transform-origin:100% 0;border-radius:16px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.lib-menu-pop button{height:34px;color:var(--text);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-weight:500;display:flex}.lib-menu-pop button:hover{background:var(--surface-2)}.lib-menu-pop button.danger{color:var(--danger)}.lib-menu-pop svg{width:15px;height:15px}.lib-menu-pop hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.lib-empty{text-align:center;justify-items:center;gap:10px;max-width:460px;margin:70px auto 0;display:grid}.lib-empty-art{margin-bottom:14px;display:flex}.lib-empty-art span{color:#fff;width:64px;height:64px;box-shadow:0 16px 40px #0000002e, 0 0 0 4px var(--surface-1);border-radius:30%;place-items:center;margin:0 -6px;animation:5s ease-in-out infinite alternate cloud-float;display:grid}.lib-empty-art span:first-child{rotate:-10deg}.lib-empty-art span:nth-child(2){z-index:1;animation-delay:-1.5s;translate:0 -8px}.lib-empty-art span:nth-child(3){animation-delay:-3s;rotate:10deg}.lib-empty-art svg{width:26px;height:26px}.lib-empty h2{letter-spacing:-.035em;margin:0;font-size:26px;font-weight:650}.lib-empty p{color:var(--text-2);margin:0 0 14px;font-size:14.5px;line-height:1.55}.lp-count{background:var(--surface-3);color:var(--text-2);border-radius:99px;margin-left:2px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:650}.share-modal{width:min(560px,100% - 32px)}.share-new{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.share-list{gap:6px;margin:16px 0 14px;display:grid}.share-row{background:var(--surface-2);border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.share-ico{background:var(--inverse);width:34px;height:34px;color:var(--on-inverse);border-radius:30%;flex:none;place-items:center;display:grid}.share-ico svg{width:16px;height:16px}.share-info{flex:1;gap:2px;min-width:0;display:grid}.share-info b{font-size:13px;font-weight:600}.share-info span{color:var(--text-3);font-size:12px}.share-upload{background:var(--surface-4);border-radius:99px;height:4px;margin-top:4px;overflow:hidden}.share-upload i{background:var(--accent);height:100%;display:block}.share-actions{align-items:center;gap:2px;display:flex}.share-cloud-toggle{background:var(--surface-2);width:100%;height:44px;color:var(--text);text-align:left;border-radius:14px;align-items:center;gap:10px;padding:0 14px;font-weight:600;display:flex}.share-cloud-toggle span{flex:1}.share-cloud-toggle em{color:var(--text-3);font-style:normal;font-weight:500}.share-cloud-toggle svg{width:16px;height:16px;transition:transform .3s var(--ease)}.cloud-form{gap:2px;padding:14px 4px 4px;display:grid}.cloud-form .hint{margin:0 0 12px}.cloud-form code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:11.5px}.cloud-grid{grid-template-columns:1fr 1fr;align-items:start;gap:10px;display:grid}.cloud-grid>.field:last-child{margin-bottom:14px}.cloud-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.input{background:var(--surface-2);-webkit-user-select:text;user-select:text;border:0;border-radius:10px;outline:none;width:100%;height:36px;padding:0 12px;transition:box-shadow .2s,background .2s}.input:focus{background:var(--surface-1);box-shadow:inset 0 0 0 1.5px var(--text), 0 0 0 4px var(--focus)}@media (width<=860px){.lib{grid-template-columns:1fr}.lib-side{display:none}.lib-main{padding:24px 18px 40px}.lib-head{flex-direction:column;align-items:flex-start}}.picker{width:min(820px,100% - 32px)}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-height:52vh;padding:4px;display:grid;overflow-y:auto}.picker-item{text-align:left;border-radius:16px;gap:8px;padding:8px;transition:background .2s,box-shadow .2s;display:grid}.picker-item:hover{background:var(--surface-2)}.picker-item.active{background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--text)}.picker-item>img{aspect-ratio:16/9;object-fit:contain;background:var(--surface-3);border-radius:10px;width:100%}.picker-item span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;font-weight:550;display:flex;overflow:hidden}.picker-icon{width:16px;height:16px}.desktop .topbar,.desktop .lp-nav,.desktop .lib-side .brand,.desktop .lib-head{-webkit-app-region:drag}.desktop .topbar :is(button,input,select,a),.desktop .lp-nav :is(button,input,a),.desktop .lib-head :is(button,input,select,a),.desktop .lp-sheet,.desktop .toast,.desktop .backdrop,.desktop .countdown,.desktop .drop-overlay{-webkit-app-region:no-drag}.platform-win32 .topbar,.platform-linux .topbar,.platform-win32 .lp-nav-inner,.platform-linux .lp-nav-inner{padding-right:150px}.platform-win32 .lib-main,.platform-linux .lib-main{padding-top:68px}.platform-darwin .topbar{padding-left:88px}.platform-darwin .lib-side{padding-top:46px}.lib-thumb video{object-fit:cover;pointer-events:none;width:100%;height:100%}.dash-user{align-items:center;gap:10px;min-width:0;display:flex}.dash-avatar{color:#fff;background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:650;display:grid}.dash-email{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);font-size:13px;overflow:hidden}.dash-player{background:var(--surface-1);width:min(920px,100% - 32px);box-shadow:var(--shadow-pop);border-radius:20px;overflow:hidden}.dash-player-head{justify-content:space-between;align-items:center;padding:12px 14px 12px 20px;display:flex}.dash-player video,.dash-player img{background:#000;width:100%;max-height:72vh;display:block}.dash-player-loading{background:#000;place-items:center;height:320px;display:grid}.dash-player-foot{color:var(--text-2);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.dash-player-foot span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dash-player-foot svg{width:15px;height:15px;color:var(--accent)}.dash-gate{text-align:center;background:var(--surface-1);align-content:center;justify-items:center;gap:14px;height:100%;padding:24px;display:grid}.dash-gate h1{letter-spacing:-.03em;margin:8px 0 0;font-size:28px}.dash-gate p{max-width:420px;color:var(--text-2);margin:0;line-height:1.55}@media (width<=860px){.lib{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}}.dash-settings{gap:16px;max-width:640px;padding-bottom:48px;display:grid}.dash-settings .set-card{border:1px solid var(--line);background:var(--surface-1);border-radius:18px;padding:22px 26px}.set-card h2{letter-spacing:-.015em;margin:0 0 10px;font-size:17px;font-weight:620}.set-card p{color:var(--text-2);margin:0 0 14px;font-size:14px;line-height:1.55}.set-card form{justify-items:start;gap:10px;display:grid}.set-card .input{width:100%}.set-card dl{gap:12px;margin:0;display:grid}.set-card dl div{grid-template-columns:130px 1fr;gap:12px;font-size:14px;display:grid}.set-card dt{color:var(--text-3)}.set-card dd{gap:6px;margin:0;display:grid}.set-bar{background:var(--surface-2);border-radius:99px;max-width:260px;height:6px;display:block;overflow:hidden}.set-bar i{background:var(--accent);height:100%;display:block}.set-ok{color:#12b76a;font-size:13px}.danger-zone{border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.danger-zone h2{color:var(--danger)}.dash-avatar{object-fit:cover}.set-profile{align-items:center;gap:18px;margin-bottom:18px;display:flex}.set-profile-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-profile-actions .hint{flex-basis:100%}.set-name{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.set-name label{color:var(--text-3);grid-column:1/-1;font-size:13px}.acct-card{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--surface-3);border-radius:14px;padding:10px 12px}.acct-info{flex:1;min-width:0;display:grid}.acct-info b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.acct-info .up-link{justify-self:start;padding:0;font-size:12px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:14px;display:grid}.plan-tile{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--surface-3);color:var(--text);border-radius:16px;gap:4px;padding:16px 18px;text-decoration:none;transition:box-shadow .15s;display:grid}.plan-tile:hover{box-shadow:inset 0 0 0 2px var(--accent)}.plan-tile b{font-size:15px}.plan-tile em{color:var(--text-3);font-size:12.5px;font-style:normal}.plan-price{letter-spacing:-.03em;font-size:26px;font-weight:650}.plan-tile .btn{justify-self:start;margin-top:8px}.plan-perks{color:var(--text-2);flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.plan-perks span{align-items:center;gap:5px;display:inline-flex}.plan-perks svg{width:14px;height:14px;color:var(--accent)}.admin{gap:16px;display:grid}.admin-tabs{gap:6px;display:flex}.admin-tabs button{color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:560}.admin-tabs button.active{background:var(--surface-3);color:var(--text)}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.admin-stats div{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--surface-3);border-radius:16px;gap:2px;padding:18px;display:grid}.admin-stats b{letter-spacing:-.03em;font-size:26px}.admin-stats span{color:var(--text-3);font-size:13px}.admin-table{gap:8px;display:grid}.admin-row{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--surface-3);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;display:flex}.admin-row.banned{opacity:.6}.admin-main{flex:1;gap:2px;min-width:0;display:grid}.admin-main b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.admin-main span{color:var(--text-3);font-size:12.5px}.admin-tag{background:var(--surface-3);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:560}.admin-tag.pro{background:var(--accent);color:#fff}.admin-tag.warn{color:#fff;background:#ff5a36}.admin-actions{flex:none;gap:6px;display:flex}.report-form{max-width:420px;margin-top:10px}.key-once{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex}.key-once code{-webkit-user-select:all;user-select:all;font-size:13px}.key-once span{color:var(--text-3);flex-basis:100%;font-size:12.5px}.pro-tag{color:#fff;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:5px;align-items:center;height:15px;margin-left:5px;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.pro-badge{color:#fff;height:28px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:99px;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 4px 14px #6a3dff4d,inset 0 1px #ffffff40}.pro-badge svg{width:13px;height:13px}button.pro-badge:hover{transform:translateY(-1px);box-shadow:0 8px 22px #6a3dff61,inset 0 1px #ffffff40}.pro-badge.static{height:20px;box-shadow:none;vertical-align:3px;padding:0 8px;font-size:10.5px}.upgrade-btn{position:relative;color:var(--accent)!important;background:var(--accent-soft)!important;box-shadow:inset 0 0 0 1px #6a3dff2e!important}.upgrade-btn svg{color:var(--accent)}.upgrade-btn:hover{background:#6a3dff24!important}.pro-hint{background:var(--accent-soft);color:var(--text-2);border-radius:12px;align-items:center;gap:9px;margin-top:12px;padding:10px 10px 10px 12px;font-size:12.5px;line-height:1.4;display:flex}.pro-hint>svg{width:15px;height:15px;color:var(--accent);flex:none}.pro-hint b{color:var(--text);font-weight:600}.pro-hint button{background:var(--accent);color:#fff;border-radius:99px;flex:none;height:28px;margin-left:auto;padding:0 11px;font-size:12px;font-weight:600;transition:filter .2s}.pro-hint button:hover{filter:brightness(1.1)}.modal.upgrade{width:min(480px,100% - 32px);position:relative}.up-close{z-index:2;position:absolute;top:14px;right:14px;color:#fffc!important}.up-close:hover{color:#fff!important;background:#ffffff24!important}.up-hero{color:#fff;isolation:isolate;background:#0d0f1c;padding:30px 28px 26px;position:relative;overflow:hidden}.up-hero-glow{z-index:-1;filter:blur(20px);background:radial-gradient(40% 40% at 25% 35%,#8b5cffbf,#0000 70%),radial-gradient(35% 35% at 80% 20%,#ff5a3673,#0000 70%),radial-gradient(45% 45% at 70% 80%,#4a1fe099,#0000 70%);height:220%;animation:9s ease-in-out infinite alternate up-drift;position:absolute;inset:-60% -20% auto}@keyframes up-drift{to{transform:translate(-6%,4%)rotate(8deg)scale(1.08)}}.up-eyebrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:99px;align-items:center;gap:6px;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.up-eyebrow svg{width:13px;height:13px}.up-hero h2{letter-spacing:-.035em;text-wrap:balance;margin:16px 0 6px;font-size:26px;font-weight:650;line-height:1.12}.up-hero p{color:#ffffffa8;margin:0;font-size:14px}.up-perks{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:16px 16px 6px;list-style:none;display:grid}.up-perks li{transition:background .3s var(--ease);border-radius:14px;gap:10px;padding:10px;display:flex}.up-perks li.hot{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #6a3dff29}.up-perk-ico{background:var(--surface-2);width:30px;height:30px;color:var(--accent);border-radius:9px;flex:none;place-items:center;display:grid}.up-perks li.hot .up-perk-ico{background:var(--accent);color:#fff}.up-perk-ico svg{width:15px;height:15px}.up-perks b{letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.up-perks em{color:var(--text-3);margin-top:1px;font-size:12px;font-style:normal;line-height:1.35;display:block}.up-buy{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin:10px 24px 0;padding:16px 0;display:flex}.up-price{align-items:center;gap:10px;display:flex}.up-price b{letter-spacing:-.045em;font-size:32px;font-weight:650}.up-price span{color:var(--text-3);font-size:12px;line-height:1.35}.up-foot{padding:0 24px 20px}.up-link{color:var(--text-2);align-items:center;gap:7px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.up-link:hover{color:var(--text)}.up-link svg{width:14px;height:14px}.up-activate{overflow:hidden}.up-key{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:5px 5px 5px 12px;transition:box-shadow .2s;display:flex}.up-key:focus-within{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft)}.up-key>svg{width:15px;height:15px;color:var(--text-3);flex:none}.up-key input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font:500 12.5px Geist Mono Variable,ui-monospace,monospace}.up-key .btn{min-width:78px}.up-activate .hint,.up-error{margin:8px 2px 0;font-size:12px}.up-error{color:var(--danger)}.up-welcome{text-align:center;justify-items:center;gap:10px;padding:40px 32px 30px;display:grid}.up-welcome-mark{filter:drop-shadow(0 14px 30px #6a3dff59);margin-bottom:8px;position:relative}.up-welcome-check{background:var(--success);color:#fff;width:26px;height:26px;box-shadow:0 0 0 3px var(--surface-1);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-6px;right:-8px}.up-welcome-check svg{stroke-width:3px;width:15px;height:15px}.up-welcome h2{letter-spacing:-.035em;margin:0;font-size:24px;font-weight:650}.up-welcome p{max-width:320px;color:var(--text-2);margin:0 0 12px;font-size:14px;line-height:1.5}.modal.upgrade .up-welcome~.up-close{color:var(--text-3)!important}.modal.upgrade:has(.up-welcome) .up-close{color:var(--text-3)!important}.modal.upgrade:has(.up-manage) .up-close{color:var(--text-3)!important}:is(.modal.upgrade:has(.up-welcome) .up-close:hover,.modal.upgrade:has(.up-manage) .up-close:hover){background:var(--surface-2)!important;color:var(--text)!important}.up-manage-head{align-items:center;gap:14px;padding:26px 24px 8px;display:flex}.up-manage-head h2{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:650}.up-manage-head .hint{margin:2px 0 0}.up-manage-head h2 .pro-badge{margin-left:8px}.up-manage>p.hint{margin:10px 24px 4px;line-height:1.5}.up-manage-rows{background:var(--surface-2);border-radius:14px;margin:10px 24px 6px;display:grid}.up-manage-rows div{justify-content:space-between;gap:12px;padding:11px 14px;font-size:13px;display:flex}.up-manage-rows div+div{border-top:1px solid var(--line)}.up-manage-rows dt{color:var(--text-3)}.up-manage-rows dd{font-variant-numeric:tabular-nums;margin:0;font-weight:550}.plan-card{background:linear-gradient(160deg, #8b5cff1f, #8b5cff05 60%), var(--surface-1);box-shadow:var(--seg-shadow);text-align:left;transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:16px;gap:6px;padding:14px;display:grid}.plan-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.plan-card-top{align-items:center;gap:7px;font-size:13px;display:flex}.plan-card-top svg{width:14px;height:14px;color:var(--accent)}.plan-card-top .pro-badge{margin-left:auto}.plan-card-text{color:var(--text-3);font-size:12px;line-height:1.4}.plan-card-cta{color:var(--accent);align-items:center;gap:5px;margin-top:2px;font-size:12.5px;font-weight:600;display:inline-flex}.plan-card-cta svg{width:13px;height:13px;transition:transform .3s var(--ease)}.plan-card:hover .plan-card-cta svg{transform:translate(3px)}@media (width<=520px){.up-perks{grid-template-columns:1fr}.up-buy{flex-direction:column;align-items:stretch}.up-buy .btn{justify-content:center}}.modal.download{text-align:center;justify-items:center;gap:12px;width:min(440px,100% - 32px);padding:38px 32px 28px;display:grid;position:relative}.modal.download h2{letter-spacing:-.035em;margin:10px 0 0;font-size:22px;font-weight:650}.modal.download p{color:var(--text-2);margin:0 0 10px;font-size:14px;line-height:1.5}.modal.download a.btn{text-decoration:none}.dl-close{position:absolute;top:14px;right:14px}.dl-others{color:var(--text-3);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.modal.auth{gap:12px}.modal.auth .input{width:100%}.auth-error{color:var(--danger);font-size:13px}.cloud-usage i{background:var(--accent);height:100%;display:block}.cloud-meta{color:var(--text-3);font-size:13px}.cloud-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cloud-row{border:1px solid var(--line);background:var(--surface-1);border-radius:14px;padding:14px 16px}.cloud-title{width:100%;color:var(--text);background:0 0;border:0;padding:2px 0;font-size:16px;font-weight:600}.cloud-title:focus{box-shadow:0 1px 0 var(--accent);outline:none}.cloud-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cloud-player{background:#000;border-radius:12px;width:100%;margin-top:14px;display:block}.watch{max-width:860px;margin:0 auto}.watch .cloud-player{margin:0 0 16px}.watch .zp{margin-bottom:20px}.watch h2{letter-spacing:-.02em;margin:0 0 4px;font-size:24px}.watch .info-prose{margin-top:32px}.watch-comments{margin:0 0 16px;padding:0;list-style:none}.watch-comments li{margin-bottom:14px}.watch-comments p{margin:2px 0 0}.watch-comments small{color:var(--text-3)}.watch-form{justify-items:start;gap:10px;display:grid}.watch-form .input,.watch-form .textarea{width:100%}.auth-google{justify-content:center;min-height:0;display:flex}.cloud{max-width:760px}.cloud-account{align-items:center;gap:14px;margin-bottom:20px;display:flex}.cloud-avatar{color:#fff;background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;font-weight:650;display:grid}.cloud-who{flex:1;min-width:0;display:grid}.cloud-who b{color:var(--text);text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.cloud-who span{color:var(--text-3);font-size:13px}.cloud-card{border:1px solid var(--line);background:var(--surface-1);border-radius:16px;padding:18px 20px}.cloud-card-top{color:var(--text-2);justify-content:space-between;align-items:baseline;margin-bottom:12px;font-size:14px;display:flex}.cloud-card-top b{color:var(--text);font-weight:600}.cloud-card-top em{color:var(--text-3);font-style:normal;font-weight:450}.cloud-usage{background:var(--surface-3,var(--surface-2));border-radius:99px;height:8px;overflow:hidden}.cloud-usage i{background:linear-gradient(90deg,#8b5cff,#4a1fe0);border-radius:99px;height:100%;display:block}.cloud-heading{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;margin:32px 0 14px;font-size:18px;font-weight:620;display:flex}.cloud-heading small{background:var(--surface-2);color:var(--text-2);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:500}.cloud-empty{border:1.5px dashed var(--line);text-align:center;color:var(--text-2);border-radius:18px;justify-items:center;gap:8px;padding:44px 24px;display:grid}.cloud-empty svg{width:30px;height:30px;color:var(--accent)}.cloud-empty b{color:var(--text);font-size:16px;font-weight:600}.cloud-empty p{max-width:400px;margin:0 0 8px;font-size:14px;line-height:1.55}.billing-switch{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;align-self:flex-start;gap:2px;width:fit-content;margin:4px 0 14px;padding:3px;display:flex}.billing-switch button{color:var(--text-2);transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:550}.billing-switch button.active{background:var(--surface-1);color:var(--text);box-shadow:0 1px 4px #0000001f}.plan.pro .billing-switch{background:#ffffff24}.plan.pro .billing-switch button{color:#ffffffbf}.plan.pro .billing-switch button.active{color:#141414;background:#fff}.up-billing{justify-content:center;padding:0 24px;display:flex}.modal.update{gap:16px;width:min(480px,100% - 32px);padding:26px 26px 22px;display:grid}.update-head{align-items:center;gap:14px;display:flex}.update-head h2{letter-spacing:-.03em;margin:0;font-size:19px;font-weight:650}.update-head p{color:var(--text-3);margin:2px 0 0;font-size:13px}.update-notes{background:var(--surface-2);color:var(--text-2);scrollbar-width:none;border-radius:14px;gap:12px;max-height:280px;padding:16px 18px;font-size:14px;line-height:1.5;display:grid;overflow-y:auto}.update-notes::-webkit-scrollbar{display:none}.update-notes p{color:var(--text);margin:0;font-weight:560}.update-notes ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.update-notes li{align-items:flex-start;gap:10px;display:flex}.update-notes li svg{color:#fff;background:var(--accent);border-radius:99px;flex:none;width:16px;height:16px;margin-top:2px;padding:2px}.update-bar{background:#7f7f7f2e;border-radius:99px;height:6px;overflow:hidden}.update-bar i{background:var(--accent);height:100%;transition:width .3s;display:block}.auth-google-btn{border:1px solid var(--border-strong,var(--surface-4));background:var(--surface-1);width:100%;height:46px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:560;transition:background .15s,border-color .15s;display:flex}.auth-google-btn:hover{background:var(--surface-2)}.auth-google-btn svg{width:18px;height:18px}.zp{aspect-ratio:16/9;background:#0b0b0c;border-radius:18px;outline:none;width:100%;max-height:78vh;position:relative;overflow:hidden;box-shadow:0 24px 60px #0e0e1438}.zp.full{border-radius:0;max-height:none}.zp video{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%;display:block}.zp:focus-visible{box-shadow:0 0 0 3px #8b5cff80,0 24px 60px #0e0e1438}.zp.idle{cursor:none}.zp-big{cursor:pointer;background:linear-gradient(#0000000d,#00000047);border:0;place-items:center;display:grid;position:absolute;inset:0}.zp-big span{color:#fff;background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:50%;place-items:center;width:76px;height:76px;transition:transform .18s;display:grid;box-shadow:0 14px 40px #6a3dff80,inset 0 1px #ffffff4d}.zp-big:hover span{transform:scale(1.07)}.zp-big svg{fill:currentColor;width:30px;height:30px;margin-left:3px}.zp-controls{color:#fff;background:linear-gradient(#0000,#000000b8);padding:36px 14px 10px;transition:opacity .25s;position:absolute;inset:auto 0 0}.zp.idle .zp-controls{opacity:0;pointer-events:none}.zp-bar{cursor:pointer;touch-action:none;height:14px;margin:0 4px 4px;position:relative}.zp-bar:before,.zp-bar i{border-radius:99px;height:4px;position:absolute;top:5px;left:0}.zp-bar:before{content:"";background:#ffffff38;right:0}.zp-buffer{background:#ffffff47}.zp-fill{background:linear-gradient(90deg,#8b5cff,#ff5a36)}.zp-knob{background:#fff;border-radius:50%;width:10px;height:10px;margin-left:-5px;transition:transform .12s;position:absolute;top:2px;transform:scale(0);box-shadow:0 1px 6px #0006}.zp-bar:hover i,.zp-bar:hover:before{height:6px;top:4px}.zp-bar:hover .zp-knob{transform:scale(1.3)}.zp-row{align-items:center;gap:4px;display:flex}.zp-row button,.zp-brand{color:#fff;min-width:36px;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0 6px;font-size:13px;font-weight:600;display:grid}.zp-row button:hover,.zp-brand:hover{background:#ffffff29}.zp-row svg{width:19px;height:19px}.zp-vol{align-items:center;display:flex}.zp-vol input{opacity:0;accent-color:#8b5cff;width:0;margin:0;transition:width .2s,opacity .2s,margin .2s}.zp-vol:hover input,.zp-vol:focus-within input{opacity:1;width:72px;margin:0 8px 0 2px}.zp-time{font-variant-numeric:tabular-nums;padding:0 8px;font-size:13px}.zp-time em{opacity:.6;font-style:normal}.zp-spacer{flex:1}@media (width<=560px){.zp-vol input{display:none}.zp-big span{width:60px;height:60px}}.wc{gap:18px;margin-top:34px;display:grid}.wc h3{letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:20px;display:flex}.wc h3 span{background:var(--surface-3);color:var(--text-2);border-radius:99px;padding:2px 10px;font-size:13px;font-weight:600}.wc-compose{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--surface-3), 0 8px 26px #14141e0d;border-radius:18px;align-items:flex-start;gap:14px;padding:16px;display:flex}.wc-compose .dash-avatar,.wc-list .dash-avatar{object-fit:cover;flex:none;width:40px;height:40px}.wc-fields{flex:1;gap:10px;min-width:0;display:grid}.wc-fields .input,.wc-fields .textarea{width:100%}.wc-actions{color:var(--text-3);justify-content:space-between;align-items:center;font-size:12px;display:flex}.wc-empty{color:var(--text-3);margin:0;font-size:14px}.wc-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wc-list li{align-items:flex-start;gap:14px;display:flex}.wc-body{background:var(--surface-1);min-width:0;box-shadow:inset 0 0 0 1px var(--surface-3);border-radius:4px 18px 18px;flex:1;padding:12px 16px 14px}.wc-head{align-items:center;gap:8px;display:flex}.wc-head b{font-size:14px;font-weight:650}.wc-head small{color:var(--text-3);margin-left:auto;font-size:12px}.wc-creator{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#8b5cff,#4a1fe0);border-radius:99px;padding:1px 8px;font-size:10.5px;font-weight:650}.wc-body p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:14.5px;line-height:1.55}.modal.settings{grid-template-columns:210px 1fr;width:min(880px,100% - 32px);height:min(640px,100vh - 48px);display:grid}.set-nav{background:var(--surface-2);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:22px 12px;display:flex}.set-nav h2{letter-spacing:-.02em;margin:0 10px 14px;font-size:17px;font-weight:650}.set-nav button{height:36px;color:var(--text-2);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 10px;font-size:13.5px;font-weight:500;transition:color .2s;display:flex;position:relative}.set-nav button:hover,.set-nav button.active{color:var(--text)}.set-nav button svg{width:16px;height:16px;position:relative}.set-nav button span:not(.set-nav-bg){position:relative}.set-nav-bg{background:var(--surface-1);box-shadow:var(--seg-shadow);border-radius:10px;position:absolute;inset:0}.set-body{flex-direction:column;min-width:0;min-height:0;display:flex}.set-head{justify-content:space-between;align-items:center;padding:18px 18px 6px 28px;display:flex}.set-head h2{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:650}.set-content{flex:1;padding:8px 28px 28px;overflow-y:auto}.set-group{margin-top:18px}.set-group h3{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px 2px;font-size:11.5px;font-weight:600}.set-card{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:16px;padding:4px 16px}.set-card>.field{margin:14px 0 6px}.set-row{justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:10px 0;display:flex}.set-row+.set-row,.set-sliders+.set-row,.set-row+.set-sliders{border-top:1px solid var(--line)}.set-row-text{gap:3px;min-width:0;display:grid}.set-row-text b{font-size:13.5px;font-weight:550}.set-row-text span{color:var(--text-3);font-size:12px;line-height:1.4}.set-row-control{flex:none;justify-content:flex-end;display:flex}.set-row-control .select{min-width:180px}.set-row-control .segmented{min-width:200px}.set-sliders{grid-template-columns:1fr 1fr;gap:18px;padding:14px 0 6px;display:grid}.set-sliders .field{margin:0}.set-kbd{background:var(--surface-2);box-shadow:inset 0 -1px 0 var(--line-2);white-space:nowrap;border-radius:7px;padding:3px 8px;font:600 12px Geist Mono Variable,ui-monospace,monospace}.set-note{margin:0 0 14px;line-height:1.6}.set-note code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:11.5px}.set-looks{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 0;display:grid}.set-look{color:var(--text-2);text-align:left;gap:6px;font-size:12.5px;font-weight:500;display:grid}.set-look>span{aspect-ratio:16/10;box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .2s, transform .3s var(--ease);border-radius:12px;position:relative;overflow:hidden}.set-look>span i{background:#ffffffeb;position:absolute;box-shadow:0 6px 14px #00000040}.set-look:hover>span{transform:translateY(-2px)}.set-look.active{color:var(--text)}.set-look.active>span{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft)}.set-storage{gap:10px;padding:14px 0;display:grid}.set-storage>div:first-child{align-items:baseline;gap:8px;display:flex}.set-storage b{letter-spacing:-.03em;font-size:24px;font-weight:650}.set-storage span{color:var(--text-3);font-size:12.5px}.set-plan{align-items:center;gap:14px;padding:14px 0;display:flex}.set-plan>div{flex:1;gap:2px;display:grid}.set-plan b{font-size:15px;font-weight:650}.set-plan span{color:var(--text-3);font-size:12.5px}.set-about{text-align:center;justify-items:center;gap:4px;padding:26px 0 8px;display:grid}.set-about h2{letter-spacing:-.03em;margin:10px 0 0;font-size:22px;font-weight:650}.set-about p{color:var(--text-2);font-variant-numeric:tabular-nums;margin:0}@media (width<=720px){.modal.settings{grid-template-rows:auto 1fr;grid-template-columns:1fr}.set-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:12px;overflow-x:auto}.set-nav h2{display:none}.set-nav button span:not(.set-nav-bg){white-space:nowrap}.set-row{flex-wrap:wrap}.set-sliders,.set-looks{grid-template-columns:1fr 1fr}}