.header-offer-link{padding-inline:10px}.header-offer-target{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));background:color-mix(in srgb, var(--accent-soft) 55%, var(--bg-raised));color:var(--text);border-radius:9px;align-items:center;gap:7px;padding:6px 8px 6px 10px;line-height:1;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative}.header-offer-link:hover .header-offer-target{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-1px);box-shadow:0 7px 20px #5367f51f}.header-offer-target b,.mobile-pro-shortcut>span,.mobile-menu-pro-badge{color:#fff;letter-spacing:.08em;background:#11131a;border-radius:5px;place-items:center;min-width:29px;min-height:20px;font-size:9px;font-weight:900;line-height:1;display:inline-grid}.header-offer-target.is-primed,.mobile-pro-shortcut>span.is-primed{animation:.9s cubic-bezier(.16,1,.3,1) offer-target-arrival}.mobile-pro-shortcut{display:none}.founder-offer-backdrop{z-index:100;opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11182b87;place-items:center;padding:72px 24px 28px;display:grid;position:fixed;inset:0}.founder-offer-backdrop.is-open{animation:.22s forwards founder-backdrop-in}.founder-offer-backdrop.is-closing{pointer-events:none;animation:.52s forwards founder-backdrop-out}.founder-offer-modal{color:#11182b;transform-origin:50%;background:#fff;border:1px solid #5969f161;border-radius:22px;width:min(880px,100%);max-height:calc(100svh - 100px);position:relative;overflow:auto;box-shadow:0 32px 100px #19235552,0 0 50px #5367f51f}.is-open .founder-offer-modal{animation:.38s cubic-bezier(.16,1,.3,1) forwards founder-modal-in}.is-closing .founder-offer-modal{opacity:0;transform:translate3d(var(--offer-target-x,0), var(--offer-target-y,-45vh), 0) scale(.045);border-radius:999px;transition:transform .52s cubic-bezier(.7,0,.84,0),opacity .43s,border-radius .42s}.founder-offer-close{z-index:2;color:#4c5568;background:#fff;border:1px solid #e5e9f2;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .14s,transform .14s,border-color .14s;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 6px 16px #232c501a}.founder-offer-close:hover{color:#11182b;border-color:#cfd6e6;transform:rotate(4deg)scale(1.04)}.founder-offer-close:focus-visible,.founder-offer-cta:focus-visible,.pro-bottom-cta a:focus-visible{outline-offset:3px;outline:3px solid #5367f54d}.founder-offer-content{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;padding:54px;display:grid}.founder-offer-main{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.founder-offer-eyebrow,.founder-spots{color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;font-size:10px;font-weight:850;line-height:1;display:inline-flex}.founder-offer-eyebrow{background:linear-gradient(135deg,#4267ef,#6757ec);padding:7px 11px;box-shadow:0 7px 18px #435ee833}.founder-offer-main h1{color:#0f172a;letter-spacing:-.055em;max-width:390px;margin-top:23px;font-size:clamp(38px,4vw,50px);font-weight:850;line-height:.98}.founder-offer-lead{color:#657087;max-width:44ch;margin-top:21px;font-size:15px;line-height:1.55}.founder-offer-benefits{color:#11182b;gap:13px;margin:24px 0 0;padding:0;list-style:none;display:grid}.founder-offer-benefits li,.founder-offer-guarantee,.founder-offer-included{align-items:center;gap:10px;display:flex}.founder-offer-benefits li{font-size:14px;font-weight:650}.founder-offer-benefits li>svg{color:#fff;background:#316cf4;border-radius:50%;flex:none;width:22px;height:22px;padding:4px}.founder-offer-guarantee{color:#728099;margin-top:26px;font-size:12px}.founder-offer-founder{background:radial-gradient(circle at 85% 8%,#775cf61a,#0000 37%),linear-gradient(145deg,#f6f8ff,#eef3ff);border:1px solid #cbd5ff;border-radius:17px;flex-direction:column;justify-content:center;min-width:0;padding:36px 32px;display:flex}.founder-spots{color:#4961e9;background:#e2e7ff;align-self:flex-start;padding:7px 10px}.founder-offer-founder h2{color:#11182b;letter-spacing:-.035em;margin-top:25px;font-size:22px;font-weight:820;line-height:1.08}.founder-offer-founder>p{color:#657087;margin-top:13px;font-size:13px;line-height:1.55}.founder-offer-price{align-items:baseline;gap:13px;margin-top:27px;display:flex}.founder-offer-price strong{color:#0d1425;letter-spacing:-.065em;font-size:48px;font-weight:850;line-height:1}.founder-offer-price span{color:#556078;font-size:13px}.founder-offer-cta{color:#fff;background:linear-gradient(135deg,#285ef0,#4269ef);border-radius:9px;justify-content:center;align-items:center;min-height:54px;margin-top:23px;font-size:15px;font-weight:800;text-decoration:none;transition:filter .14s,transform .14s;display:flex;box-shadow:0 13px 28px #2f5be740,inset 0 1px #ffffff3b}.founder-offer-cta:hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-1px)}.founder-offer-included{color:#647087;justify-content:center;margin-top:20px;font-size:11px}.pro-page{padding:78px 0 96px}.pro-hero{text-align:center;isolation:isolate;max-width:900px;margin:0 auto;position:relative}.pro-hero-glow{z-index:-1;filter:blur(95px);background:#5367f526;border-radius:50%;width:620px;height:380px;position:absolute;top:-150px;left:50%;transform:translate(-50%)}.pro-page-kicker{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;font-weight:850;display:inline-flex}.pro-hero h1{letter-spacing:-.065em;max-width:850px;margin:21px auto 0;font-size:clamp(48px,6.1vw,78px);font-weight:860;line-height:.98}.pro-hero>p{max-width:650px;color:var(--text-2);margin:24px auto 0;font-size:17px;line-height:1.65}.pro-page-proof{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;display:flex}.pro-page-proof span{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:700;display:inline-flex}.pro-page-proof svg{color:var(--accent-strong)}.pro-offer-shell{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));color:#11182b;background:#fff;border-radius:24px;max-width:980px;margin:56px auto 0;overflow:hidden;box-shadow:0 32px 90px #2a367424}.founder-offer-content.is-page{padding:58px}.pro-bottom-cta{border:1px solid var(--border);background:radial-gradient(circle at 82% -50%, var(--accent-soft), transparent 43%), var(--bg-raised);border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;max-width:980px;margin:22px auto 0;padding:24px 26px;display:grid;overflow:hidden}.pro-bottom-cta>span{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:850;display:inline-flex}.pro-bottom-cta h2{letter-spacing:-.025em;font-size:19px}.pro-bottom-cta p{color:var(--text-2);margin-top:3px;font-size:12px}.pro-bottom-cta a{color:#fff;background:linear-gradient(135deg,#586cf6,#7654ec);border-radius:9px;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #535ce038}@keyframes founder-backdrop-in{to{opacity:1}}@keyframes founder-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes founder-modal-in{0%{opacity:0;transform:translateY(18px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes offer-target-arrival{0%{transform:scale(.92);box-shadow:0 0 #5367f500}38%{transform:scale(1.08);box-shadow:0 0 0 8px #5367f52e,0 8px 24px #5367f533}to{transform:scale(1);box-shadow:0 0 #5367f500}}@media (width<=1100px){.header-offer-link{padding-inline:7px}.header-offer-target{padding-left:8px;font-size:11px}}@media (width<=860px){.mobile-pro-shortcut{color:var(--text);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.mobile-pro-shortcut:hover{text-decoration:none}.mobile-menu.is-open .mobile-menu-link:nth-child(5){transition-delay:.155s}.mobile-menu-pro{grid-column:1/-1;min-height:86px}.mobile-menu-pro .mobile-menu-link-icon{background:#11131a}.mobile-menu-pro-badge{min-width:30px}.founder-offer-backdrop{padding:72px 16px 20px}.founder-offer-content,.founder-offer-content.is-page{grid-template-columns:1fr;gap:28px;padding:46px 34px 34px}.founder-offer-modal{max-height:calc(100svh - 92px)}.founder-offer-main h1{max-width:560px}.pro-page{padding-top:58px}.pro-bottom-cta{grid-template-columns:1fr auto}.pro-bottom-cta>span{grid-column:1/-1}}@media (width<=560px){.mobile-pro-shortcut{font-size:0}.founder-offer-backdrop{align-items:end;padding:74px 10px 10px}.founder-offer-modal{border-radius:19px;max-height:calc(100svh - 84px)}.founder-offer-content,.founder-offer-content.is-page{gap:22px;padding:42px 20px 20px}.founder-offer-main h1{margin-top:17px;font-size:37px}.founder-offer-lead{margin-top:16px;font-size:13px}.founder-offer-benefits{gap:10px;margin-top:19px}.founder-offer-benefits li{font-size:12px}.founder-offer-guarantee{margin-top:19px}.founder-offer-founder{padding:26px 20px}.founder-offer-founder h2{margin-top:18px}.founder-offer-price{margin-top:20px}.pro-page{padding:44px 0 72px}.pro-hero h1{font-size:clamp(43px,13vw,58px)}.pro-hero>p{font-size:14px}.pro-offer-shell{border-radius:19px;margin-top:38px}.pro-bottom-cta{grid-template-columns:1fr;padding:22px}.pro-bottom-cta>span{grid-column:auto}.pro-bottom-cta a{justify-content:center}}@media (prefers-reduced-motion:reduce){.founder-offer-backdrop,.founder-offer-modal,.header-offer-target.is-primed,.mobile-pro-shortcut>span.is-primed{transition:none!important;animation:none!important}.founder-offer-backdrop.is-open{opacity:1}.founder-offer-backdrop.is-closing{opacity:0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070707;--bg-raised:#101010;--panel:#151515;--panel-2:#1d1d1d;--border:#292929;--border-strong:#414141;--text:#f4f4f5;--text-2:#a1a1aa;--text-3:#6f6f78;--muted:#76767f;--accent:#6d7cff;--accent-strong:#8b96ff;--accent-soft:#6d7cff22;--teal:#2dd4bf;--amber:#fbbf24;--amber-soft:#fbbf2419;--green:#34d399;--green-soft:#34d39919;--code-bg:#0b0b0b;--video-card-border:#46464d;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--fs-xs:11px;--fs-sm:12.5px;--fs-base:14px;--fs-md:15.5px;--fs-lg:18px;--fs-xl:24px;--fs-2xl:34px;--fs-3xl:46px;--radius-sm:7px;--radius:12px;--radius-lg:18px;--shadow:0 12px 40px #00000094;--font:"Inter", "SF Pro Text", system-ui, -apple-system, sans-serif;--mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace}:root[data-site-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfcff;--bg-raised:#fff;--panel:#f7f9fe;--panel-2:#eef2fa;--border:#e8ecf4;--border-strong:#d3d9e7;--text:#11182b;--text-2:#626c80;--text-3:#99a2b3;--muted:#747e92;--accent:#5367f5;--accent-strong:#485ce8;--accent-soft:#5367f51a;--teal:#0f766e;--amber:#a16207;--amber-soft:#d9770617;--green:#047857;--green-soft:#05966917;--code-bg:#f5f7fb;--video-card-border:#dfe3ea;--shadow:0 18px 54px #28356e1a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.55;transition:background-color .16s,color .16s}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}.shell{max-width:1280px;margin:0 auto;padding:0 36px}.header{z-index:20;align-items:center;gap:var(--s-5);grid-template-columns:1fr auto 1fr;height:60px;display:grid;position:relative}.header:after{background:var(--border);content:"";width:100vw;height:1px;position:absolute;bottom:0;right:50%;transform:translate(50%)}.brand{color:inherit;letter-spacing:-.045em;align-items:center;gap:9px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 7px 7px #445aeb2e);flex:none;width:32px;height:32px;display:block}.brand:hover{text-decoration:none}.brand-wordmark{white-space:nowrap}.header-nav{justify-content:center;align-items:stretch;height:100%;display:flex}.header-actions{justify-self:end;align-items:center;gap:14px;display:flex}.header-link{height:100%;color:var(--text-2);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:650;transition:none;display:inline-flex;position:relative}.header-link:hover{color:var(--text-2);background:0 0;text-decoration:none}.header-link.is-active:hover,.header-link.is-active{color:var(--accent-strong)}.header-link.is-active:after{background:var(--accent);content:"";border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:10px;right:10px}.header-link-github{gap:7px}.site-theme-toggle{border:1px solid var(--border);background:var(--bg-raised);width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;transition:border-color .14s,color .14s,transform .14s;display:grid;box-shadow:0 5px 16px #2c39700d}.site-theme-toggle:hover{border-color:var(--border-strong);color:var(--accent-strong);transform:translateY(-1px)}.site-theme-toggle:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.mobile-menu-toggle,.mobile-menu-backdrop,.mobile-menu{display:none}.btn{align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);font-weight:700;font-size:var(--fs-sm);padding:var(--s-2) var(--s-4);transition:filter .12s,background .12s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#586cf6,#4e59e8);box-shadow:0 8px 20px #4856e340,inset 0 1px #ffffff3d}.btn-primary:hover{filter:brightness(1.12);text-decoration:none}.header .btn-primary{min-height:36px;box-shadow:none;border-radius:10px;padding:0 14px}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--panel-2)}.btn-block{width:100%;padding:var(--s-3) var(--s-4);font-size:var(--fs-base);justify-content:center}.error-page{isolation:isolate;grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);align-items:center;gap:clamp(38px,7vw,112px);max-width:1260px;min-height:calc(100svh - 60px);margin:0 auto;padding:clamp(56px,8vh,104px) 0 clamp(72px,10vh,128px);display:grid;position:relative}.error-page:before{z-index:-1;content:"";filter:blur(100px);pointer-events:none;background:#6d7cff1c;border-radius:50%;width:420px;height:420px;position:absolute;top:5%;right:10%}.error-copy{z-index:2;max-width:560px;position:relative}.error-eyebrow{color:var(--accent-strong);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:19px;font-size:11px;font-weight:750;display:inline-flex}.error-status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px var(--accent-soft), 0 0 18px var(--accent);border-radius:50%}.error-page-500 .error-status-dot{animation:1.8s ease-in-out infinite error-pulse}.error-copy h1{letter-spacing:-.055em;max-width:10ch;font-size:clamp(48px,5.3vw,76px);font-weight:820;line-height:.99}.error-copy>p{max-width:52ch;color:var(--text-2);margin-top:22px;font-size:16px;line-height:1.72}.error-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.error-actions .btn{border-radius:10px;justify-content:center;min-height:42px;padding-inline:18px}.error-primary-action{border:0}.error-secondary-action:hover{background:var(--panel-2)}.error-visual{aspect-ratio:1;border:1px solid var(--border);background:#050509;border-radius:32px;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 100px #1416422e,inset 0 1px #ffffff0a}.error-visual:after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff09,#0000 28%),radial-gradient(circle at 50% 88%,#753fff1f,#0000 34%);position:absolute;inset:0}.error-visual img{z-index:1;object-fit:cover;width:100%;height:100%;animation:7s ease-in-out infinite error-float;display:block;position:absolute;inset:0}.error-code-ghost{z-index:2;color:#ffffff17;font-family:var(--mono);letter-spacing:-.08em;font-size:clamp(54px,6vw,88px);font-weight:800;line-height:1;position:absolute;top:20px;left:26px}.error-visual-glow{z-index:0;filter:blur(72px);background:#566cf642;border-radius:50%;position:absolute;inset:15%}.error-visual figcaption{z-index:3;color:#f4f4f5;-webkit-backdrop-filter:blur(14px);background:#0b0b12b8;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:11px;min-width:190px;padding:11px 13px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 12px 32px #00000057}.error-frame-icon{background:linear-gradient(145deg,#5474ffd9,#bd47ffc7);border:1px solid #99a6ffa6;border-radius:8px;flex:none;width:31px;height:31px;position:relative;box-shadow:inset 0 1px 1px #ffffff73,0 6px 16px #4e47ee4d}.error-frame-icon:after{content:"";border:1px solid #ffffff80;border-radius:4px;position:absolute;inset:6px}.error-visual figcaption>span:last-child{flex-direction:column;display:flex}.error-visual figcaption strong{letter-spacing:.02em;font-size:11px}.error-visual figcaption small{color:#8d8d9a;font-family:var(--mono);font-size:9px}@keyframes error-float{0%,to{transform:translate(0,0)scale(1.015)}50%{transform:translateY(-8px)scale(1.025)}}@keyframes error-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (width<=980px){.error-page{grid-template-columns:minmax(0,.95fr) minmax(390px,1.05fr);gap:32px}}@media (width<=780px){.error-page{grid-template-columns:1fr;gap:42px;min-height:auto;padding-top:52px}.error-copy{max-width:650px}.error-copy h1{max-width:12ch}.error-visual{justify-self:center;width:min(100%,600px)}}@media (width<=560px){.error-page{padding-top:38px}.error-copy h1{font-size:clamp(42px,13.2vw,58px)}.error-copy>p{font-size:14px}.error-actions{grid-template-columns:1fr;display:grid}.error-actions .btn{width:100%}.error-visual{border-radius:22px}.error-visual figcaption{bottom:12px;right:12px}}.hero{padding:var(--s-8) 0 var(--s-6);gap:var(--s-7);grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.hero h1{font-size:var(--fs-3xl);letter-spacing:-.025em;font-weight:800;line-height:1.1}.hero h1 em{background:linear-gradient(100deg, var(--accent-strong), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{margin-top:var(--s-4);color:var(--text-2);font-size:var(--fs-md);max-width:56ch}.hero-badges{gap:var(--s-2);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.howto{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-5);box-shadow:var(--shadow)}.howto-title{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-4);font-weight:700}.howto-step{gap:var(--s-3);padding:var(--s-3) 0;display:flex}.howto-step+.howto-step{border-top:1px solid var(--border)}.howto-num{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-strong);font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:800;display:flex}.howto-step h3{font-size:var(--fs-base);font-weight:700}.howto-step p{color:var(--text-2);font-size:var(--fs-sm);margin-top:var(--s-1)}.howto-step code{font-family:var(--mono);font-size:var(--fs-xs);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--teal);padding:2px 6px}.chip{border:1px solid var(--border);background:var(--panel);color:var(--text-2);padding:var(--s-1) var(--s-3);font-size:var(--fs-sm);border-radius:999px;font-weight:600;transition:all .12s}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.badge{font-size:var(--fs-xs);padding:2px var(--s-2);letter-spacing:.02em;border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.badge-free{background:var(--green-soft);color:var(--green)}.badge-premium{background:var(--amber-soft);color:var(--amber)}.badge-neutral{background:var(--panel-2);color:var(--text-2);border:1px solid var(--border)}.style-launcher{align-items:center;gap:var(--s-5);margin-bottom:var(--s-5);padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 86% -80%, #6d7cff2e, transparent 38%), var(--bg-raised);grid-template-columns:auto minmax(0,1fr) auto;display:grid;box-shadow:0 12px 34px #0003}.style-launcher-brand,.style-launcher-actions,.style-launcher-summary,.summary-token{align-items:center;display:flex}.style-launcher-brand{gap:var(--s-3)}.style-launcher-brand>span:last-child{flex-direction:column;display:flex}.style-launcher-brand small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:800}.style-launcher-brand strong{font-size:var(--fs-sm)}.style-launcher-orb{background:conic-gradient(from 210deg, var(--preset-a), var(--preset-b), var(--preset-c), var(--preset-a));border:1px solid #fff3;border-radius:50%;flex:none;width:36px;height:36px;box-shadow:inset 0 0 0 4px #ffffff14,0 6px 16px #0000004d}.style-launcher-summary{gap:var(--s-2);min-width:0}.summary-token{border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;gap:6px;padding:4px 8px}.summary-token i{background:var(--summary);border:1px solid #ffffff59;border-radius:50%;width:10px;height:10px}.style-launcher-actions{justify-content:flex-end;gap:var(--s-3)}.edit-style-button,.style-modal-footer button{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:var(--fs-sm);font-weight:800;display:inline-flex}.edit-style-button{padding:7px var(--s-3)}.edit-style-button:hover,.style-modal-footer button:hover{filter:brightness(1.12)}.style-modal-backdrop{z-index:100;padding:var(--s-5);-webkit-backdrop-filter:blur(12px);background:#04070ec7;place-items:center;animation:.14s ease-out modal-fade;display:grid;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}}.style-studio{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 92% 0%, #6d7cff26, transparent 31%), var(--bg-raised);position:relative;overflow:hidden;box-shadow:0 18px 60px #0000003d}.style-modal-panel{flex-direction:column;width:min(1120px,100%);max-height:min(860px,92vh);animation:.18s cubic-bezier(.22,1,.36,1) modal-rise;display:flex;box-shadow:0 30px 100px #000000ad}@keyframes modal-rise{0%{transform:translateY(12px)scale(.985)}}.style-modal-scroll{overscroll-behavior:contain;min-height:0;overflow-y:auto}.studio-head{justify-content:space-between;align-items:flex-end;gap:var(--s-5);padding:var(--s-5);border-bottom:1px solid var(--border);display:flex}.style-modal-close{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-2);background:var(--panel);flex:none;place-items:center;display:grid}.style-modal-close:hover{border-color:var(--border-strong);color:var(--text);background:var(--panel-2)}.studio-kicker,.studio-section-label{align-items:center;gap:var(--s-2);color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:800;display:flex}.studio-head h2{margin-top:var(--s-1);font-size:var(--fs-xl);letter-spacing:-.02em}.studio-head p{margin-top:var(--s-1);color:var(--text-2);font-size:var(--fs-sm)}.studio-format,.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);padding:3px;display:inline-flex}.studio-format button,.segmented button{color:var(--muted);font-size:var(--fs-xs);border-radius:5px;font-weight:800}.studio-format button{padding:6px 11px}.segmented button{min-width:66px;padding:5px 9px}.studio-format button.is-active,.segmented button.is-active{color:var(--text);background:var(--panel-2);box-shadow:0 1px 5px #00000047}.studio-preset-row{gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);grid-template-columns:230px minmax(0,1fr);display:grid}.preset-select{align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--panel);color:var(--text-2);display:flex;position:relative}.preset-select>span{flex-direction:column;flex:1;min-width:0;display:flex}.preset-select small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.preset-select strong{color:var(--text);font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preset-select select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.preset-cards{gap:var(--s-2);grid-template-columns:repeat(8,minmax(62px,1fr));min-width:0;display:grid}.preset-card{min-width:0;padding:7px var(--s-1);border-radius:var(--radius-sm);color:var(--muted);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:700;transition:border-color .12s,background .12s,color .12s;display:flex;position:relative}.preset-card:hover{color:var(--text-2);background:var(--panel)}.preset-card.is-active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.preset-card>svg{color:var(--accent-strong);position:absolute;top:5px;right:5px}.preset-orb{background:conic-gradient(from 210deg, var(--preset-a), var(--preset-b), var(--preset-c), var(--preset-a));border:1px solid #ffffff2e;border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 3px #ffffff14,0 5px 14px #0000003d}.studio-customize{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border)}.studio-section-label{margin-bottom:var(--s-3);color:var(--muted)}.token-grid{gap:var(--s-2);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.token-control{align-items:center;gap:var(--s-2);min-width:0;padding:var(--s-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel) 72%, transparent);cursor:pointer;transition:border-color .12s,background .12s;display:flex}.token-control:hover{border-color:var(--border-strong);background:var(--panel)}.token-icon{color:var(--muted);flex:none;place-items:center;display:grid}.token-copy{flex-direction:column;flex:1;min-width:0;display:flex}.token-copy strong{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.token-copy small{color:var(--muted);font-family:var(--mono);font-size:8px}.token-color{background:var(--token-color);width:26px;height:26px;box-shadow:0 0 0 1px var(--border), 0 4px 10px #00000040;border:2px solid #ffffffad;border-radius:50%;flex:none;overflow:hidden}.token-color input{opacity:0;cursor:pointer;width:34px;height:34px;margin:-5px}.studio-materials{gap:var(--s-3);padding:var(--s-4) var(--s-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.material-control{justify-content:space-between;align-items:center;gap:var(--s-3);min-width:0;display:flex}.material-control>span{align-items:center;gap:var(--s-2);min-width:0;color:var(--muted);display:flex}.material-control>span>span{flex-direction:column;min-width:0;display:flex}.material-control strong{color:var(--text);font-size:var(--fs-xs)}.material-control small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.radius-editor{padding:var(--s-4) var(--s-5) var(--s-5);border-top:1px solid var(--border)}.radius-editor-head,.radius-editor-head>span,.radius-editor-head>span>span{display:flex}.radius-editor-head{justify-content:space-between;align-items:center;gap:var(--s-4);margin-bottom:var(--s-3)}.radius-editor-head>span{align-items:center;gap:var(--s-2);color:var(--muted)}.radius-editor-head>span>span{flex-direction:column}.radius-editor-head strong{color:var(--text);font-size:var(--fs-sm)}.radius-editor-head small{color:var(--muted);font-size:var(--fs-xs)}.radius-editor-head output{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--code-bg);min-width:58px;color:var(--accent-strong);font-family:var(--mono);font-size:var(--fs-sm);text-align:center;padding:5px 9px;font-weight:800}.radius-editor-controls{align-items:center;gap:var(--s-5);grid-template-columns:minmax(180px,1fr) auto;display:grid}.radius-editor input[type=range]{width:100%;accent-color:var(--accent)}.radius-presets{gap:var(--s-2);grid-template-columns:repeat(4,minmax(78px,1fr));display:grid}.radius-presets button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);background:var(--panel);font-size:var(--fs-xs);grid-template-columns:18px 1fr auto;align-items:center;gap:6px;padding:6px 8px;font-weight:700;display:grid}.radius-presets button:hover,.radius-presets button.is-active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.radius-presets button i{border:2px solid;width:18px;height:18px}.radius-presets button small{color:var(--muted);font-family:var(--mono);font-size:9px}.style-modal-footer{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);border-top:1px solid var(--border);background:var(--bg-raised);display:flex}.style-modal-footer span{color:var(--muted);font-size:var(--fs-xs)}.style-modal-footer button{min-width:88px;padding:7px var(--s-4)}.workspace{gap:var(--s-5);padding-bottom:var(--s-8);grid-template-columns:250px minmax(0,1fr) 360px;align-items:start;display:grid}.rail{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-3);top:var(--s-4);position:sticky}.rail-filters{gap:var(--s-1);padding:var(--s-1) var(--s-1) var(--s-3);display:flex}.rail-section{font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);padding:var(--s-3) var(--s-2) var(--s-1);font-weight:700}.rail-item{justify-content:space-between;align-items:center;gap:var(--s-2);text-align:left;width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);color:var(--text-2);font-weight:600;font-size:var(--fs-sm);border:1px solid #0000;display:flex}.rail-item:hover{background:var(--panel);color:var(--text)}.rail-item.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.stage{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.player-frame{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-4);box-shadow:var(--shadow);justify-content:center;width:100%;display:flex}.player-box{width:100%;max-width:calc(min(66vh, 640px) * var(--ar))}.player-box .__remotion-player{border-radius:var(--radius);overflow:hidden}.stage-caption{color:var(--muted);font-size:var(--fs-xs)}.info{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s-5);top:var(--s-4);gap:var(--s-4);flex-direction:column;display:flex;position:sticky}.info-head{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.info-head h2{font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:800}.info-desc{color:var(--text-2);font-size:var(--fs-sm)}.info-section-title{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-2);font-weight:700}.req-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.props-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.props-table td{padding:var(--s-2) var(--s-2);border-top:1px solid var(--border);vertical-align:top}.props-table tr:first-child td{border-top:none}.prop-name{font-family:var(--mono);font-size:var(--fs-xs);color:var(--teal);white-space:nowrap}.prop-type{color:var(--text-2)}.prop-req{color:var(--amber);font-size:var(--fs-xs);font-weight:700}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s-4);padding-right:var(--s-8);font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-2);white-space:pre;line-height:1.6;position:relative;overflow-x:auto}.code-copy{top:var(--s-2);right:var(--s-2);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-xs);padding:2px var(--s-2);font-weight:700;position:absolute}.code-copy:hover{color:var(--text)}.code-note{color:var(--muted);font-size:var(--fs-xs);margin-top:var(--s-2)}.lock-box{background:var(--amber-soft);border:1px solid color-mix(in srgb, var(--amber) 35%, transparent);border-radius:var(--radius);padding:var(--s-4);gap:var(--s-3);flex-direction:column;display:flex}.lock-box p{font-size:var(--fs-sm);color:var(--text-2)}.lock-box strong{color:var(--text)}.btn-buy{background:var(--amber);color:#1a1206}.btn-buy:hover{filter:brightness(1.08)}.player-empty{padding:var(--s-8);text-align:center;color:var(--text-2);gap:var(--s-3);flex-direction:column;align-items:center;display:flex}.player-empty h3{font-size:var(--fs-lg);color:var(--text)}.player-empty code{font-family:var(--mono);font-size:var(--fs-sm);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--teal);padding:2px 8px}.examples{padding:var(--s-6) 0 var(--s-8)}.examples-head{max-width:760px;margin-bottom:var(--s-6)}.examples-kicker{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s-3);font-weight:800}.examples-head h2{font-size:var(--fs-2xl);letter-spacing:-.025em;margin-bottom:var(--s-3);line-height:1.08}.examples-head p{color:var(--text-2);font-size:var(--fs-md)}.example-card{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--shadow)}.example-card+.example-card{margin-top:var(--s-6)}.example-preview-layout{gap:var(--s-5);grid-template-columns:minmax(0,1fr) minmax(320px,.4fr);align-items:stretch;display:grid}.example-preview-layout .player-frame{align-items:center;min-width:0}.example-preview-layout .player-box{max-width:none}.example-theme-picker{min-width:0;padding:var(--s-5);border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 36%), linear-gradient(155deg, color-mix(in srgb, var(--bg-raised) 94%, var(--accent-soft)), var(--bg-raised));box-shadow:inset 0 1px 0 #ffffffb8, var(--shadow);position:relative;overflow:hidden}.example-theme-heading{align-items:center;gap:var(--s-3);display:flex}.example-theme-heading .examples-kicker{margin-bottom:3px}.example-theme-heading h3{font-size:var(--fs-lg);letter-spacing:-.02em}.example-theme-icon{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:var(--accent-soft);width:38px;height:38px;color:var(--accent-strong);border-radius:12px;flex:none;place-items:center;display:grid}.example-theme-copy{margin:var(--s-3) 0 var(--s-4);color:var(--text-2);font-size:var(--fs-sm);line-height:1.5}.example-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.example-theme-option{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-raised) 92%, var(--panel));min-width:0;color:var(--text);text-align:left;border-radius:12px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:7px;padding:7px;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s;display:grid;position:relative}.example-theme-option:hover{border-color:color-mix(in srgb, var(--theme-primary) 58%, var(--border));transform:translateY(-1px);box-shadow:0 8px 18px #2a2b4a17}.example-theme-option:focus-visible{outline:3px solid color-mix(in srgb, var(--theme-primary) 24%, transparent);outline-offset:2px}.example-theme-option.is-active{border-color:var(--theme-primary);background:color-mix(in srgb, var(--theme-primary) 7%, var(--bg-raised));box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-primary) 14%, transparent)}.example-theme-preview{border:1px solid color-mix(in srgb, var(--theme-primary) 28%, transparent);background:linear-gradient(145deg, var(--theme-background), var(--theme-surface));border-radius:8px;width:38px;height:34px;display:block;position:relative;overflow:hidden}.example-theme-preview:before{background:color-mix(in srgb, var(--theme-surface) 72%, transparent);content:"";border:1px solid #ffffff57;border-radius:4px;width:22px;height:13px;position:absolute;bottom:6px;right:6px;box-shadow:0 4px 8px #0000002e}.example-theme-preview>span:first-child{z-index:1;background:var(--theme-primary);width:14px;height:5px;box-shadow:0 9px 0 -1px color-mix(in srgb, var(--theme-primary) 54%, transparent);border-radius:99px;position:absolute;top:7px;left:6px}.example-theme-label{flex-direction:column;gap:2px;min-width:0;display:flex}.example-theme-label strong{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:800;line-height:1.15;overflow:hidden}.example-theme-label small{color:var(--muted);font-size:9px;font-weight:700}.example-theme-check{z-index:2;width:14px;height:14px;color:var(--theme-background);border:1px solid #0000;border-radius:50%;place-items:center;display:grid;position:absolute;top:3px;right:3px}.example-theme-option.is-active .example-theme-check{border-color:color-mix(in srgb, var(--theme-primary) 70%, white);background:var(--theme-primary)}.example-info{gap:var(--s-4);min-width:0;margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border);flex-direction:column;display:flex}.example-info h3{font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:800}.example-summary{color:var(--text-2);font-size:var(--fs-md)}.example-chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.example-chip{align-items:center;gap:var(--s-2);border:1px solid var(--border);color:var(--text-2);background:var(--panel);font-size:var(--fs-xs);border-radius:99px;padding:5px 10px;font-weight:800;display:inline-flex}.example-chip:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.example-chip-camera:before{background:var(--teal)}.example-chip-footage:before{background:var(--amber)}.camera-showcase{border-top:1px solid var(--border);padding:var(--s-8) 0}.camera-showcase-head{gap:var(--s-7);margin-bottom:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:end;display:grid}.camera-kicker{color:var(--teal);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s-3);font-weight:800}.camera-showcase-head h2{max-width:760px;font-size:var(--fs-2xl);letter-spacing:-.025em;line-height:1.08}.camera-showcase-head p{color:var(--text-2);font-size:var(--fs-md)}.camera-mode-groups{gap:var(--s-5);margin-bottom:var(--s-5);display:grid}.camera-mode-group-title{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;margin-bottom:var(--s-2);font-weight:800}.camera-mode-tabs{gap:var(--s-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.camera-mode-tab{padding:var(--s-3) var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-2);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;transition:background .12s,border-color .12s,color .12s;display:flex}.camera-mode-tab:hover{background:var(--panel);border-color:var(--border-strong)}.camera-mode-tab.is-active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.camera-mode-tab span{font-weight:800}.camera-mode-tab small{color:var(--muted);font-size:var(--fs-xs)}.camera-showcase-grid{gap:var(--s-5);grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);align-items:stretch;display:grid}.camera-player-card,.camera-spec-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.camera-player-card{padding:var(--s-4)}.camera-player-meta{justify-content:space-between;align-items:center;gap:var(--s-4);padding:0 var(--s-1) var(--s-4);display:flex}.camera-player-meta>div{flex-direction:column;gap:2px;display:flex}.camera-player-meta strong{font-size:var(--fs-md)}.camera-player-meta span:not(.badge){color:var(--text-2);font-size:var(--fs-sm)}.camera-player-box{border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--camera-accent) 40%, var(--border));background:var(--code-bg);overflow:hidden}.camera-player-box .__remotion-player{display:block}.camera-reduced-note{color:var(--muted);font-size:var(--fs-xs);margin-top:var(--s-2)}.camera-spec-card{padding:var(--s-5);flex-direction:column;min-width:0;display:flex}.camera-spec-head{justify-content:space-between;align-items:center;gap:var(--s-3);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.13em;font-weight:800;display:flex}.camera-spec-status{color:var(--green);letter-spacing:0;text-transform:none}.camera-spec-status.is-extended{color:var(--amber)}.camera-spec-card pre{margin:var(--s-4) 0;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--code-bg);min-height:260px;color:var(--teal);font-family:var(--mono);font-size:var(--fs-xs);white-space:pre-wrap;line-height:1.55;overflow-x:auto}.camera-scope-list{gap:var(--s-3);margin-top:auto;display:grid}.camera-scope-list div{gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--border);grid-template-columns:64px 1fr;display:grid}.camera-scope-list strong{color:var(--text);font-size:var(--fs-sm)}.camera-scope-list span{color:var(--text-2);font-size:var(--fs-sm)}.camera-hud-frame{border:2px solid #ffffff47;border-radius:20px;position:absolute;inset:46px;box-shadow:inset 0 0 0 1px #0000003d}.camera-hud-top,.camera-hud-zoom{color:#ffffffc2;letter-spacing:.12em;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex;position:absolute;top:66px}.camera-hud-top{left:70px}.camera-hud-zoom{font-variant-numeric:tabular-nums;right:70px}.camera-live-dot{background:#fb7185;border-radius:50%;width:10px;height:10px;box-shadow:0 0 18px #fb7185b3}.camera-crosshair{border:2px solid #ffffff80;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.camera-crosshair:before,.camera-crosshair:after{content:"";background:#ffffff80;position:absolute}.camera-crosshair:before{width:2px;height:78px;top:-12px;left:50%;transform:translate(-50%)}.camera-crosshair:after{width:78px;height:2px;top:50%;left:-12px;transform:translateY(-50%)}.camera-crosshair span{background:var(--camera-accent,var(--accent));box-shadow:0 0 18px color-mix(in srgb, var(--camera-accent,var(--accent)) 70%, transparent);border-radius:50%;position:absolute;inset:18px}.sfx-showcase{border-top:1px solid var(--border);padding:var(--s-8) 0}.sfx-showcase-head{align-items:end;gap:var(--s-7);grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);display:grid}.sfx-kicker{color:var(--amber);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s-3);font-weight:800}.sfx-showcase-head h2{max-width:760px;font-size:var(--fs-2xl);letter-spacing:-.025em;line-height:1.08}.sfx-summary{align-items:center;gap:var(--s-4);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);grid-template-columns:auto 1fr;display:grid}.sfx-summary strong{color:var(--amber);font-size:var(--fs-2xl);font-variant-numeric:tabular-nums;line-height:1}.sfx-summary span{color:var(--text-2);font-size:var(--fs-sm);line-height:1.35}.mouse-audition{gap:var(--s-5);margin-top:var(--s-6);padding:var(--s-5);border:1px solid color-mix(in srgb, var(--amber) 42%, var(--border));border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--amber) 9%, var(--bg-raised)), var(--bg-raised));grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);display:grid}.mouse-audition-copy span{color:var(--amber);font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:900}.mouse-audition-copy h3{margin:var(--s-2) 0;font-size:var(--fs-lg);line-height:1.2}.mouse-audition-copy p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.mouse-audition-grid{gap:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mouse-audition-button{align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-3);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--panel-2);text-align:left;grid-template-columns:auto minmax(0,1fr) auto;transition:border-color .12s,filter .12s;display:grid}.mouse-audition-button:hover{border-color:var(--amber);filter:brightness(1.1)}.mouse-audition-button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.mouse-audition-button.is-playing{border-color:var(--amber);background:color-mix(in srgb, var(--amber) 15%, var(--panel-2))}.mouse-audition-letter{width:30px;height:30px;color:var(--code-bg);background:var(--amber);font-family:var(--mono);font-size:var(--fs-xs);border-radius:50%;place-items:center;font-weight:900;display:grid}.mouse-audition-label{gap:3px;min-width:0;display:grid}.mouse-audition-label strong,.mouse-audition-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mouse-audition-label strong{font-size:var(--fs-sm)}.mouse-audition-label small{color:var(--muted);font-size:var(--fs-xs)}.mouse-audition-play{color:var(--amber);font-size:var(--fs-xs);font-weight:900}.sfx-category-key{gap:var(--s-2);margin:var(--s-6) 0 var(--s-4);flex-wrap:wrap;display:flex}.sfx-category{align-items:center;gap:var(--s-2);border:1px solid var(--border);color:var(--text-2);background:var(--bg-raised);font-size:var(--fs-xs);border-radius:99px;padding:5px 10px;font-weight:800;display:inline-flex}.sfx-category:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.sfx-category-reveal:before{background:var(--teal)}.sfx-category-transition:before{background:var(--amber)}.sfx-category-feedback:before{background:var(--green)}.sfx-grid{gap:var(--s-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sfx-card{min-height:224px;padding:var(--s-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;transition:transform .14s,border-color .14s,background .14s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.sfx-card:hover{border-color:var(--border-strong);background:var(--panel);transform:translateY(-2px)}.sfx-card.is-playing{border-color:var(--accent);background:linear-gradient(145deg, var(--accent-soft), var(--bg-raised) 60%)}.sfx-card-top,.sfx-card-bottom{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.sfx-index{border-radius:var(--radius-sm);background:var(--accent);width:32px;height:26px;color:var(--code-bg);font-family:var(--mono);font-size:var(--fs-xs);place-items:center;font-weight:900;display:grid}.sfx-index-reveal{background:var(--teal)}.sfx-index-transition{background:var(--amber)}.sfx-index-feedback{background:var(--green)}.sfx-duration{color:var(--muted);font-family:var(--mono);font-size:var(--fs-xs)}.sfx-card-copy{margin:var(--s-5) 0}.sfx-card-copy h3{margin:0 0 var(--s-2);font-size:var(--fs-lg);letter-spacing:-.01em}.sfx-card-copy p{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45}.sfx-card-bottom{padding-top:var(--s-3);border-top:1px solid var(--border);margin-top:auto}.sfx-card-bottom code{color:var(--teal);font-family:var(--mono);font-size:var(--fs-xs)}.sfx-card-bottom code:before{content:"sfx:";color:var(--muted)}.sfx-play{justify-content:center;align-items:center;gap:var(--s-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:86px;color:var(--text);background:var(--panel-2);font-size:var(--fs-sm);padding:7px 11px;font-weight:800;transition:filter .12s,border-color .12s;display:inline-flex}.sfx-play:hover{filter:brightness(1.16);border-color:var(--accent)}.sfx-play:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.sfx-card.is-playing .sfx-play{color:var(--code-bg);border-color:var(--accent);background:var(--accent-strong)}.sfx-play-icon{place-items:center;width:15px;height:15px;display:grid}.sfx-triangle{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0;margin-left:2px}.sfx-eq{align-items:center;gap:2px;height:13px;display:flex}.sfx-eq i{background:currentColor;border-radius:99px;width:2px;height:6px;animation:.42s ease-in-out infinite alternate sfx-eq;display:block}.sfx-eq i:nth-child(2){animation-delay:-160ms}.sfx-eq i:nth-child(3){animation-delay:-280ms}@keyframes sfx-eq{to{height:13px}}@media (width<=1160px){.style-launcher{grid-template-columns:auto minmax(0,1fr)}.style-launcher-summary{display:none}.preset-cards{grid-template-columns:repeat(4,minmax(70px,1fr))}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-materials,.example-preview-layout{grid-template-columns:1fr}.example-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.camera-showcase-grid{grid-template-columns:1fr}.camera-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-spec-card pre{min-height:0}.sfx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.footer{border-top:1px solid var(--border);padding:var(--s-6) 0 var(--s-8);color:var(--muted);font-size:var(--fs-sm);gap:var(--s-3);flex-direction:column;display:flex}.footer-main{justify-content:space-between;align-items:flex-start;gap:var(--s-5);display:flex}.footer-legal{gap:var(--s-4);flex-wrap:wrap;flex:none;display:flex}.footer-legal a{color:var(--text-2);font-weight:700}.footer-note{max-width:980px}@media (width<=1160px){.workspace{grid-template-columns:210px minmax(0,1fr)}.info{grid-column:1/-1;position:static}}@media (width<=860px){.header{gap:var(--s-3);flex-wrap:wrap}.header-actions{flex-wrap:wrap;width:100%}.hero{grid-template-columns:1fr}.style-launcher-actions{justify-content:flex-end}.style-modal-panel .studio-head{align-items:flex-start}.studio-preset-row{grid-template-columns:1fr}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radius-editor-controls,.workspace{grid-template-columns:1fr}.workspace>*{width:100%;min-width:0}.player-frame,.code-block{min-width:0;max-width:100%}.rail{position:static}.camera-showcase-head{gap:var(--s-4);grid-template-columns:1fr}.camera-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-player-meta{flex-direction:column;align-items:flex-start}.sfx-showcase-head{gap:var(--s-4);grid-template-columns:1fr}.mouse-audition{grid-template-columns:1fr}.sfx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.shell{padding:0 var(--s-4)}.style-launcher{gap:var(--s-3);grid-template-columns:1fr}.style-launcher-actions{justify-content:space-between}.style-modal-backdrop{padding:0}.style-modal-panel{border:0;border-radius:0;width:100%;height:100%;max-height:none}.studio-head,.studio-preset-row,.studio-customize,.studio-materials,.radius-editor,.style-modal-footer{padding-left:var(--s-3);padding-right:var(--s-3)}.preset-cards{padding-bottom:var(--s-1);display:flex;overflow-x:auto}.preset-card{min-width:72px}.token-grid{grid-template-columns:1fr}.material-control{flex-direction:column;align-items:flex-start}.radius-editor-head{align-items:flex-start}.radius-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.style-modal-footer span{max-width:210px}.sfx-grid,.mouse-audition-grid{grid-template-columns:1fr}.footer-main{gap:var(--s-3);flex-direction:column}}@media (prefers-reduced-motion:reduce){.style-modal-backdrop,.style-modal-panel{animation:none}.sfx-card,.sfx-play,.mouse-audition-button{transition:none}.sfx-card:hover{transform:none}.sfx-eq i{animation:none}}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.templates-store{padding:var(--s-6) 0 96px}.store-hero{grid-template-columns:minmax(470px,.92fr) minmax(560px,1.08fr);align-items:center;gap:24px;min-height:486px;padding:48px 0 50px;display:grid;position:relative}.store-hero-copy{z-index:3;min-width:0;position:relative}.store-eyebrow,.detail-kicker,.detail-section-label{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;font-weight:800}.store-eyebrow{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-raised) 88%, var(--accent-soft));border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:5px 11px;display:inline-flex;box-shadow:0 7px 20px #3f4fa40d}.store-hero h1{letter-spacing:-.06em;max-width:650px;margin-top:18px;font-size:clamp(44px,3.75vw,60px);font-weight:850;line-height:.99}.store-hero h1 span{color:#0000;background:linear-gradient(96deg,#3c82f4 0%,#6266ee 47%,#9a4de7 100%);-webkit-background-clip:text;background-clip:text;padding:2px 0 7px;display:block}.store-hero>p{max-width:620px}.store-hero-copy>p{max-width:610px;color:var(--text-2);margin-top:17px;font-size:16px;line-height:1.5}.store-hero .hero-badges{gap:20px;margin-top:26px}.hero-benefit{color:var(--text-2);white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:650;display:inline-flex}.hero-benefit svg{box-sizing:content-box;border:1px solid var(--border);background:var(--bg-raised);color:var(--accent-strong);border-radius:50%;padding:8px;box-shadow:0 7px 18px #3747990f}.store-hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.store-hero-actions .btn{min-height:42px;padding-inline:18px}.store-hero-actions .btn-ghost{color:#3f4bc2;background:#fff;border:1px solid #ffffffc7;box-shadow:0 12px 30px #2f3a8e33,inset 0 1px #ffffffe6}.store-hero-actions .btn-ghost:hover{color:#303ba9;filter:none;background:#f7f8ff;text-decoration:none}.hero-video{z-index:1;width:min(80%,580px);min-width:0;aspect-ratio:var(--hero-video-ratio);border:1px solid color-mix(in srgb, var(--border) 72%, #fff);isolation:isolate;background:#0d0f16;border-radius:18px;place-self:center;position:relative;overflow:hidden;box-shadow:0 28px 70px #26306833}.store-browser{border:1px solid var(--border);background:var(--bg-raised);border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #28234614}.store-toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-raised) 92%, var(--panel));align-items:center;gap:12px;min-height:76px;padding:14px 16px;display:flex}.home-preview-toolbar{min-height:82px;padding-inline:18px}.home-style-hint{opacity:1;max-width:270px;transition:max-width .24s,opacity .18s,transform .24s;overflow:hidden}.home-style-hint.is-dismissed{opacity:0;max-width:0;transform:translate(-10px)}.home-style-hint-inner{color:#111318;transform-origin:0;align-items:center;gap:5px;width:254px;animation:1.15s ease-in-out infinite home-style-point;display:flex}.home-style-hint svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:46px;height:28px;overflow:visible}.home-style-hint-inner>span{letter-spacing:-.025em;white-space:nowrap;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-size:17px;font-weight:700;line-height:1;transform:translateY(-3px)rotate(-2deg)}@keyframes home-style-point{0%,to{transform:translate(6px)}50%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){.home-style-hint,.home-style-hint-inner{transition:none;animation:none}}.store-search{border:1px solid var(--border);background:var(--bg-raised);width:min(330px,30vw);min-width:240px;height:46px;color:var(--muted);border-radius:11px;align-items:center;gap:10px;padding:0 12px;transition:border-color .14s,box-shadow .14s;display:flex}.store-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.store-search input{width:100%;min-width:0;color:var(--text);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:0}.store-search input::placeholder{color:var(--text-3)}.store-search kbd{border:1px solid var(--border);background:var(--panel);color:var(--muted);font-family:var(--font);border-radius:5px;flex:none;padding:2px 6px;font-size:10px}.store-select{border:1px solid var(--border);background:var(--bg-raised);height:42px;color:var(--text-2);border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:inline-flex;position:relative}.store-select select{appearance:none;min-width:0;color:var(--text);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;outline:0;font-weight:650}.store-select:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.store-design-select{min-width:195px;height:46px}.store-design-select>span:first-child{height:100%;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;align-items:center;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.store-design-name{height:100%;color:var(--text);font-size:var(--fs-sm);align-items:center;font-weight:650;line-height:1;display:inline-flex}.store-design-select select{z-index:2;opacity:0;width:100%;height:100%;position:absolute;inset:0}.store-design-select>svg{pointer-events:none;margin-left:auto}.toolbar-spacer{flex:1}.aspect-control{white-space:nowrap;align-items:center;gap:9px;display:flex}.control-label{color:var(--muted);font-size:var(--fs-sm)}.aspect-toggle{border:1px solid var(--border);background:var(--panel);border-radius:10px;height:42px;padding:3px;display:flex}.aspect-toggle button{min-width:44px;color:var(--muted);font-size:var(--fs-xs);border-radius:7px;padding:0 8px;font-weight:750}.aspect-toggle button:hover{color:var(--text)}.aspect-toggle button.is-active{background:var(--bg-raised);color:var(--accent-strong);box-shadow:0 1px 5px #1e193c1f}.results-line{color:var(--muted);font-size:var(--fs-xs);justify-content:space-between;padding:15px 18px 0;display:flex}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;display:grid}.template-card{background:var(--bg-raised);isolation:isolate;border:0;border-radius:15px;min-width:0;transition:box-shadow .16s;position:relative;overflow:hidden}.template-card:after{z-index:10;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--video-card-border);content:"";pointer-events:none;position:absolute;inset:0}.template-card:hover{box-shadow:0 15px 36px #231d411a}.template-card.is-playing{box-shadow:0 15px 36px #231d4121}.store-preview{width:100%;aspect-ratio:var(--preview-ratio);box-shadow:inset 0 -1px 0 var(--video-card-border);background:#0a0914;border-bottom:0;position:relative;overflow:hidden}.store-preview-loading{background:radial-gradient(circle at 25% 20%,#6d7cff66,#0000 34%),linear-gradient(135deg,#141126,#08080e);position:absolute;inset:0}.preview-play{color:#fff;background:linear-gradient(#0000 40%,#04040a57);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.preview-play>span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0c18a3;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .15s,background .15s;display:grid;box-shadow:0 8px 25px #00000052}.preview-play:hover>span{background:var(--accent);transform:scale(1.08)}.template-card-copy{padding:16px}.template-card-title,.template-card-title>div,.template-card-meta{align-items:center;display:flex}.template-card-title{justify-content:space-between;gap:12px}.template-card-title>div{gap:8px;min-width:0}.template-card-title h2{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:780;overflow:hidden}.free-label{background:var(--green-soft);color:var(--green);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:2px 7px;font-size:9px;font-weight:800}.template-card-copy>p{min-height:42px;color:var(--text-2);font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;line-height:1.5;display:-webkit-box;overflow:hidden}.template-card-meta{justify-content:space-between;gap:12px;margin-top:14px}.template-duration{color:#fff;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #11182759;background:#59606f;border:0;border-radius:5px;flex:none;padding:3px 7px;font-weight:800;line-height:1.1}.template-card-meta a{color:var(--accent-strong);font-size:var(--fs-base);align-items:center;gap:7px;font-weight:780;display:inline-flex}.template-card-meta a:hover{text-decoration:none}.template-card-meta a svg{transition:transform .14s}.template-card.is-playing .template-card-meta a svg{animation:.9s ease-in-out infinite template-link-bob}.template-card-meta a:hover svg{transform:translate(2px,-2px)}@keyframes template-link-bob{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.template-card.is-playing .template-card-meta a svg{animation:none;transform:translate(2px,-2px)}}.empty-results{min-height:360px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.empty-results h2{color:var(--text);font-size:var(--fs-lg)}.empty-results button{color:var(--accent-strong);margin-top:8px;font-weight:750}.template-detail{padding:34px 0 88px}.detail-breadcrumb{color:var(--muted);font-size:var(--fs-sm);align-items:center;gap:9px;display:flex}.detail-breadcrumb a{color:var(--text-2);align-items:center;gap:7px;font-weight:700;display:inline-flex}.detail-heading{justify-content:space-between;align-items:flex-end;gap:32px;padding:40px 0 28px;display:flex}.detail-heading h1{letter-spacing:-.045em;margin-top:7px;font-size:clamp(36px,4vw,56px);line-height:1}.detail-heading>div:first-child>p{max-width:680px;color:var(--text-2);margin-top:13px;font-size:17px}.detail-kicker span{color:var(--green)}.detail-controls{flex:none;align-items:center;gap:10px;display:flex}.detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:start;gap:22px;display:grid}.detail-main,.detail-specs{flex-direction:column;gap:22px;min-width:0;display:flex}.detail-player-shell,.detail-included,.detail-specs>section{border:1px solid var(--border);background:var(--bg-raised);border-radius:18px}.detail-player-shell{justify-content:center;align-items:center;min-height:580px;padding:22px;display:flex;box-shadow:0 24px 70px #231e3c17}.detail-player{width:100%;max-width:calc(min(68vh, 680px) * var(--detail-ratio))}.detail-player .__remotion-player{border-radius:12px;overflow:hidden}.detail-included{grid-template-columns:.8fr 1.2fr;gap:26px;padding:24px;display:grid}.detail-included h2,.detail-specs h2{font-size:var(--fs-lg);letter-spacing:-.015em;margin-top:5px}.included-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.included-list span{color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.included-list svg{color:var(--green)}.detail-specs{position:sticky;top:18px}.detail-specs>section{min-width:0;padding:22px}.detail-props{border-top:1px solid var(--border);margin-top:15px}.detail-props>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(105px,1fr) minmax(90px,auto) auto;align-items:baseline;gap:10px;padding:10px 0;display:grid}.detail-props code{color:var(--teal);font-family:var(--mono);font-size:var(--fs-xs);text-overflow:ellipsis;overflow:hidden}.detail-props span,.detail-props small{color:var(--text-2);font-size:var(--fs-xs)}.detail-props small{color:var(--muted)}.detail-spec-note{color:var(--text-2);font-size:var(--fs-sm);margin-top:8px}.detail-code{min-width:0;margin-top:14px;position:relative}.detail-code pre{border:1px solid var(--border);background:var(--code-bg);max-height:480px;color:var(--text-2);font-family:var(--mono);white-space:pre;border-radius:12px;margin:0;padding:48px 16px 16px;font-size:11px;line-height:1.58;overflow:auto}@media (width<=1240px){.header{gap:12px}.brand{font-size:20px}.header-link{padding-inline:12px}.store-hero{grid-template-columns:minmax(430px,.95fr) minmax(490px,1.05fr);gap:10px}.store-toolbar{flex-wrap:wrap}.toolbar-spacer{display:none}.aspect-control{margin-left:auto}.detail-layout{grid-template-columns:minmax(0,1fr) 380px}}@media (width<=1060px){.header-link-github{display:none}}@media (width<=980px){.store-hero{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:58px}.store-hero-copy{max-width:760px}.store-hero h1{max-width:740px}.hero-video{justify-self:center;width:min(580px,85%);margin:0 auto}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-search{width:100%;min-width:100%}.detail-heading{flex-direction:column;align-items:flex-start}.detail-layout{grid-template-columns:1fr}.detail-specs{position:static}}@media (width<=860px){.header{z-index:50;isolation:isolate;grid-template-columns:1fr auto;height:60px;position:sticky;top:0}.header:before{z-index:-1;background:color-mix(in srgb, var(--bg) 92%, transparent);content:"";-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.header-nav{display:none}.header-actions{justify-self:end;width:auto}.header-actions>.btn-primary{display:none}.mobile-menu-toggle{background:linear-gradient(145deg, var(--bg-raised), var(--panel));width:42px;height:42px;color:var(--text);border:0;border-radius:14px;flex:none;place-items:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffffa6}.mobile-menu-toggle:after{background:var(--accent);width:4px;height:4px;box-shadow:0 0 0 3px var(--accent-soft);content:"";border-radius:50%;transition:opacity .14s,transform .18s;position:absolute;top:8px;right:8px}.mobile-menu-toggle:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));transform:translateY(-1px)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.mobile-menu-toggle.is-open{color:#fff;background:linear-gradient(135deg,#6477ff,#8f55ed);border-color:#0000;transform:rotate(2deg);box-shadow:inset 0 1px #ffffff4d}.mobile-menu-toggle.is-open:after{opacity:0;transform:scale(0)}.mobile-menu-toggle-lines{width:20px;height:16px;display:block;position:relative}.mobile-menu-toggle-line{transform-origin:50%;background:currentColor;border-radius:99px;height:1.75px;transition:top .22s,left .22s,width .22s,opacity .12s,transform .22s;position:absolute;left:0}.mobile-menu-toggle-line-top{width:14px;top:1px}.mobile-menu-toggle-line-middle{width:20px;top:7px}.mobile-menu-toggle-line-bottom{width:12px;top:13px;left:8px}.mobile-menu-toggle.is-open .mobile-menu-toggle-line-top{width:20px;top:7px;transform:rotate(45deg)}.mobile-menu-toggle.is-open .mobile-menu-toggle-line-middle{opacity:0;transform:scaleX(.2)}.mobile-menu-toggle.is-open .mobile-menu-toggle-line-bottom{width:20px;top:7px;left:0;transform:rotate(-45deg)}.mobile-menu-backdrop{z-index:38;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#11182b3d;padding:0;transition:opacity .2s,visibility .2s;display:block;position:fixed;inset:60px 0 0}.mobile-menu-backdrop.is-open{visibility:visible;opacity:1}.mobile-menu{z-index:40;visibility:hidden;border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border-strong));background:linear-gradient(145deg, color-mix(in srgb, var(--bg-raised) 96%, var(--accent-soft)), var(--bg-raised));opacity:0;pointer-events:none;transform-origin:100% 0;isolation:isolate;border-radius:24px;width:min(430px,100vw - 32px);max-height:calc(100svh - 88px);padding:10px;transition:opacity .18s,transform .26s cubic-bezier(.2,.86,.24,1),visibility .18s;display:block;position:fixed;top:72px;right:clamp(16px,4vw,36px);overflow:hidden auto;transform:translateY(-10px)scale(.965)rotate(-.6deg);box-shadow:0 30px 90px #1e275a42,inset 0 1px #ffffffb3}.mobile-menu:before{z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);background:radial-gradient(circle, var(--accent-soft), transparent 67%);width:180px;height:180px;box-shadow:0 0 0 26px color-mix(in srgb, var(--accent) 3%, transparent), 0 0 0 54px color-mix(in srgb, var(--accent) 2%, transparent);content:"";pointer-events:none;border-radius:50%;position:absolute;top:-74px;right:-32px}.mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)rotate(0)}.mobile-menu-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:78px;padding:14px 12px 16px;display:flex;position:relative}.mobile-menu-heading>span:first-child{flex-direction:column;display:flex}.mobile-menu-heading small{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:750;line-height:1}.mobile-menu-heading strong{letter-spacing:-.04em;margin-top:7px;font-size:20px;font-weight:820;line-height:1.05}.mobile-menu-chip{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 82%, transparent);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-flex}.mobile-menu-chip i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.mobile-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-menu-link{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 64%, transparent);min-height:112px;color:var(--text);opacity:0;border-radius:17px;grid-template-rows:40px auto;grid-template-columns:40px minmax(0,1fr) auto;gap:10px 8px;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s,opacity .18s,transform .22s;display:grid;position:relative;transform:translateY(8px)}.mobile-menu.is-open .mobile-menu-link{opacity:1;transform:translateY(0)}.mobile-menu.is-open .mobile-menu-link:first-child{transition-delay:35ms}.mobile-menu.is-open .mobile-menu-link:nth-child(2){transition-delay:65ms}.mobile-menu.is-open .mobile-menu-link:nth-child(3){transition-delay:95ms}.mobile-menu.is-open .mobile-menu-link:nth-child(4){transition-delay:.125s}.mobile-menu-link:hover{border-color:color-mix(in srgb, var(--accent) 32%, var(--border));background:var(--panel);text-decoration:none;transform:translateY(-2px)}.mobile-menu-link.is-active{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background:linear-gradient(145deg, var(--accent-soft), color-mix(in srgb, var(--bg-raised) 86%, var(--accent-soft)));box-shadow:inset 3px 0 0 var(--accent)}.mobile-menu-link-icon{border:1px solid var(--border);background:var(--bg-raised);width:40px;height:40px;color:var(--accent-strong);border-radius:12px;grid-area:1/1;place-items:center;display:grid}.mobile-menu-link.is-active .mobile-menu-link-icon{color:#fff;background:linear-gradient(135deg,#6477ff,#8f55ed);border-color:#0000;transform:rotate(-3deg);box-shadow:0 7px 18px #5367f53d}.mobile-menu-link-copy{flex-direction:column;grid-area:2/1/auto/-1;min-width:0;display:flex}.mobile-menu-link-copy strong{color:var(--text);font-size:13px;font-weight:780;line-height:1.1}.mobile-menu-link-copy small{color:var(--text-2);margin-top:4px;font-size:10px;line-height:1.25}.mobile-menu-link-arrow{color:var(--text-3);grid-area:1/3;place-self:start end;font-size:14px;transition:color .15s,transform .15s}.mobile-menu-link:hover .mobile-menu-link-arrow,.mobile-menu-link.is-active .mobile-menu-link-arrow{color:var(--accent-strong);transform:translate(2px,-2px)}.mobile-menu-github{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 70%, transparent);min-height:58px;color:var(--text);border-radius:15px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;display:grid}.mobile-menu-github:hover{border-color:var(--border-strong);text-decoration:none}.mobile-menu-github-icon{background:var(--bg-raised);width:36px;height:36px;color:var(--text);border-radius:11px;place-items:center;display:grid}.mobile-menu-github>span:nth-child(2){flex-direction:column;display:flex}.mobile-menu-github strong{font-size:11px;line-height:1.1}.mobile-menu-github small{color:var(--text-2);margin-top:3px;font-size:9px}.mobile-menu-github>span:last-child{color:var(--text-3)}.mobile-menu-cta{color:#fff;background:linear-gradient(135deg,#586cf6,#8c50e8);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;margin-top:8px;padding:0 15px;font-size:12px;font-weight:780;display:grid;box-shadow:0 12px 28px #5367f545,inset 0 1px #ffffff40}.mobile-menu-cta:hover{filter:brightness(1.08);text-decoration:none}}@media (width<=680px){.site-theme-toggle{display:none}.header .btn{padding-inline:12px}.store-hero{margin-inline:calc(var(--s-4) * -1);padding:24px var(--s-4) 26px;grid-template-columns:minmax(0,1fr);overflow:hidden}.store-hero h1{font-size:clamp(36px,10vw,40px)}.store-hero-copy>p{font-size:16px}.store-hero .hero-badges{justify-content:center;gap:12px 18px}.store-hero .hero-benefit{text-align:center;justify-content:center}.store-hero-actions{justify-content:center}.hero-video{width:92%;margin-top:32px}.store-toolbar{align-items:stretch}.home-preview-toolbar{padding:14px}.home-preview-toolbar .store-design-select{flex-basis:100%;width:100%}.home-style-hint{width:100%;max-width:270px;margin-top:-4px}.home-style-hint.is-dismissed{width:0;max-width:0;margin-top:-12px}.home-style-hint-inner{margin-left:12px}.store-design-select,.store-toolbar>.store-select{flex:1;min-width:150px}.aspect-control{justify-content:space-between;width:100%;margin-left:0}.aspect-toggle,.aspect-toggle button{flex:1}.results-line span:last-child{display:none}.template-grid{grid-template-columns:1fr;padding:12px}.detail-heading{padding-top:30px}.detail-controls{flex-direction:column;align-items:stretch;width:100%}.detail-controls .store-design-select{width:100%}.detail-player-shell{min-height:0;padding:10px}.detail-included,.included-list{grid-template-columns:1fr}.example-card{padding:var(--s-3)}.example-preview-layout{gap:var(--s-3)}.example-theme-picker{padding:var(--s-4)}.example-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-props>div{grid-template-columns:minmax(90px,1fr) minmax(70px,auto)}.detail-props small{grid-column:1/-1}}@media (width<=440px){.brand{gap:7px;font-size:18px}.brand-mark{width:30px;height:30px}.header .btn-primary{min-height:34px;padding-inline:12px;font-size:11px}.store-hero .hero-badges{grid-template-columns:1fr;display:grid}}.docs{gap:var(--s-7);padding:var(--s-6) 0 var(--s-8);grid-template-columns:230px minmax(0,1fr);align-items:start;display:grid}.docs-sidebar{top:var(--s-6);gap:var(--s-4);flex-direction:column;display:flex;position:sticky}.docs-nav{gap:var(--s-1);flex-direction:column;display:flex}.docs-nav-link{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-base);font-weight:600;text-decoration:none;display:flex}.docs-nav-link:hover{color:var(--text);background:var(--panel)}.docs-nav-link.is-active{color:var(--accent-strong);background:var(--accent-soft)}.docs-llms{align-items:flex-start;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text-2);font-size:var(--fs-sm);text-decoration:none;display:flex}.docs-llms:hover{border-color:var(--border-strong);color:var(--text)}.docs-llms strong{color:var(--text);font-family:var(--mono);font-size:var(--fs-sm);display:block}.docs-llms small{font-size:var(--fs-xs);margin-top:2px;line-height:1.4;display:block}.docs-article{min-width:0;max-width:760px;font-size:var(--fs-md);color:var(--text-2);line-height:1.65}.docs-article h1{color:var(--text);font-size:var(--fs-2xl);letter-spacing:-.025em;margin-bottom:var(--s-4);line-height:1.08}.docs-article h2{color:var(--text);font-size:var(--fs-xl);letter-spacing:-.015em;margin:var(--s-6) 0 var(--s-3)}.docs-article h3{color:var(--text);font-size:var(--fs-lg);margin:var(--s-5) 0 var(--s-2)}.docs-article p{margin-bottom:var(--s-3)}.docs-article ul,.docs-article ol{margin:0 0 var(--s-4);padding-left:var(--s-5)}.docs-article li{margin-bottom:var(--s-2)}.docs-article li>p{margin-bottom:var(--s-1)}.docs-article a{color:var(--accent-strong);text-decoration:none}.docs-article a:hover{text-decoration:underline}.docs-article code{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 5px;font-size:.88em}.docs-article pre{margin:0 0 var(--s-4);padding:var(--s-4);background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.docs-article pre code{font-size:var(--fs-sm);background:0 0;border:0;padding:0;line-height:1.6}.docs-article table{width:100%;margin:0 0 var(--s-4);border-collapse:collapse;font-size:var(--fs-base)}.docs-article th,.docs-article td{text-align:left;padding:var(--s-2) var(--s-3);border:1px solid var(--border);vertical-align:top}.docs-article th{color:var(--text);background:var(--panel);font-weight:700}.docs-article blockquote{margin:0 0 var(--s-4);padding:var(--s-2) var(--s-4);border-left:3px solid var(--accent);color:var(--text-2)}.docs-article hr{border:0;border-top:1px solid var(--border);margin:var(--s-6) 0}.legal-article{padding-bottom:var(--s-7)}.legal-lead{max-width:680px;font-size:var(--fs-lg)}.legal-license-grid{gap:var(--s-4);margin:var(--s-6) 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.legal-license-card{padding:var(--s-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-raised)}.legal-license-card.is-premium{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:linear-gradient(145deg, var(--accent-soft), var(--bg-raised) 62%)}.legal-license-card>span{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.legal-license-card h2{margin:var(--s-2) 0 var(--s-3);font-size:var(--fs-xl)}.legal-license-card p{font-size:var(--fs-base);margin:0}.legal-license-details{margin-bottom:var(--s-7);border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.legal-license-details summary{padding:var(--s-3) var(--s-4);color:var(--text);cursor:pointer;font-weight:700}.legal-license-details pre{border:0;border-top:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);white-space:pre-wrap;max-height:420px;margin:0;overflow:auto}.legal-commercial-license{padding-top:var(--s-1)}@media (width<=700px){.legal-license-grid{grid-template-columns:1fr}}@media (width<=900px){.docs{gap:var(--s-5);grid-template-columns:1fr}.docs-sidebar{position:static}.docs-nav{flex-flow:wrap}}.hljs-attr,.hljs-attribute,.hljs-property{color:var(--accent-strong)}.hljs-string,.hljs-regexp{color:var(--teal)}.hljs-number,.hljs-literal{color:var(--amber)}.hljs-comment,.hljs-meta{color:var(--text-3);font-style:italic}.hljs-keyword,.hljs-built_in,.hljs-variable.language_{color:var(--accent)}.hljs-title,.hljs-title.class_,.hljs-title.function_,.hljs-type{color:var(--text)}.store-library-cta{align-items:center;gap:var(--s-7);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 34%), linear-gradient(135deg, color-mix(in srgb, var(--accent-soft) 74%, var(--bg-raised)), var(--bg-raised) 58%);isolation:isolate;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;margin:4px 16px 16px;padding:34px 38px;display:grid;position:relative;overflow:hidden}.store-library-cta:after{z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);width:230px;height:230px;box-shadow:0 0 0 34px color-mix(in srgb, var(--accent) 5%, transparent), 0 0 0 72px color-mix(in srgb, var(--accent) 4%, transparent);content:"";border-radius:50%;position:absolute;bottom:-82px;right:-42px}.store-library-copy{max-width:680px}.store-library-kicker{color:var(--accent-strong);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-weight:850;display:inline-flex}.store-library-copy h2{max-width:620px;color:var(--text);letter-spacing:-.035em;margin-top:9px;font-size:clamp(25px,2.4vw,36px);line-height:1.08}.store-library-copy>p{max-width:650px;color:var(--text-2);font-size:var(--fs-base);margin-top:11px;line-height:1.55}.store-library-categories{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.store-library-categories span{border:1px solid color-mix(in srgb, var(--accent) 20%, var(--border));background:color-mix(in srgb, var(--bg-raised) 80%, transparent);color:var(--text-2);border-radius:999px;padding:4px 9px;font-size:10px;font-weight:750}.store-library-actions{z-index:1;flex-direction:column;align-items:stretch;gap:12px;min-width:220px;display:flex;position:relative}.store-library-primary{color:#fff;background:linear-gradient(135deg,#586cf6,#7654ec);justify-content:center;min-height:48px;padding-inline:20px;box-shadow:0 12px 30px #535ce040,inset 0 1px #ffffff42}.store-library-primary:hover{filter:brightness(1.08);text-decoration:none}.store-library-secondary{min-height:34px;color:var(--text-2);font-size:var(--fs-sm);justify-content:center;align-items:center;gap:7px;font-weight:750;display:inline-flex}.store-library-secondary:hover{color:var(--accent-strong);text-decoration:none}.store-library-secondary svg{transition:transform .14s}.store-library-secondary:hover svg{transform:translate(2px,-2px)}@media (width<=900px){.store-library-cta{gap:var(--s-5);text-align:center;grid-template-columns:1fr;justify-items:center}.store-library-copy{width:100%}.store-library-copy h2,.store-library-copy>p{margin-inline:auto}.store-library-categories{justify-content:center}.store-library-actions{width:min(100%,320px)}}@media (width<=560px){.store-library-cta{margin:3px 10px 10px;padding:26px 22px}.store-library-copy h2{font-size:27px}.store-library-actions{width:100%}}.code-card{min-width:0;position:relative}.code-copy{z-index:2;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text-2);font-size:var(--fs-xs);cursor:pointer;align-items:center;gap:5px;padding:5px 10px;font-weight:750;display:inline-flex;position:absolute;top:9px;right:9px}.code-copy:hover{color:var(--text);border-color:var(--accent)}.code-copy.is-copied{color:var(--green);border-color:var(--green);background:var(--green-soft)}.camera-spec-card .code-card{margin:var(--s-4) 0;flex-direction:column;flex:1;display:flex}.camera-spec-card .code-card pre{flex:1;margin:0}.docs-article .code-card pre{padding-top:var(--s-7)}