:root{--ink:#2e343b;--accent:#ff2d7a;--accent-deep:#c0143f;--accent-soft:rgba(255,45,122,0.08);--bg:#fbfbfc;--panel:#fff1f6;--blush-border:#f4dce5;--surface:#ffffff;--hairline:#ededf1;--muted:#9aa0ab;--text-mid:#5c636e;--success:#178f5b;--success-dot:#22b573;--success-bg:#e9f8f0;--error:#e11d48;--radius-card:20px;--radius-input:13px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(46,52,59,0.05);--shadow-card:0 12px 30px -22px rgba(46,52,59,0.25);--shadow-card-hover:0 22px 44px -22px rgba(46,52,59,0.32);--shadow-md:0 10px 30px rgba(46,52,59,0.07);--shadow-reel:0 26px 52px -22px rgba(46,52,59,0.5);--shadow-primary:0 14px 28px -10px rgba(255,45,122,0.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{font-family:Bricolage Grotesque,Hanken Grotesk,sans-serif;font-weight:700;letter-spacing:-.022em;margin:0}h1{font-size:32px}h2{font-size:21px}.label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-size:12px;font-weight:700}.btn{border:none;border-radius:var(--radius-input);padding:11px 18px;font-size:15px;font-weight:600;font-family:Hanken Grotesk,sans-serif;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(.96)}.btn-primary:disabled{opacity:.55;box-shadow:none;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--ink);box-shadow:none}.btn-secondary,.card{border:1px solid var(--hairline)}.card{background:var(--surface);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.chrome-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.chrome-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:15px 32px}.wordmark{display:inline-flex;align-items:center;gap:1px;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em}.credits-pill,.wordmark .so{color:var(--accent)}.credits-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;background:var(--panel);border:1px solid var(--blush-border);padding:5px 12px;border-radius:var(--radius-pill)}.container{max-width:1200px;margin:0 auto;padding:44px 32px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:32px;gap:32px;align-items:start}.studio-preview{position:-webkit-sticky;position:sticky;top:88px;justify-self:center;width:100%;max-width:340px}.output-grid{display:grid;grid-template-columns:320px minmax(0,1fr);grid-gap:32px;gap:32px;align-items:start}@media (max-width:900px){.studio-grid{grid-template-columns:1fr;gap:24px}.studio-preview{position:static;top:auto;justify-self:center}}@media (max-width:760px){.output-grid{grid-template-columns:1fr}}@media (max-width:720px){.chrome-inner{padding:12px 16px;flex-wrap:wrap;gap:10px}.container{padding:28px 16px}h1{font-size:26px}}@media (max-width:520px){.acct-email{display:none}}.input{width:100%;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius-input);padding:11px 14px;font-size:15px;color:var(--ink)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}.grid{display:grid;grid-gap:16px;gap:16px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-stills{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--hairline);color:var(--muted)}.badge .dot{width:7px;height:7px;border-radius:999px;background:currentColor}.badge-building{color:#b45309}.badge-onboarding{color:var(--accent)}.swatches{display:flex;gap:8px}.swatch{width:32px;height:32px;border-radius:8px;border:1px solid var(--hairline)}.frame916{aspect-ratio:9/16;width:100%;max-width:340px;border-radius:22px;overflow:hidden;position:relative;background:#111;border:1px solid var(--hairline);box-shadow:var(--shadow-md);display:flex;align-items:flex-end}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--hairline);margin-bottom:16px}.tab{padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer}.tab[data-active=true]{color:var(--ink);border-bottom-color:var(--accent)}.thumb{aspect-ratio:3/4;border-radius:12px;border:1px solid var(--hairline);background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:flex-end;padding:8px;font-size:12px;color:var(--muted)}.strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.clip{flex:0 0 120px;aspect-ratio:9/16;border-radius:12px;border:1px solid var(--hairline);background:#111;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;text-align:center;padding:6px}.clip[data-generating=true]{background:repeating-linear-gradient(45deg,#1f2937,#1f2937 8px,#374151 0,#374151 16px)}.template-card{border:1px solid var(--hairline);border-radius:14px;padding:12px;cursor:pointer;background:#fff}.template-card[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.template-card .preview{aspect-ratio:9/16;border-radius:8px;background:linear-gradient(160deg,#2e343b,#4b5563);margin-bottom:8px}.dropzone{border:2px dashed var(--hairline);border-radius:var(--radius-card);padding:48px;text-align:center;color:var(--muted);background:var(--panel)}@keyframes rp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes reel-fadein{0%{opacity:0}to{opacity:1}}@keyframes rp-steam1{0%{transform:translateY(15%) translateX(0) scale(.55);opacity:0}18%{opacity:.5}60%{transform:translateY(-70%) translateX(12%) scale(1.1);opacity:.3}to{transform:translateY(-155%) translateX(-8%) scale(1.7);opacity:0}}@keyframes rp-steam2{0%{transform:translateY(15%) translateX(0) scale(.5);opacity:0}18%{opacity:.45}60%{transform:translateY(-75%) translateX(-14%) scale(1.15);opacity:.28}to{transform:translateY(-160%) translateX(10%) scale(1.8);opacity:0}}@keyframes rp-bar-top{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes rp-bar-bottom{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes rp-ambient{0%{opacity:.5}to{opacity:.9}}@keyframes rp-badge{0%{transform:scale(1)}to{transform:scale(1.05)}}.reel-slide{position:absolute;inset:0;background-size:cover;background-position:50%;will-change:transform;animation:reel-fadein .5s ease both}.reel-card-frame{aspect-ratio:9/16;width:100%;border-radius:8px;overflow:hidden;position:relative;background:#11151c;display:flex;align-items:flex-end}.lift{transition:transform .16s ease,box-shadow .16s ease}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}@keyframes screen-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen-in{animation:screen-rise .3s ease both}@keyframes reel-shimmer{0%{transform:translateX(-130%) skewX(-18deg)}to{transform:translateX(230%) skewX(-18deg)}}.shimmer-sweep{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shimmer-sweep:after{content:"";position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:reel-shimmer 1.4s linear infinite}@keyframes reel-spin{to{transform:rotate(1turn)}}.spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:reel-spin .8s linear infinite}@keyframes reel-indeterminate{0%{left:-40%;width:40%}50%{width:55%}to{left:100%;width:40%}}.bar-indeterminate{position:relative;height:6px;border-radius:999px;background:var(--panel);overflow:hidden}.bar-indeterminate:after{content:"";position:absolute;top:0;bottom:0;border-radius:999px;background:var(--accent);animation:reel-indeterminate 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#eef0f3 25%,#f6f7f9 37%,#eef0f3 63%);background-size:200% 100%;animation:skeleton-pulse 1.3s ease-in-out infinite}.badge-ready{color:var(--success);background:var(--success-bg);border-color:transparent}.badge-ready .dot{background:var(--success-dot)}.cta-pill{display:inline-block;background:#ffe9cf;color:#7e3b12;font-weight:600;font-size:13px;padding:7px 14px;border-radius:var(--radius-pill)}