@font-face{font-family:SMMAI Inter;src:url(/fonts/inter-cyrillic-v20.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:SMMAI Inter;src:url(/fonts/inter-latin-v20.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{--background:#0f1013;--surface:#1a1c21;--surface-2:#14161b;--surface-3:#22252b;--border:#2c2f36;--border-strong:#3a3e46;--text:#f2f3f5;--muted:#8b909b;--lime:#c6f24e;--lime-dark:#93b52e;--danger:#ff726f;--radius-card:20px;--radius-control:14px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--background);overscroll-behavior:none}body{background:radial-gradient(circle at 85% -5%, #c6f24e14, transparent 28rem), var(--background);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:SMMAI Inter,Inter,system-ui,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.app-shell{width:min(100%,700px);min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 22px max(36px, env(safe-area-inset-bottom));margin:0 auto}.home-shell{padding-top:max(56px, env(safe-area-inset-top));flex-direction:column;gap:28px;display:flex}.brand-header{max-width:540px}.home-meta{justify-content:space-between;align-items:center;gap:18px;display:flex}.home-meta button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px}.eyebrow{color:var(--lime);letter-spacing:.11em;font-size:11px;font-weight:800}h1,h2,p{margin:0}.brand-header h1{letter-spacing:-.055em;margin-top:10px;font-size:clamp(36px,11vw,56px);line-height:.96}.brand-header p{max-width:520px;color:var(--muted);margin-top:18px;font-size:16px;line-height:1.5}.upload-card{border:1px solid var(--border);background:#1a1c21e0;border-radius:24px;padding:10px;box-shadow:0 24px 80px #00000038}.upload-drop{border:1px dashed var(--border-strong);background:radial-gradient(circle at 50% 25%, #c6f24e14, transparent 52%), var(--surface-2);cursor:pointer;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:250px;transition:border-color .16s,transform .16s;display:flex}.upload-drop:hover:not(:disabled){border-color:var(--lime-dark)}.upload-drop:active:not(:disabled){transform:scale(.985)}.upload-drop:disabled{cursor:wait}.upload-drop strong{letter-spacing:-.02em;margin-top:8px;font-size:22px}.upload-drop>span:last-child{max-width:260px;color:var(--muted);text-align:center;font-size:13px;line-height:1.4}.upload-icon{background:var(--lime);color:#10120b;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 35px #c6f24e33}.progress-track{background:var(--surface-3);border-radius:100px;height:5px;margin:12px 4px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--lime);height:100%;transition:width .18s;display:block}.support-note{color:#6f747e;text-align:center;padding:12px 8px 4px;font-size:12px}.recent-section{flex-direction:column;gap:12px;display:flex}.section-heading{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.section-heading h2{letter-spacing:-.02em;font-size:17px}.section-heading span{background:var(--surface);min-width:28px;height:28px;color:var(--muted);border-radius:100px;place-items:center;font-size:12px;display:grid}.project-list,.review-rows{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.project-row,.review-rows button{border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px 18px;display:flex}.project-row:last-child,.review-rows button:last-child{border-bottom:0}.project-row>span:first-child,.review-rows button>span:first-child{min-width:0}.project-row strong,.review-rows strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;display:block;overflow:hidden}.project-row small,.review-rows small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:13px;display:block;overflow:hidden}.row-arrow{width:30px;height:30px;color:var(--muted);flex:0 0 30px;place-items:center;display:grid}.row-arrow svg{width:20px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.review-shell{padding-top:max(30px, env(safe-area-inset-top));flex-direction:column;gap:22px;display:flex}.review-header{grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.review-header h1{letter-spacing:-.035em;font-size:26px}.review-header p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:13px;overflow:hidden}.back-button{border:1px solid var(--border);width:50px;height:50px;color:var(--text);border-radius:50%;place-items:center;display:grid}.fake-badge{color:var(--lime);letter-spacing:.1em;border:1px solid #5c632f;border-radius:7px;padding:7px 8px;font-size:9px;font-weight:900}.preview-frame,.final-video-card{aspect-ratio:9/16;background:#050505;border:1px solid #292c32;border-radius:28px;align-self:center;width:min(100%,430px);overflow:hidden;box-shadow:0 28px 75px #00000061}.final-video-card video{object-fit:contain;width:100%;height:100%}.review-rows button{padding:20px 22px}.review-rows button>span:first-child{width:calc(100% - 50px)}.preview-contract,.scope-warning{color:#737883;text-align:center;padding:0 8px;font-size:12px;line-height:1.55}.dirty-note{color:var(--lime);text-align:center;margin-top:-10px;font-size:12px}.primary-button,.secondary-button{border-radius:var(--radius-control);cursor:pointer;border:0;justify-content:center;align-items:center;min-height:54px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{background:var(--lime);color:#11130c;box-shadow:0 14px 34px #c6f24e21}.primary-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid var(--border);background:var(--surface-3);color:var(--text)}.sticky-primary{flex:none;width:100%}.inline-error{color:#ff9a98;background:#ff726f14;border:1px solid #ff726f42;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.4}.centered-state,.status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.centered-state{gap:12px}.centered-state h1{margin-top:10px;font-size:26px}.centered-state p{color:var(--muted)}.status-card{border:1px solid var(--border);background:radial-gradient(circle at 50% 20%, #c6f24e12, transparent 45%), var(--surface);border-radius:26px;gap:13px;min-height:420px;padding:38px 26px}.status-card h2{letter-spacing:-.035em;max-width:380px;font-size:26px}.status-card p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.5}.spinner{border:3px solid var(--surface-3);border-top-color:var(--lime);border-radius:50%;width:38px;height:38px;margin-bottom:12px;animation:.9s linear infinite spin;display:inline-block}.render-steps{text-align:left;gap:8px;width:min(100%,360px);margin-top:18px;display:grid}.render-steps span{border:1px solid var(--border);color:var(--muted);border-radius:11px;padding:12px 14px;font-size:13px}.render-steps .done{color:var(--lime);border-color:#485f2b}.render-steps .active{border-color:var(--border-strong);background:var(--surface-3);color:var(--text)}.error-card{background:radial-gradient(circle at 50% 20%, #ff726f14, transparent 45%), var(--surface)}.error-card>span{color:var(--danger);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800}.error-card .primary-button{width:min(100%,300px);margin-top:18px}.success-card{background:#c6f24e0f;border:1px solid #425428;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.scope-warning{margin-bottom:max(6px, env(safe-area-inset-bottom))}.success-mark{background:var(--lime);color:#11130c;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.success-card h2{font-size:16px}.success-card p{color:var(--muted);margin-top:5px;font-size:12px}
.sheet-backdrop{z-index:20;padding-top:max(50px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000ad;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.editor-sheet{border:1px solid var(--border-strong);background:#17191e;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;width:min(100%,700px);max-height:92dvh;animation:.22s ease-out both sheet-in;display:flex;overflow:hidden;box-shadow:0 -24px 80px #00000073}.sheet-handle{background:#4b4f58;border-radius:100px;flex:0 0 4px;width:42px;height:4px;margin:10px auto 4px}.sheet-title{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 22px;display:flex}.sheet-title h2{letter-spacing:-.04em;margin-top:6px;font-size:28px}.close-button{border:1px solid var(--border);background:var(--surface-3);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:50%;flex:0 0 38px;place-items:center;font-size:24px;display:grid}.editor-content{flex-direction:column;gap:12px;padding:4px 22px 26px;display:flex;overflow-y:auto}.field-label{color:#c6c9d0;letter-spacing:.045em;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:800}textarea{resize:vertical;border:1px solid var(--border);width:100%;color:var(--text);background:#101216;border-radius:14px;outline:0;padding:15px;font-size:15px;line-height:1.5}textarea:focus{border-color:#687640;box-shadow:0 0 0 3px #c6f24e0f}.field-note{color:var(--muted);font-size:12px;line-height:1.45}.visual-choice-grid,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visual-choice,.hook-theme{border:1px solid var(--border);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:8px;display:flex}.visual-choice.selected,.hook-theme.selected,.text-option.selected{border-color:var(--lime-dark);box-shadow:inset 0 0 0 1px #c6f24e2e}.subtitle-swatch{color:#fff;text-align:center;background:linear-gradient(145deg,#555f55,#1d211e);border-radius:10px;place-items:end center;min-height:105px;padding:14px 8px;font-size:8px;font-weight:800;display:grid}.subtitle-swatch.subtitle-clean-glass-v0{text-shadow:0 1px 5px #000}.subtitle-swatch.subtitle-karaoke-pop-v0{color:var(--lime);-webkit-text-stroke:.5px #151515;font-size:10px;font-weight:900}.visual-choice strong,.hook-theme strong{text-overflow:ellipsis;white-space:nowrap;padding:4px 4px 0;font-size:13px;overflow:hidden}.visual-choice small,.hook-theme small{color:var(--muted);padding:0 4px 5px;font-size:11px}.hook-theme>span{text-align:center;border-radius:10px;place-items:center;min-height:105px;font-size:13px;font-weight:900;line-height:1.05;display:grid}.hook-theme.hook-black-v0>span{color:#fff;background:#050505}.hook-theme.hook-white-v0>span{color:#070707;background:#f5f5f3}.segmented-control{background:#101216;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.segmented-control button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:700}.segmented-control button.selected{background:var(--surface-3);color:var(--text);box-shadow:0 3px 12px #00000038}.option-stack{flex-direction:column;gap:8px;display:flex}.text-option{border:1px solid var(--border);background:var(--surface-2);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:30px minmax(0,1fr);align-items:flex-start;gap:10px;padding:13px;display:grid}.text-option>span{background:var(--surface-3);width:27px;height:27px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.text-option.selected>span{background:var(--lime);color:#11130c}.text-option p{color:#d6d8dd;white-space:pre-line;font-size:13px;line-height:1.45}.disabled-note{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:15px;margin-top:8px;padding:28px 20px;font-size:13px;line-height:1.45}.sheet-error{margin:0 22px 12px}.sheet-actions{padding:14px 22px max(16px, env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#17191e;flex:none;grid-template-columns:1fr 1.35fr;gap:10px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (min-width:720px){.app-shell{padding-left:30px;padding-right:30px}.review-header{margin-bottom:6px}.editor-sheet{border-bottom:1px solid var(--border-strong);border-radius:28px;margin-bottom:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.auth-shell{width:min(100%,520px);min-height:100dvh;padding:max(34px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0 auto;display:flex}.auth-card{border:1px solid var(--border);background:radial-gradient(circle at 88% 0%, #c6f24e14, transparent 42%), var(--surface);border-radius:26px;flex-direction:column;gap:14px;width:100%;padding:28px 24px;display:flex;box-shadow:0 30px 100px #00000052}.auth-mark{background:var(--lime);color:#10120b;border-radius:17px;place-items:center;width:54px;height:54px;margin-bottom:8px;font-size:25px;font-weight:950;display:grid}.auth-card h1{letter-spacing:-.055em;margin-top:2px;font-size:40px}.auth-copy{color:var(--muted);font-size:14px;line-height:1.55}.auth-field{flex-direction:column;gap:8px;margin-top:8px;display:flex}.auth-field>span{color:#c6c9d0;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.auth-field input{border:1px solid var(--border);width:100%;height:54px;color:var(--text);background:#101216;border-radius:14px;outline:0;padding:0 15px;font-size:16px}.auth-field input:focus{border-color:#687640;box-shadow:0 0 0 3px #c6f24e0f}.auth-field .otp-input{letter-spacing:.25em;text-align:center;font-size:26px;font-weight:800}.auth-primary{width:100%;margin-top:6px}.auth-back{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.dev-code{color:#b6bd9e;cursor:pointer;background:#c6f24e0d;border:1px dashed #687640;border-radius:12px;padding:12px;font-size:12px}.dev-code strong{color:var(--lime);letter-spacing:.15em}.auth-footnote{color:#686d77;text-align:center;max-width:380px;font-size:11px;line-height:1.5}
