@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/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(/assets/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(/assets/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(/assets/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(/assets/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:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.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:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d0b12;--panel:#16131d;--panel-2:#201b2a;--line:#2e2839;--text:#f5f2f9;--muted:#a69fb5;--accent:#ff4d8d;--accent-2:#ff8a3d;--ok:#3ddc97;--danger:#ff7a7a;--font-display:"Bricolage Grotesque Variable", "Arial Black", sans-serif;--font-body:"Geist Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:14px}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink)}body{background:var(--ink);color:var(--text);font:15px/1.5 var(--font-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:env(safe-area-inset-top,0px) env(safe-area-inset-bottom,0px);margin:0}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;max-width:1180px;margin:0 auto;padding-block:18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(120deg, var(--accent), var(--accent-2));clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:9px;width:30px;height:30px;position:relative}.brand-mark:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:9px 8px 9px 11px}.brand-name{font:700 20px/1 var(--font-display);letter-spacing:-.01em}.brand-name em{color:var(--muted);font-style:normal;font-weight:500}.tagline{color:var(--muted);letter-spacing:.02em;margin:0;font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:32px;max-width:1180px;margin:0 auto;display:grid}.steps{gap:16px;min-width:0;display:grid}.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:20px}.step h2{font:700 18px/1.2 var(--font-display);text-wrap:balance;align-items:center;gap:10px;margin:0 0 12px;display:flex}.step-n{background:var(--panel-2);border:1px solid var(--line);width:26px;height:26px;font:700 13px/1 var(--font-body);color:var(--accent-2);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:inline-grid}.help{color:var(--muted);margin:-4px 0 14px;font-size:13.5px}.photos{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.photo{aspect-ratio:9/12;border:1px solid var(--line);background:var(--panel-2);border-radius:10px;width:84px;max-width:100%;position:relative;overflow:hidden}.photo canvas{object-fit:cover;width:100%;height:100%;display:block}.photo .badge{background:#0d0b12bf;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.photo .remove{cursor:pointer;background:#0d0b12cc;border:0;border-radius:50%;width:24px;height:24px;line-height:1;position:absolute;top:4px;right:4px}.photo .move{cursor:pointer;background:#0d0b12cc;border:0;border-radius:99px;height:22px;padding:0 7px;font-size:11px;position:absolute;bottom:4px;left:4px}.dropzone{text-align:center;border:1.5px dashed var(--line);cursor:pointer;border-radius:12px;place-items:center;gap:2px;padding:18px;transition:border-color .15s,background .15s;display:grid}.dropzone:hover,.dropzone.drag{border-color:var(--accent-2);background:var(--panel-2)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone span{font-weight:600}.dropzone small{color:var(--muted)}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:var(--muted);gap:6px;font-size:13px;display:grid}.field:first-child,.field:last-child{grid-column:1/-1}.field small{font-size:12px}.field input,.segment textarea{background:var(--ink);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px}.field input:focus,.segment textarea:focus{border-color:var(--accent-2);outline:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--ink);cursor:pointer;text-align:left;border-radius:99px;padding:8px 14px}.chip[aria-checked=true]{border-color:var(--accent);background:var(--panel-2)}.chip strong{font-size:14px;display:block}.chip small{color:var(--muted);font-size:12px}.row-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:650;text-decoration:none;transition:filter .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:linear-gradient(110deg, var(--accent), var(--accent-2));color:var(--ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:var(--panel-2);border-color:var(--line)}.btn.ghost:hover:not(:disabled){border-color:var(--muted)}.btn.wide{width:100%;padding-block:14px;font-size:15px}.segments{gap:10px;margin:0;padding:0;list-style:none;display:grid}.segment{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.segment .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);width:64px;padding-top:12px;font-size:11px;font-weight:700}.segment .tag.hook{color:var(--accent)}.segment .tag.cta{color:var(--accent-2)}.segment textarea{resize:vertical;min-height:46px;line-height:1.4}.segment .photo-pick{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.segment .photo-pick button{background:var(--panel-2);cursor:pointer;border:2px solid #0000;border-radius:6px;width:30px;height:40px;padding:0;overflow:hidden}.segment .photo-pick button[aria-pressed=true]{border-color:var(--accent-2)}.segment .photo-pick canvas{object-fit:cover;width:100%;height:100%;display:block}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px;display:grid}.choice{border:1px solid var(--line);background:var(--ink);text-align:left;cursor:pointer;border-radius:12px;padding:10px 12px}.choice[aria-checked=true]{border-color:var(--accent);background:var(--panel-2)}.choice strong{display:block}.choice small{color:var(--muted)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:10px;font-size:13.5px;display:flex}.toggle input{accent-color:var(--accent);width:18px;height:18px}.stage{top:calc(env(safe-area-inset-top,0px) + 16px);gap:12px;min-width:0;display:grid;position:sticky}.phone{aspect-ratio:9/16;border:1px solid var(--line);background:#000;border-radius:28px;width:100%;max-width:380px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #ff4d8d59}.phone canvas{width:100%;height:100%;display:block}.play{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0b128c;border:0;border-radius:50%;place-items:center;width:72px;height:72px;margin:auto;transition:opacity .2s;display:grid;position:absolute;inset:0}.play svg{fill:#fff;width:30px;height:30px;margin-left:4px}.play.playing{opacity:0}.phone:hover .play.playing{opacity:1}.play.playing svg{margin-left:0}.scrub{align-items:center;gap:10px;display:flex}.scrub input{accent-color:var(--accent);flex:1;min-width:0}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.status{color:var(--muted);min-height:1.5em;margin:0;font-size:13px}.status.error{color:var(--danger)}.status.ok{color:var(--ok)}.progress{background:var(--panel-2);border-radius:99px;height:6px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .2s;display:block}.result{gap:10px;display:grid}.result video{background:#000;border-radius:14px;width:100%;max-width:100%;max-height:420px}.result .help{margin:0}.footer{border-top:1px solid var(--line);max-width:1180px;margin:40px auto 0;padding-block:24px 32px}.footer p{color:var(--muted);max-width:70ch;margin:0;font-size:12.5px}@media (width<=900px){.workspace{grid-template-columns:minmax(0,1fr)}.stage{order:-1;justify-items:center;position:static}.stage>*{width:100%;max-width:380px}.phone{justify-self:center;max-width:300px}}@media (width<=520px){.fields,.segment{grid-template-columns:minmax(0,1fr)}.segment .tag{width:auto;padding-top:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}