:root,[data-theme=dark]{--bg:#0F1117;--bg-elevated:#161B22;--card:rgba(22,27,34,0.85);--card-border:rgba(255,255,255,0.08);--text:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.65);--muted:rgba(255,255,255,0.5);--border:rgba(255,255,255,0.1);--accent:#6D5DFB;--accent-glow:rgba(109,93,251,0.4);--accent-gradient:linear-gradient(135deg,#6D5DFB,#8B7CFE 50%,#A78BFA);--danger:#F87171;--ok:#34D399;--surface-subtle:rgba(255,255,255,0.04);--surface-hover:rgba(255,255,255,0.06);--surface-muted:rgba(255,255,255,0.03);--surface-input:rgba(0,0,0,0.2);--overlay-bg:rgba(0,0,0,0.6);--header-bg:rgba(15,17,23,0.78);--header-border:rgba(255,255,255,0.06);--header-border-hover:rgba(255,255,255,0.04);--footer-bg:rgba(15,17,23,0.6);--text-on-accent:#fff;--text-bright:rgba(255,255,255,0.95);--text-hero-desc:rgba(255,255,255,0.78);--accent-tint:rgba(109,93,251,0.08);--accent-tint-strong:rgba(109,93,251,0.12);--accent-border:rgba(109,93,251,0.4);--accent-border-soft:rgba(109,93,251,0.35);--accent-icon:#c4b5fd;--accent-muted-text:rgba(199,190,255,0.95);--gradient-text:linear-gradient(135deg,#fff,rgba(199,190,255,0.95));--body-bg-image:linear-gradient(180deg,#1c1630,#151a24 10%,#111520 22%,#0f1117 38%,#0f1117 62%,#10141c 78%,#0f1117);--shadow-mockup:0 24px 48px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.04);--shadow-mockup-hover:0 28px 56px rgba(0,0,0,0.4),0 0 48px rgba(109,93,251,0.2);--btn-secondary-shadow:0 1px 2px rgba(0,0,0,0.1);--nav-cta-bg:linear-gradient(135deg,rgba(109,93,251,0.35),rgba(139,124,254,0.28));--nav-cta-bg-hover:linear-gradient(135deg,rgba(109,93,251,0.5),rgba(139,124,254,0.4));--nav-cta-border:rgba(167,139,250,0.45);--nav-cta-border-hover:rgba(167,139,250,0.6);--nav-cta-shadow:0 0 20px rgba(109,93,251,0.22);--nav-cta-shadow-hover:0 0 24px rgba(109,93,251,0.32);--perk-bg:rgba(22,27,34,0.75);--perk-color:rgba(255,255,255,0.88);--table-header-bg:rgba(0,0,0,0.2);--status-neutral-bg:rgba(255,255,255,0.1);--status-muted-bg:rgba(255,255,255,0.06);--progress-track:rgba(255,255,255,0.08);--card-hover-ring:rgba(255,255,255,0.05);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--radius:12px;--radius-btn:12px;--radius-lg:16px;--shadow:0 4px 24px rgba(0,0,0,0.25);--shadow-soft:0 2px 12px rgba(0,0,0,0.2);--shadow-glow:0 0 32px var(--accent-glow);--transition:0.2s ease;--transition-smooth:0.25s cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.33,1,0.68,1)}[data-theme=light]{--bg:#79DEE4;--bg-elevated:#FFFFFF;--card:#FFFFFF;--card-border:rgba(15,23,42,0.08);--text:#0F172A;--text-secondary:#475569;--muted:#94A3B8;--border:rgba(15,23,42,0.1);--accent:#5B4AE6;--accent-glow:rgba(91,74,230,0.22);--accent-gradient:linear-gradient(135deg,#5B4AE6,#7366F0 45%,#9588FF);--danger:#DC2626;--ok:#059669;--surface-subtle:rgba(91,74,230,0.04);--surface-hover:rgba(91,74,230,0.07);--surface-muted:rgba(15,23,42,0.025);--surface-input:#F8FAFC;--overlay-bg:rgba(15,23,42,0.35);--header-bg:rgba(255,250,246,0.82);--header-border:rgba(15,23,42,0.07);--header-border-hover:rgba(91,74,230,0.12);--footer-bg:rgba(255,248,244,0.72);--text-on-accent:#FFFFFF;--text-bright:#0F172A;--text-hero-desc:#64748B;--accent-tint:rgba(91,74,230,0.08);--accent-tint-strong:rgba(91,74,230,0.12);--accent-border:rgba(91,74,230,0.35);--accent-border-soft:rgba(91,74,230,0.28);--accent-icon:#7366F0;--accent-muted-text:#5B4AE6;--gradient-text:linear-gradient(135deg,#0F172A,#5B4AE6 55%,#7366F0);--body-bg-image:linear-gradient(180deg,#CDB5CD,#E4B0C1 11%,#F5BCBC 22%,#FFC8A5 33%,#FFE4A0 44%,#FFF5D9 52%,#FFEFEF 58%,#C1EFE9 72%,#8FE4E9 86%,#75D9DE);--shadow-mockup:0 8px 32px rgba(15,23,42,0.1),0 0 0 1px rgba(15,23,42,0.06);--shadow-mockup-hover:0 16px 48px rgba(15,23,42,0.14),0 0 32px rgba(91,74,230,0.12);--btn-secondary-shadow:0 1px 2px rgba(15,23,42,0.05);--nav-cta-bg:linear-gradient(135deg,rgba(91,74,230,0.12),rgba(115,102,240,0.1));--nav-cta-bg-hover:linear-gradient(135deg,rgba(91,74,230,0.18),rgba(115,102,240,0.15));--nav-cta-border:rgba(91,74,230,0.3);--nav-cta-border-hover:rgba(91,74,230,0.45);--nav-cta-shadow:0 2px 8px rgba(91,74,230,0.1);--nav-cta-shadow-hover:0 4px 16px rgba(91,74,230,0.16);--perk-bg:rgba(255,255,255,0.95);--perk-color:#334155;--table-header-bg:#F1F5F9;--status-neutral-bg:#F1F5F9;--status-muted-bg:#F8FAFC;--progress-track:#E2E8F0;--card-hover-ring:rgba(91,74,230,0.08);--shadow:0 1px 3px rgba(15,23,42,0.05),0 8px 32px rgba(15,23,42,0.07);--shadow-soft:0 1px 2px rgba(15,23,42,0.04),0 4px 16px rgba(15,23,42,0.06);--shadow-glow:0 0 40px rgba(91,74,230,0.1)}*{box-sizing:border-box}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition),background-color var(--transition)}.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.98)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,button.btn-primary{border:none;color:var(--text-on-accent);background:var(--accent-gradient);box-shadow:var(--shadow-soft),0 0 0 0 var(--accent-glow)}.btn-primary:hover:not(:disabled),a.btn-primary:hover,button.btn-primary:hover:not(:disabled){color:var(--text-on-accent);transform:scale(1.02);box-shadow:0 4px 20px var(--accent-glow),0 0 28px rgba(109,93,251,.25)}.btn-secondary,button.btn-secondary{border:1px solid var(--border);color:var(--text);background:var(--surface-subtle);box-shadow:var(--btn-secondary-shadow)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){transform:scale(1.02);border-color:var(--accent-border);background:var(--accent-tint);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.15)}.btn-ghost,button.btn-ghost{border:none;color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled),button.btn-ghost:hover:not(:disabled){transform:scale(1.01);background:var(--surface-hover)}button:not([class*=btn-]){border:1px solid var(--border);color:var(--text);background:var(--surface-subtle);box-shadow:var(--btn-secondary-shadow)}button:not([class*=btn-]):hover:not(:disabled){transform:scale(1.02);border-color:var(--accent-border);background:var(--accent-tint);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.12)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:13px}html{scroll-behavior:smooth;overflow-x:hidden;min-height:100vh;background-color:var(--bg);background-image:var(--body-bg-image);background-repeat:no-repeat;background-size:100% 100%;background-position:top;background-attachment:scroll}body,html{height:100%;min-width:0}#contacts,#faq,#pricing,#subtitle-styles,#top,#why-subtitles{scroll-margin-top:72px}body{margin:0;padding-top:56px;overflow-x:hidden;background:transparent;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subtitle-overlay-montserrat{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;border-bottom:1px solid var(--header-border);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--transition-smooth),border-color var(--transition)}.site-header:after{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:1px solid transparent;transition:border-color var(--transition)}.site-header:hover:after{border-bottom-color:var(--header-border-hover)}.site-header-inner{max-width:1200px;margin:0 auto;padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:nowrap}.site-header-right{gap:var(--space-2);flex-shrink:0}.site-header-right,.site-nav{display:flex;align-items:center}.site-nav{gap:var(--space-1)}.site-nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.site-nav-toggle:hover{background:var(--surface-hover);border-color:var(--accent-border-soft)}.site-nav-toggle__bar{display:block;width:18px;height:2px;border-radius:1px;background:currentColor;transition:transform var(--transition-smooth),opacity var(--transition-smooth)}.site-header--nav-open .site-nav-toggle__bar:first-child{transform:translateY(3.5px) rotate(45deg)}.site-header--nav-open .site-nav-toggle__bar:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-nav--mobile,.site-nav-backdrop{display:none}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:18px;letter-spacing:-.02em;transition:transform var(--transition),color var(--transition)}.site-logo:hover{color:var(--text);transform:scale(1.02)}.site-logo-icon{width:26px;height:22px;flex-shrink:0;display:block;object-fit:contain}.site-nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:color var(--transition-smooth),background var(--transition-smooth)}.site-nav-link:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.site-nav-link--cta{color:var(--text-bright);font-weight:600;background:var(--nav-cta-bg);border:1px solid var(--nav-cta-border);box-shadow:var(--nav-cta-shadow)}.site-nav-link--cta:hover{color:var(--text-on-accent);background:var(--nav-cta-bg-hover);border-color:var(--nav-cta-border-hover);box-shadow:var(--nav-cta-shadow-hover)}.site-nav .chevron{font-size:10px;opacity:.7}button.site-nav-link{border:none;background:none;cursor:pointer;font-family:inherit}.signin-modal-overlay{position:fixed;inset:0;min-height:100vh;min-height:100dvh;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-3);box-sizing:border-box}.signin-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:400px;width:100%;box-shadow:var(--shadow)}.signin-modal__title{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:600;color:var(--text)}.signin-modal__text{margin:0 0 var(--space-4);font-size:15px;line-height:1.5;color:var(--text-secondary)}.signin-modal__close{width:100%}.auth-page{min-height:60vh;padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.auth-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:400px;width:100%;box-shadow:var(--shadow)}.auth-card--centered{text-align:center}.auth-card--centered .auth-form{text-align:left}.auth-title{margin:0 0 var(--space-1);font-size:1.5rem;font-weight:700;color:var(--text)}.auth-title--large{font-size:1.75rem;margin-bottom:var(--space-2)}.auth-subtitle{margin:0 0 var(--space-4);font-size:14px;color:var(--text-secondary)}.auth-hint{margin:calc(-1 * var(--space-2)) 0 var(--space-2);font-size:13px;color:var(--muted)}.auth-legal{margin:var(--space-4) 0 0;font-size:13px;color:var(--text-secondary);line-height:1.5}.auth-label-with-link{display:flex;justify-content:space-between;align-items:center}.auth-link--small{font-size:13px}.auth-submit--outline{background:var(--surface-subtle)!important;border:1px solid var(--border)!important}.auth-submit--outline:hover:not(:disabled){border-color:var(--accent-border)!important;background:var(--accent-tint)!important}.auth-form{gap:var(--space-3)}.auth-form,.auth-label{display:flex;flex-direction:column}.auth-label{gap:var(--space-1);font-size:14px;font-weight:500;color:var(--text)}.auth-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-input);color:var(--text);font-size:15px;transition:border-color var(--transition)}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-input::placeholder{color:var(--muted)}.auth-error{margin:0;font-size:14px;color:var(--danger)}.auth-success{margin:0 0 var(--space-3);font-size:14px;color:var(--ok)}.auth-submit{width:100%;margin-top:var(--space-1)}.auth-divider{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px}.auth-card--centered .auth-divider,.auth-divider{margin:var(--space-4) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.google-auth-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background:white;border:1px solid #ddd;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#333;font-size:15px}.google-auth-button:hover:not(:disabled){background:#f7f7f7}.google-auth-button:active:not(:disabled){transform:scale(.98)}.google-auth-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{display:block;flex-shrink:0}.auth-footer{margin:var(--space-4) 0 0;font-size:14px;color:var(--text-secondary);text-align:center}.auth-link{color:var(--accent);text-decoration:none;transition:color var(--transition)}.auth-link:hover{color:var(--accent);text-decoration:underline}.auth-back{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.auth-back:hover{color:var(--text)}.auth-forgot{margin-top:-var(--space-1);text-align:right}.legal-page{min-height:60vh;padding:var(--space-6) var(--space-3);max-width:720px;margin:0 auto}.legal-article{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow)}.legal-article h1{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-1);color:var(--text)}.legal-article h2{font-size:1.15rem;font-weight:600;margin:var(--space-5) 0 var(--space-2);color:var(--text)}.legal-article h3{font-size:1rem;font-weight:600;margin:var(--space-3) 0 var(--space-1);color:var(--text-secondary)}.legal-article p,.legal-article ul{margin:0 0 var(--space-3);font-size:14px;line-height:1.65;color:var(--text-secondary)}.legal-article ul{padding-left:var(--space-4)}.legal-updated{font-size:13px!important;color:var(--muted)!important;margin-bottom:var(--space-4)!important}.legal-link{color:var(--accent);text-decoration:none}.legal-link:hover{text-decoration:underline}.legal-back{margin-top:var(--space-6)!important;padding-top:var(--space-4);border-top:1px solid var(--border)}.site-header-account-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--text);text-decoration:none;min-width:0;overflow:hidden;transition:color var(--transition),background var(--transition)}.site-header-account-link:hover{color:var(--text);text-decoration:none;background:var(--surface-hover)}.site-header-account-icon{flex-shrink:0;color:var(--accent)}.site-header-account-email{font-size:14px;font-weight:500;max-width:180px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-loading{opacity:.6}.btn-logout{background:transparent;border:none;font-size:13px;color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.btn-logout:hover{color:var(--text);background:var(--surface-hover)}.btn-login{padding:var(--space-1) var(--space-3)}.account-page{min-height:60vh;padding:var(--space-6) var(--space-3);display:flex;flex-direction:column;align-items:center}.account-page--layout{flex-direction:row;align-items:stretch;gap:0;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-6) 0;padding-left:0}.account-sidebar{flex-shrink:0;min-width:200px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) 0;margin-left:0;background:transparent;border-right:1px solid var(--border)}.account-sidebar-nav{display:flex;flex-direction:column;gap:0}.account-sidebar-item{display:flex;align-items:center;gap:var(--space-1);text-decoration:none;padding:var(--space-2) var(--space-1) var(--space-2) 0;border:none!important;border-radius:0;outline:none!important;background:none!important;color:var(--text-secondary);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:color var(--transition),background var(--transition);text-align:left;width:100%;justify-content:flex-start;box-shadow:none!important;white-space:nowrap;-webkit-tap-highlight-color:transparent}.account-sidebar-item:hover{color:var(--text);background:rgba(255,255,255,.04)}.account-sidebar-item.active{color:var(--accent)}.account-sidebar-item.active:hover{background:rgba(109,93,251,.08)}.account-sidebar-item:focus,.account-sidebar-item:focus-visible{outline:none!important;box-shadow:none!important}.account-sidebar-icon{flex-shrink:0;opacity:.9}.account-sidebar-logout{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-secondary)}.account-sidebar-logout:hover{color:var(--danger);background:rgba(248,113,113,.08)}.account-content{flex:1 1;min-width:0;padding-left:var(--space-5)}.account-section-desc{margin:0 0 var(--space-4);font-size:14px;color:var(--text-secondary)}.account-content .account-card{max-width:none}.account-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:700px;width:100%;box-shadow:var(--shadow)}.account-title{margin:0 0 var(--space-4);font-size:1.5rem;font-weight:700;color:var(--text)}.account-info{margin-bottom:var(--space-5)}.account-balance,.account-email{margin:0 0 var(--space-1);font-size:15px;color:var(--text-secondary)}.account-section{margin-top:var(--space-4)}.account-section-title{margin:0 0 var(--space-3);font-size:1.1rem;font-weight:600;color:var(--text)}.account-jobs-empty{margin:0;font-size:14px;color:var(--text-secondary)}.account-jobs-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.account-jobs-table{width:100%;border-collapse:collapse;font-size:14px}.account-jobs-table td,.account-jobs-table th{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--border)}.account-jobs-table th{font-weight:600;color:var(--text-secondary);background:var(--table-header-bg)}.account-jobs-table tbody tr:last-child td{border-bottom:none}.account-job-status{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.account-job-status.status-done{background:rgba(52,211,153,.2);color:var(--ok)}.account-job-status.status-failed{background:rgba(248,113,113,.2);color:var(--danger)}.account-job-status.status-processing,.account-job-status.status-queued{background:var(--status-neutral-bg);color:var(--text-secondary)}.account-job-status.status-created{background:var(--status-muted-bg);color:var(--muted)}.account-job-error{margin-left:4px;color:var(--danger);font-weight:700}.account-download-link{color:var(--accent);text-decoration:none}.account-download-link:hover{text-decoration:underline}.cabinet-dashboard{display:flex;flex-direction:column;max-width:900px;gap:var(--space-5);max-width:800px}.cabinet-dashboard__cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.cabinet-dashboard__cards{grid-template-columns:1fr}}.cabinet-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow)}.cabinet-card__title{margin:0 0 var(--space-3);font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.cabinet-balance-block{margin-bottom:var(--space-3)}.cabinet-balance-value{font-size:3rem;font-weight:700;line-height:1.1;color:var(--text);margin-bottom:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cabinet-balance-hint{margin:0;font-size:12px;color:var(--muted)}.cabinet-card__progress{margin-bottom:var(--space-4)}.cabinet-progress-bar__track{height:8px;background:var(--progress-track);border-radius:4px;overflow:hidden}.cabinet-progress-bar__fill{height:100%;background:var(--accent-gradient);border-radius:4px;transition:width .3s ease}.cabinet-card__cta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cabinet-plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:var(--space-3)}.cabinet-plan-badge--free{background:rgba(255,255,255,.1);color:var(--text-secondary)}.cabinet-plan-badge--pro{background:var(--accent-gradient);color:white}.cabinet-plan-limits{margin:0;padding:0;list-style:none;font-size:14px;color:var(--text-secondary);line-height:1.6}.cabinet-plan-limits li{padding-left:var(--space-3);position:relative}.cabinet-plan-limits li:before{content:"• ";color:var(--muted)}.cabinet-plan-limits--pricing-style li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent)}.cabinet-plan-limits .cabinet-plan-highlight,.cabinet-plan-limits li.cabinet-plan-highlight{color:var(--accent);font-weight:600}.cabinet-usage-summary{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow)}.cabinet-usage-summary__title{margin:0 0 var(--space-4);font-size:1.1rem;font-weight:600;color:var(--text)}.cabinet-usage-summary__list{margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.cabinet-usage-summary__row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.cabinet-usage-summary__row:last-child{border-bottom:none}.cabinet-usage-summary__row dt{margin:0;font-size:14px;color:var(--text-secondary);font-weight:400}.cabinet-usage-summary__row dd{margin:0;font-size:14px;font-weight:600;color:var(--text)}.cabinet-videos-empty{padding:var(--space-6) 0;text-align:center}.cabinet-videos-empty__text{margin:0 0 var(--space-4);font-size:15px;color:var(--text-secondary)}.cabinet-videos-mock-hint{margin:0 0 var(--space-2);font-size:13px;color:var(--muted)}.cabinet-videos-table__name{font-weight:500;color:var(--text)}.cabinet-videos-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.cabinet-videos-btn{display:inline-block;padding:6px 14px;border:1px solid var(--card-border);border-radius:var(--radius);font-size:13px;font-weight:500;color:var(--accent);text-decoration:none;background:var(--card);transition:border-color .2s,background .2s}.cabinet-videos-btn:hover{border-color:var(--accent);background:rgba(109,93,251,.1)}.cabinet-videos-actions--disabled{color:var(--muted);font-size:13px;font-style:italic}.cabinet-billing{display:flex;flex-direction:column;gap:var(--space-5);max-width:900px}.cabinet-billing__plans-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.cabinet-billing__plans-row--single{grid-template-columns:1fr}@media (max-width:768px){.cabinet-billing__plans-row{grid-template-columns:1fr}}.cabinet-card--your-plan{border-color:var(--border)}.cabinet-card--pro-preview{border-color:rgba(109,93,251,.4);background:linear-gradient(135deg,rgba(109,93,251,.06),transparent)}.cabinet-plan-upgrade{display:block;width:100%;margin-top:var(--space-4);text-align:center}.cabinet-plan-header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.cabinet-plan-header .cabinet-plan-badge{margin-bottom:0;vertical-align:middle}.cabinet-billing__plan-price{font-size:14px;color:var(--accent);font-weight:600;line-height:1.4}.cabinet-billing__plan-limit{margin:0 0 var(--space-2);font-size:14px;color:var(--text);font-weight:500}.cabinet-billing__balance{margin:var(--space-3) 0 0;font-size:13px;color:var(--text-secondary)}.cabinet-credits-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3)}@media (max-width:640px){.cabinet-credits-grid{grid-template-columns:1fr}}.cabinet-credit-pack{padding:var(--space-3);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.cabinet-credit-pack__credits{font-size:1.5rem;font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cabinet-credit-pack__credits-label{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-2)}.cabinet-credit-pack__price{font-size:1.1rem;font-weight:600;color:var(--accent);margin-bottom:var(--space-3)}.cabinet-credit-pack__details{font-size:12px;color:var(--text-secondary);margin-bottom:var(--space-1)}.cabinet-credit-pack__savings{margin-left:8px;color:var(--ok);font-weight:600}.cabinet-credit-pack__storage{font-size:12px;color:var(--muted);margin-bottom:var(--space-3)}.cabinet-credit-pack__buy{width:100%}.cabinet-billing-success__message{margin:var(--space-3) 0;font-size:16px;color:var(--text-secondary)}.cabinet-billing__message{margin:var(--space-3) 0 0;font-size:14px;color:var(--accent)}.cabinet-history-empty{padding:var(--space-5);text-align:center}.cabinet-history-empty__text{margin:0 0 var(--space-1);font-size:15px;color:var(--text-secondary)}.cabinet-history-empty__hint{margin:0;font-size:13px;color:var(--muted)}.cabinet-profile__fields{margin:0 0 var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.cabinet-profile__row{margin:0}.cabinet-profile__row dt{margin:0 0 var(--space-1);font-size:13px;font-weight:500;color:var(--text-secondary)}.cabinet-profile__row dd{margin:0;font-size:15px;color:var(--text)}.cabinet-profile__input{width:100%;max-width:320px;padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:15px}.cabinet-profile__input--readonly{cursor:default;opacity:.9}.cabinet-profile__actions{padding-top:var(--space-2)}.cabinet-profile__hint{margin:0;font-size:14px;color:var(--text-secondary)}.site-footer{margin-top:var(--space-8);padding:var(--space-4) var(--space-3);border-top:1px solid var(--card-border);background:var(--footer-bg)}.site-footer-inner{max-width:1200px;margin:0 auto;text-align:left}.site-footer-copyright,.site-footer-text{margin:0;font-size:14px;color:var(--text-secondary)}.site-footer-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%}.site-footer-links{display:inline-flex;align-items:center;gap:var(--space-3)}.site-footer-text>span{white-space:nowrap}@media (max-width:640px){.site-footer-text{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.section-contacts,.section-faq{padding:var(--space-6) var(--space-3);max-width:800px;margin:0 auto}.section-faq{max-width:1240px}.faq-list{flex-direction:row;margin:var(--space-6) auto 0;max-width:1240px;width:100%;box-sizing:border-box;justify-content:center}.faq-column,.faq-list{display:flex;gap:var(--space-2)}.faq-column{list-style:none;margin:0;padding:0;flex-direction:column;min-width:0;flex:1 1;max-width:600px}.faq-item{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);min-width:0}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font:inherit;font-size:16px;font-weight:600;color:var(--text);min-height:72px;box-sizing:border-box}.faq-question:hover{background:var(--surface-muted)}.faq-question:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.faq-question__text{flex:1 1;min-width:0}.faq-question__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--accent);transition:transform .25s ease}.faq-question__icon--open{transform:rotate(90deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease-out}.faq-answer--open{max-height:500px}.faq-answer__inner{overflow:hidden;padding:0 var(--space-4) var(--space-4);font-size:15px;line-height:1.6;color:var(--text-secondary);border-top:1px solid transparent;opacity:0;transition:opacity .2s ease,border-color .2s ease}.faq-answer--open .faq-answer__inner{padding-top:var(--space-3);border-top-color:var(--border);opacity:1;transition-delay:.12s}.faq-answer:not(.faq-answer--open) .faq-answer__inner{transition-delay:0;pointer-events:none}.contacts-email{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap}.contacts-email-icon{width:18px;height:18px;flex-shrink:0}.section-title{font-size:clamp(26px,3.5vw,32px);margin:0 0 var(--space-1);letter-spacing:-.03em;line-height:1.2;text-align:center}.section-desc{text-align:center;color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 auto var(--space-6);max-width:520px}.hero{text-align:center;padding:var(--space-8) var(--space-3) var(--space-8)}.hero-title{font-size:clamp(36px,5vw,52px);font-weight:700;margin:0 0 var(--space-3);letter-spacing:-.04em;line-height:1.15;max-width:720px;margin-left:auto;margin-right:auto;color:var(--text)}.hero-desc{font-size:18px;color:var(--text-secondary);margin:0 0 var(--space-5);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.55}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-7)}.hero-buttons .btn{padding:var(--space-2) var(--space-4);font-size:16px}.hero-mockup{max-width:720px;margin:0 auto}.hero-mockup-screen{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);background:linear-gradient(145deg,var(--bg-elevated) 0,var(--bg) 50%);box-shadow:var(--shadow-mockup);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hero-mockup:hover .hero-mockup-screen{box-shadow:var(--shadow-mockup-hover)}.hero-mockup-play{width:72px;height:72px;border-radius:50%;background:var(--accent-gradient);opacity:.9;box-shadow:0 4px 24px var(--accent-glow);position:relative}.hero-mockup-play:after{content:"";position:absolute;left:50%;top:50%;margin-left:4px;margin-top:-10px;border:10px solid transparent;border-left:16px solid var(--text-on-accent);height:0;width:0}.hero-mockup-subtitles{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-3) var(--space-4);background:linear-gradient(0deg,rgba(15,17,23,.95),transparent 60%);display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.hero-mockup-line{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center;max-width:90%;border:1px solid rgba(255,255,255,.1)}.how-it-works{padding:var(--space-8) var(--space-3) var(--space-8)}.how-it-works-title{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.how-it-works-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:400px;line-height:1.5}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);max-width:960px;margin:0 auto}@media (max-width:768px){.how-it-works-grid{grid-template-columns:1fr}}.how-step-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.how-step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 28px rgba(109,93,251,.18);border-color:rgba(109,93,251,.25)}.how-step-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(109,93,251,.2),rgba(139,124,254,.1));border:1px solid rgba(109,93,251,.25);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-3)}.how-step-icon svg{flex-shrink:0}.how-step-title{font-size:18px;font-weight:700;margin:0 0 10px;letter-spacing:-.02em;color:var(--text)}.how-step-desc{font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0}.samples-section{padding:var(--space-8) var(--space-3) var(--space-8)}.samples-section h2{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.samples-section .section-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:520px;line-height:1.5}.samples-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:900px;margin:0 auto}@media (max-width:640px){.samples-grid{grid-template-columns:1fr}}.sample-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);background:var(--card);aspect-ratio:16/9;box-shadow:var(--shadow);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.sample-card:hover{transform:scale(1.02);box-shadow:var(--shadow),0 0 28px rgba(109,93,251,.2);border-color:rgba(109,93,251,.25)}.sample-card video{width:100%;height:100%;object-fit:cover;display:block}.sample-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);color:var(--muted);font-size:14px}.sample-card-title{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(to top,var(--bg) 70%,transparent);font-size:14px;font-weight:600;color:var(--text);transition:opacity var(--transition)}.pricing-section{padding:var(--space-8) var(--space-3) var(--space-8)}.pricing-title{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.pricing-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:400px;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3);max-width:720px;margin:0 auto;align-items:stretch}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr;max-width:380px}}.pricing-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 24px rgba(0,0,0,.2)}.pricing-card-pro{border-color:rgba(109,93,251,.4);box-shadow:var(--shadow),0 0 36px rgba(109,93,251,.25);position:relative}.pricing-card-pro:hover{box-shadow:var(--shadow),0 0 44px rgba(109,93,251,.3),0 0 64px rgba(109,93,251,.12);border-color:rgba(109,93,251,.55)}.pricing-plan-name{margin:0 0 16px;color:var(--text);min-height:40px;display:flex;align-items:center}.pricing-plan-name,.pricing-plan-name-framed{font-size:20px;font-weight:700;letter-spacing:-.02em}.pricing-plan-name-framed{display:inline-block;width:-moz-fit-content;width:fit-content;padding:6px 16px;border-radius:999px;border:none;background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.pricing-price{margin-bottom:var(--space-3);min-height:44px;display:flex;align-items:baseline;flex-wrap:wrap}.pricing-amount{font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.pricing-currency{font-size:20px;font-weight:600;color:var(--text-secondary);margin-left:2px}.pricing-period{font-size:14px;color:var(--muted);margin-left:4px}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-3);flex:1 1}.pricing-features li{font-size:14px;color:var(--text-secondary);line-height:1.6;padding:var(--space-1) 0;padding-left:var(--space-3);position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--accent)}.pricing-features .pricing-feature-highlight,.pricing-features li.pricing-feature-highlight{color:var(--accent);font-weight:600}.pricing-cta{width:100%;padding:var(--space-2) var(--space-3);font-size:15px}.pricing-extra{text-align:center;font-size:13px;color:var(--muted);margin:var(--space-4) auto 0;max-width:480px;line-height:1.5}.container{max-width:920px;margin:0 auto;padding:0 var(--space-3) var(--space-8);width:100%;box-sizing:border-box;background:transparent}.container--landing{max-width:1240px;padding-left:clamp(var(--space-3),3vw,var(--space-5));padding-right:clamp(var(--space-3),3vw,var(--space-5));background:transparent}.landing-page{position:relative;width:100%;overflow-x:visible;background:transparent}.landing-page__ambient{display:none;pointer-events:none}.landing-page__ambient--left{width:min(480px,42vw);height:min(480px,50vh);top:8%;left:max(-200px,-12vw);background:rgba(109,93,251,.22)}.landing-page__ambient--right{width:min(400px,38vw);height:min(400px,45vh);top:32%;right:max(-180px,-10vw);background:rgba(56,189,248,.14)}.landing-page__ambient--center{width:min(560px,70vw);height:280px;top:48%;left:50%;transform:translateX(-50%);background:rgba(167,139,250,.08);filter:blur(96px)}.landing-page>:not(.landing-page__ambient){position:relative;z-index:1}.page-wrapper--full{width:100%;padding:0 var(--space-4) var(--space-8);padding-left:0;box-sizing:border-box}.app-header{position:relative;text-align:center;padding:var(--space-4) var(--space-3) var(--space-6);overflow:hidden;background:radial-gradient(ellipse 100% 70% at 50% -20%,rgba(109,93,251,.2),transparent 58%);border-bottom:1px solid rgba(109,93,251,.12)}.app-header--landing{width:100%;margin:0 0 var(--space-2);padding:var(--space-6) clamp(var(--space-2),3vw,var(--space-5)) var(--space-8);border-bottom:none;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;grid-column-gap:clamp(var(--space-3),3.5vw,var(--space-6));column-gap:clamp(var(--space-3),3.5vw,var(--space-6));max-width:1240px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:visible}.hero-top-main{grid-column:1;min-width:0;text-align:center;overflow:visible}.hero-top-promo{grid-column:2;margin:0 -12px 0 0;display:flex;align-items:flex-start;justify-content:flex-end;align-self:stretch;min-height:0;padding-top:var(--space-1)}.hero-top-promo__frame{margin-top:30px;margin-right:4px;height:66.67%;max-height:66.67%;padding:8px;background:#fff;border-radius:28px;box-shadow:0 4px 24px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.08);box-sizing:border-box}.hero-top-promo__img{display:block;height:100%;width:auto;max-width:min(34vw,320px);border-radius:22px;object-fit:cover}@media (max-width:900px){.app-header--landing{grid-template-columns:1fr;row-gap:var(--space-4)}.hero-top-main{grid-column:1}.hero-top-promo{grid-column:1;justify-content:center;align-items:center;min-height:auto;margin:0;padding-top:0}.hero-top-promo__frame{margin:0;height:auto;max-height:none;max-width:min(72vw,280px)}.hero-top-promo__img{width:100%;height:auto;max-width:100%;aspect-ratio:2/3}}.app-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(109,93,251,.14),transparent 42%);opacity:.9}.app-header.app-header--landing:before{background:radial-gradient(ellipse 100% 75% at 50% -12%,rgba(109,93,251,.2),transparent 62%);opacity:1}.app-header.app-header--landing:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(109,93,251,.35) 20%,rgba(167,139,250,.25) 50%,rgba(109,93,251,.35) 80%,transparent);pointer-events:none}.app-header>*{position:relative;z-index:1}.app-hero-eyebrow{display:inline-block;margin:0 auto var(--space-3);padding:6px 14px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.14em;color:rgba(199,190,255,.95);background:rgba(109,93,251,.12);border:1px solid rgba(109,93,251,.35);box-shadow:0 0 24px rgba(109,93,251,.15)}.app-title{font-size:clamp(28px,4vw,36px);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.03em;color:var(--text)}.app-hero-title{font-size:clamp(26px,4.2vw,42px);max-width:820px;margin-left:auto;margin-right:auto;line-height:1.12;text-wrap:balance}.app-title__line--short{display:none}.app-title__line--full{display:block}.app-desc{font-size:15px;color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.5}.app-hero-desc{font-size:clamp(15px,2vw,17px);max-width:600px;margin-left:auto;margin-right:auto;color:var(--text-hero-desc);line-height:1.6}.app-desc-hook{margin:0 auto var(--space-5);max-width:520px;font-size:clamp(16px,2.2vw,18px);font-weight:600;line-height:1.45;color:var(--text);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-desc-detail{font-size:15px;color:var(--text-secondary);margin:0 auto var(--space-5);line-height:1.6;max-width:640px}.hero-perks,.hero-perks.seo-hero-visual-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:var(--space-4);max-width:100%;width:100%;margin-left:auto;margin-right:auto;gap:var(--space-2);padding-inline:var(--space-2);box-sizing:border-box;overflow:visible}.hero-perks .hero-perk,.hero-perks .seo-hero-visual-badge.hero-perk{font-size:18px;padding:9px 18px;white-space:nowrap;flex-shrink:0;border-color:var(--accent-border-soft);background:var(--perk-bg);color:var(--perk-color)}@media (min-width:1140px){.hero-perks,.hero-perks.seo-hero-visual-badges{flex-wrap:nowrap}}.hero-perk__emphasis{font-weight:700;color:var(--accent-icon);-webkit-text-fill-color:var(--accent-icon)}.hero-steps-heading{margin-bottom:var(--space-1)}.hero-steps{align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.hero-steps,.hero-steps-cta{display:flex;flex-wrap:wrap;justify-content:center}.hero-steps-cta{margin-top:var(--space-5);gap:var(--space-2)}.hero-cta-btn{padding:var(--space-3) var(--space-6);font-size:18px;min-width:200px}.hero-steps-cta .btn-primary.hero-cta-btn{box-shadow:var(--shadow-soft),0 0 32px rgba(109,93,251,.45),0 4px 20px rgba(0,0,0,.25)}.hero-steps-cta .btn-primary.hero-cta-btn:hover:not(:disabled){box-shadow:0 6px 28px rgba(109,93,251,.55),0 0 40px rgba(109,93,251,.35)}.hero-steps-cta .btn-secondary.hero-cta-btn{border-color:rgba(109,93,251,.45)}.hero-step{flex:0 0 auto}.hero-step__box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:160px;padding:var(--space-3);border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft);transition:border-color var(--transition),box-shadow var(--transition)}.hero-step__box:hover{border-color:rgba(109,93,251,.3);box-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-step__title{font-size:13px;font-weight:600;color:var(--text);text-align:center;line-height:1.3}.hero-step__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--accent)}.hero-step__icon svg{width:100%;height:100%}.hero-step-arrow{font-size:24px;color:var(--text-secondary);opacity:.7}@media (max-width:720px){.app-title__line--full{display:none}.app-title__line--short{display:block}}@media (max-width:600px){.hero-steps{flex-direction:column;gap:var(--space-2)}.hero-step-arrow{transform:rotate(90deg)}.hero-perks{flex-direction:column;align-items:stretch;flex-wrap:wrap;max-width:100%}.hero-perks .hero-perk,.hero-perks .seo-hero-visual-badge.hero-perk{white-space:normal;text-align:center;width:100%;box-sizing:border-box}.app-hero-eyebrow{font-size:10px;letter-spacing:.1em;padding:5px 10px}}.section-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 var(--space-4)}.section-why-subtitles{position:relative;padding:var(--space-5) var(--space-3) var(--space-6);max-width:1000px;margin:var(--space-6) auto var(--space-8);text-align:center;overflow:hidden;border-radius:var(--radius-lg);border:1px solid rgba(109,93,251,.28);background:radial-gradient(ellipse 70% 55% at 12% 0,rgba(109,93,251,.2),transparent 50%),radial-gradient(ellipse 55% 45% at 88% 20%,rgba(56,189,248,.12),transparent 45%),radial-gradient(ellipse 50% 40% at 50% 100%,rgba(167,139,250,.1),transparent 50%),var(--card);box-shadow:var(--shadow),0 0 56px rgba(109,93,251,.14)}.section-why-subtitles:after,.section-why-subtitles:before{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(48px);z-index:0}.section-why-subtitles:before{width:220px;height:220px;top:-80px;left:-40px;background:rgba(109,93,251,.35)}.section-why-subtitles:after{width:180px;height:180px;bottom:-60px;right:-30px;background:rgba(56,189,248,.2)}.section-why-subtitles>*{position:relative;z-index:1}.section-why-subtitles__intro{margin-bottom:var(--space-4)}.section-why-subtitles__title{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(20px,2.8vw,26px);margin-bottom:var(--space-1)}.section-why-subtitles__desc{margin-bottom:var(--space-1)}.why-subtitles-tagline{margin:0 auto var(--space-3);max-width:480px;font-size:15px;font-weight:600;color:var(--text);line-height:1.4}.why-subtitles-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:center;text-align:left;margin:0 auto var(--space-4);max-width:920px;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid rgba(109,93,251,.25);background:rgba(15,17,23,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.25)}.why-subtitles-hero__media{min-width:0}.why-subtitles-preview{position:relative;aspect-ratio:16/9;width:100%;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(145deg,#0c1222,#151b2e 45%,#1a1033);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 16px 48px rgba(0,0,0,.45),0 0 48px rgba(109,93,251,.35)}.why-subtitles-preview--video{background:var(--bg-elevated)}.why-subtitles-preview__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.why-subtitles-preview__controls{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);pointer-events:none}.why-subtitles-preview__controls .why-subtitles-preview__play-btn{pointer-events:auto}.why-subtitles-preview__controls button.why-subtitles-preview__play-btn{width:88px;height:56px;padding:0;border:none;border-radius:8px;background:rgba(0,0,0,.5);box-shadow:0 2px 12px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:none;transition:background-color var(--transition-smooth)}.why-subtitles-preview__controls button.why-subtitles-preview__play-btn:hover{background:rgba(0,0,0,.65);border-color:transparent;box-shadow:0 2px 12px rgba(0,0,0,.4);transform:none}.why-subtitles-preview__controls button.why-subtitles-preview__play-btn:active{transform:none}.why-subtitles-preview__play-icon{display:block;width:16px;height:20px;margin-left:4px;flex-shrink:0;background:#fff;-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%)}.why-subtitles-preview__stop-icon{display:block;width:18px;height:18px;background:linear-gradient(#fff,#fff) 0 0 /6px 100% no-repeat,linear-gradient(#fff,#fff) 100% 0 /6px 100% no-repeat}.why-subtitles-preview__glow{position:absolute;inset:-20%;background:radial-gradient(circle at 50% 80%,rgba(109,93,251,.45),transparent 55%);pointer-events:none}.why-subtitles-preview__screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.why-subtitles-preview__line{position:absolute;left:10%;right:10%;height:14px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(229,231,235,.85) 55%,#facc15);box-shadow:0 4px 14px rgba(0,0,0,.45)}.why-subtitles-preview__line--1{bottom:28%;width:72%;left:14%;right:auto}.why-subtitles-preview__line--2{bottom:18%;width:58%;left:18%;right:auto;opacity:.85;height:11px}.why-subtitles-preview__line--3{bottom:10%;width:44%;left:22%;right:auto;opacity:.65;height:9px}.why-subtitles-preview__play{position:relative;z-index:1;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);box-shadow:0 4px 24px var(--accent-glow),0 0 40px rgba(109,93,251,.4);opacity:.95}.why-subtitles-preview__play:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-color:transparent transparent transparent #fff;border-style:solid;border-width:10px 0 10px 16px}.why-subtitles-hero__content{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.why-subtitles-hero__title{margin:0;font-size:clamp(20px,2.6vw,26px);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.why-subtitles-hero__text{margin:0;font-size:15px;line-height:1.55;color:var(--text-secondary)}.why-subtitles-hero__badges{margin-top:var(--space-1)}.why-subtitles-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-2);gap:var(--space-2);width:100%;max-width:920px;margin:0 auto;text-align:left}.why-subtitles-card{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.why-subtitles-card:hover{transform:translateY(-2px);border-color:rgba(109,93,251,.45);box-shadow:var(--shadow-soft),0 6px 24px rgba(109,93,251,.2)}.why-subtitles-card__icon{flex-shrink:0;width:36px;height:36px;padding:7px;border-radius:10px;color:var(--accent-icon);background:var(--accent-tint-strong);border:1px solid var(--accent-border-soft);box-sizing:border-box}.why-subtitles-card__body{flex:1 1;min-width:0}.why-subtitles-card__title{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--text);line-height:1.25}.why-subtitles-card__text{margin:0;font-size:13px;line-height:1.4;color:var(--text-secondary)}@media (max-width:900px){.why-subtitles-hero{grid-template-columns:1fr;text-align:center}.why-subtitles-hero__content{align-items:center}.why-subtitles-hero__badges{justify-content:center}}@media (max-width:640px){.why-subtitles-grid{grid-template-columns:1fr;max-width:400px}.section-why-subtitles{margin-top:var(--space-5);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-2) var(--space-5)}.why-subtitles-hero{padding:var(--space-2)}}.section-generation{margin-top:var(--space-8)}.app-main{max-width:800px;margin:0 auto}.app-main .form-group+.form-group{margin-top:var(--space-4)}.generation-step{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.generation-step:last-child{border-bottom:none}.generation-step__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.generation-step__title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0;flex:1 1}.generation-step__promo-badge{flex-shrink:0;padding:.2rem .5rem;font-size:.7rem;font-weight:500;letter-spacing:.02em;color:var(--accent);background:rgba(109,93,251,.08);border:1px solid rgba(109,93,251,.35);border-radius:4px;white-space:nowrap}.generation-step__badge{flex-shrink:0;width:28px;height:28px;margin-left:auto;margin-right:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.generation-step--done .generation-step__badge{background:rgba(52,211,153,.3);border-color:rgba(52,211,153,.6);color:var(--ok)}.generation-step__check{display:flex;align-items:center;justify-content:center;color:var(--ok)}.generation-step__check svg{width:16px;height:16px}.generation-step__body{padding-left:0}.generation-step__action{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-3)}.btn-generate{min-width:280px;padding:var(--space-3) var(--space-5);font-size:1.25rem;min-height:56px}.generation-step__hint{margin:0;font-size:14px;color:var(--muted)}.btn-download{padding:var(--space-3) var(--space-5);font-size:1.125rem;min-height:52px}a.btn-download.btn-primary{color:#fff;text-decoration:none}a.btn-download.btn-primary:hover{color:#fff}.preview-area{margin-top:0;display:flex;justify-content:center;width:100%}.preview-area:first-child{margin-top:0}.preview-placeholder{width:100%;padding:var(--space-5);text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);font-size:14px}.preview-video{display:block;max-height:66.666vh;width:auto;max-width:100%;border-radius:var(--radius);background:#000}.preview-video-error{padding:var(--space-3);color:var(--muted);font-size:14px;text-align:center}.preview-video-error a{color:var(--accent);text-decoration:underline}.download-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);justify-content:center}.download-row .btn-download{min-width:0}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);transition:box-shadow var(--transition-smooth),border-color var(--transition)}.card:hover{box-shadow:var(--shadow),0 0 0 1px var(--card-hover-ring)}.form-group,.form-group+.form-group{margin-top:var(--space-3)}.template-carousel{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--space-4);width:100%;min-width:0;max-width:100%;overflow-x:hidden}.template-carousel__warm{position:absolute;left:-9999px;top:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;border:0;contain:strict}.template-carousel__warm-img{display:block;width:min(560px,92vw);max-width:560px;aspect-ratio:16/9;height:auto;object-fit:contain;vertical-align:top}.template-carousel--disabled{pointer-events:none;opacity:.7}.template-carousel__arrow{flex-shrink:0;padding:var(--space-2);border:none;background:none;color:var(--text);font-size:2.5rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-smooth)}.template-carousel__arrow:hover:not(:disabled){color:var(--accent)}.template-carousel__arrow:disabled{cursor:not-allowed;opacity:.4}.template-carousel__card-wrapper{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:0;max-width:560px;cursor:pointer}.template-carousel__card-wrapper:hover .template-card{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.template-card.template-card--selected{border-color:#6D5DFB;box-shadow:0 0 0 1px #6D5DFB,0 0 20px rgba(109,93,251,.25)}.template-card.template-card--carousel{width:100%;max-width:100%}.template-card.template-card--carousel .template-card__preview{height:auto;aspect-ratio:16/9;min-height:0}.template-card{position:relative;width:100%;padding:0;border-radius:var(--radius-lg);border:2px solid var(--card-border);background:var(--card);overflow:hidden;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.template-card__preview{width:100%;height:400px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.template-card__preview-img{width:100%;height:100%;object-fit:contain}.template-card__preview-line{display:block;width:100%;text-align:center;font-size:11px;font-weight:600;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.2}.template-card__preview--bold .template-card__preview-line{font-weight:800;letter-spacing:.02em}.template-card__preview--clean .template-card__preview-line{font-weight:600}.template-card__preview--dynamic .template-card__preview-line{font-weight:600;color:rgba(255,255,255,.95)}.template-card__preview-word{color:rgba(255,255,255,.9)}.template-card__preview-word--highlight{color:#FFD400}.template-card__preview--flash .template-card__preview--flash-sample{font-family:Sigmar,sans-serif;font-size:1.7rem;font-weight:400;letter-spacing:.02em}.template-card__preview--flash .template-card__preview--flash-white{color:#fff}.template-card__preview--flash .template-card__preview--flash-blue{color:#5DADE2}.template-card__preview--classic .template-card__preview--classic-sample{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--space-1) var(--space-2);background:rgba(0,0,0,.5);border-radius:2px}.template-card__preview--classic .template-card__preview--classic-line{display:block;font-size:10px;font-weight:400;color:#fff;text-align:center;line-height:1.25}.template-card__preview-outline3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%}.template-card__preview-outline3-line{display:block;font-family:Serati,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:#ffffff;-webkit-text-stroke:1px #ffffff;text-stroke:1px #ffffff}.template-card__preview-outline3-line--short{font-size:18px}.template-card__title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 var(--space-1);padding:0 var(--space-1);text-align:center;line-height:1.3}.template-card__check{top:var(--space-1);width:22px;height:22px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px rgba(109,93,251,.5)}.template-card__check,.template-card__label{position:absolute;right:var(--space-1);z-index:1}.template-card__label{bottom:var(--space-1);font-size:10px;font-weight:700;color:#6D5DFB;text-transform:uppercase;letter-spacing:.05em}.generation-progress{margin-top:var(--space-3)}.generation-progress__label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2)}.generation-progress__bar{height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.generation-progress__fill{height:100%;max-width:100%;border-radius:999px;background:#6D5DFB;transition:width .2s ease-out}.generation-progress__upload-done{font-size:13px;color:var(--success,#22c55e);margin-bottom:var(--space-1)}.generation-progress__dots{display:inline-block;min-width:1.2em;text-align:left}.generation-progress__long-running{margin-top:var(--space-2);font-size:13px;color:var(--text-secondary)}.generation-error{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:var(--danger);font-size:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.generation-error p{margin:0}.generation-error-cta{display:inline-block;margin-top:var(--space-2);text-decoration:none}.file-upload-warning{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-size:14px;line-height:1.45}.stack-1{margin-top:var(--space-1)}.stack-2{margin-top:var(--space-2)}.stack-3{margin-top:var(--space-3)}.stack-4{margin-top:var(--space-4)}.stack-5{margin-top:var(--space-5)}.status-badge{display:inline-flex;padding:2px var(--space-1);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-secondary);background:rgba(255,255,255,.04)}.status-badge,.video-controls-bar{align-items:center;border:1px solid var(--border)}.video-controls-bar{width:100%;max-width:280px;padding:var(--space-1) var(--space-2);display:flex;gap:var(--space-2);background:rgba(0,0,0,.6);border-radius:var(--radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}.video-controls-bar input[type=range]{flex:1 1;min-width:0}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.title{font-size:24px;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em}.muted{color:var(--text-secondary);font-size:14px;line-height:1.5}.status{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-soft)}label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-1);color:var(--text-secondary)}.file-upload-zone{position:relative;min-height:96px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface-muted);transition:border-color var(--transition),background var(--transition)}.file-upload-zone:hover{border-color:rgba(109,93,251,.5);background:rgba(109,93,251,.06)}.file-upload-zone:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}.file-upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:none;border-radius:inherit;background:transparent;color:transparent;cursor:pointer;opacity:0}.file-upload-zone input[type=file]:disabled{cursor:not-allowed}.file-upload-zone__text{font-size:14px;color:var(--text-secondary);text-align:center;pointer-events:none;padding:var(--space-2)}.file-upload-zone:has(input:disabled) .file-upload-zone__text{opacity:.7}input[type=file]{width:100%;padding:var(--space-2);border-radius:var(--radius);border:1px dashed var(--border);background:var(--surface-muted);color:var(--text);transition:border-color var(--transition),background var(--transition)}input[type=file]:hover{border-color:rgba(109,93,251,.5);background:rgba(109,93,251,.06)}input[type=file]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}select{padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:14px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}select:hover{border-color:rgba(255,255,255,.2)}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}.btnLink{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-btn);font-size:14px;font-weight:600;border:1px solid var(--border);background:rgba(255,255,255,.04);box-shadow:0 1px 2px rgba(0,0,0,.1);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background-color var(--transition)}.btnLink,.btnLink:hover{text-decoration:none;color:var(--text)}.btnLink:hover{transform:scale(1.02);border-color:rgba(109,93,251,.4);background:rgba(109,93,251,.08);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.15)}.btnLink[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--accent);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:#8B7CFE;text-decoration:underline}.error{color:var(--danger);white-space:pre-wrap}.ok{color:var(--ok)}.kv{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;color:var(--text-secondary)}.btn-toggle-active,button.btn-toggle-active{background:rgba(52,211,153,.15)!important;border-color:rgba(52,211,153,.4)!important;color:var(--ok)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1}}.animate-fade-in{animation:fadeInUp .5s var(--ease-out) forwards}@media (max-width:768px){body{padding-top:56px}body.site-nav-open{overflow:hidden}.site-header-inner{padding:var(--space-2) var(--space-2);gap:var(--space-2);flex-wrap:nowrap}.site-nav--desktop{display:none}.site-nav-toggle{display:inline-flex}.site-nav-backdrop{display:block;position:fixed;inset:56px 0 0;z-index:98;margin:0;padding:0;border:none;background:rgba(0,0,0,.45);cursor:pointer}.site-nav--mobile{display:none;position:fixed;top:56px;left:0;right:0;z-index:99;flex-direction:column;align-items:stretch;gap:var(--space-1);max-height:calc(100vh - 56px);overflow-y:auto;padding:var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--header-border);background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.site-nav--mobile-open{display:flex}.site-nav--mobile .site-nav-link{justify-content:center;padding:var(--space-3) var(--space-2);font-size:15px}.site-header-right{flex:0 0 auto;justify-content:flex-end;overflow:visible}.site-header-account-email{max-width:38vw}.site-logo{flex-shrink:0;min-width:0}.site-logo-text{font-size:16px}.container{padding:0 var(--space-2) var(--space-6)}.card{padding:var(--space-3) var(--space-2)}.app-header{padding:var(--space-2) var(--space-2) var(--space-4)}.generation-step__body{padding-left:0}.btn-generate,.hero-cta-btn{width:100%;min-width:0;box-sizing:border-box}.download-row{flex-direction:column;align-items:stretch}.download-row .btn-download{width:100%;box-sizing:border-box}.pricing-grid{max-width:100%;padding:0 var(--space-1)}.hero,.how-it-works,.pricing-section,.samples-section,.section-contacts,.section-faq{padding-left:var(--space-2);padding-right:var(--space-2)}.faq-list{flex-direction:column;align-items:center}.faq-column{max-width:100%}.account-page--layout{flex-direction:column;padding:var(--space-4) var(--space-2);padding-left:var(--space-2)}.account-sidebar{flex-direction:row;flex-wrap:wrap;width:100%;justify-content:flex-start;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-4);margin-left:0}.account-sidebar-item{padding:var(--space-2)}.account-sidebar-nav{flex-direction:row;flex-wrap:wrap;flex:1 1}.account-sidebar-logout{margin-top:0;margin-left:auto;padding-top:0;border-top:none;border-left:1px solid var(--border);padding-left:var(--space-2)}.account-content{padding-left:0}.site-footer{padding-left:var(--space-2);padding-right:var(--space-2)}.signin-modal{margin:var(--space-2);padding:var(--space-3)}select{width:100%;max-width:100%;box-sizing:border-box}}.site-footer-product{margin-bottom:var(--space-3);padding:var(--space-3) 0;border-radius:0;border:none;border-bottom:1px solid var(--card-border);background:transparent;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.site-footer-heading{margin:0 0 var(--space-2);font-size:14px;font-weight:600;color:var(--text);letter-spacing:.04em;text-transform:uppercase}.site-footer-nav{display:flex;flex-direction:column;gap:6px}.site-footer-nav-link{font-size:14px;color:var(--text-secondary);text-decoration:none}.site-footer-nav-link:hover{color:var(--text);text-decoration:underline}@media (max-width:640px){.site-footer-product{padding:var(--space-3) 0}}.seo-landing-page{max-width:920px;margin:0 auto;padding:var(--space-6) var(--space-3) var(--space-8)}.seo-hero{text-align:left;margin-bottom:var(--space-5)}.seo-hero-eyebrow{margin:0 0 var(--space-2);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.seo-hero-title{margin:0 0 var(--space-3);font-size:clamp(30px,4.4vw,40px);font-weight:700;letter-spacing:-.04em;line-height:1.15;color:var(--text)}.seo-hero-intro{margin:0 0 var(--space-3);font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:640px}.seo-hero-meta{margin:var(--space-2) 0 0;font-size:13px;color:var(--muted)}.seo-hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.seo-hero-actions .btn{min-width:180px}.seo-hero-illustration{margin-bottom:var(--space-6)}.seo-hero-visual{position:relative;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--card-border);background:radial-gradient(circle at 0 0,rgba(167,139,250,.18),transparent 55%),radial-gradient(circle at 100% 100%,rgba(56,189,248,.16),transparent 55%),var(--card);box-shadow:var(--shadow);overflow:hidden}.seo-hero-visual-main{border-radius:16px;background:linear-gradient(135deg,#020617,#0f172a 40%,#111827);border:1px solid rgba(148,163,184,.4);padding:var(--space-3);display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:var(--space-3);gap:var(--space-3)}.seo-hero-visual-video{position:relative;border-radius:12px;background:radial-gradient(circle at 50% 0,rgba(15,118,110,.4),#020617);overflow:hidden;min-height:160px}.seo-hero-visual-video:after{content:"";position:absolute;inset:auto 12% 12%;height:36px;border-radius:999px;background:rgba(0,0,0,.85);border:1px solid rgba(148,163,184,.5);box-shadow:0 0 0 1px rgba(15,23,42,.9)}.seo-hero-visual-caption-line{position:absolute;left:15%;right:15%;bottom:18%;height:24px;border-radius:999px;background:linear-gradient(90deg,#f9fafb,#e5e7eb 60%,#facc15);box-shadow:0 6px 18px rgba(0,0,0,.5)}.seo-hero-visual-caption-line:after{content:"";position:absolute;inset:4px 6px;border-radius:inherit;background:linear-gradient(90deg,rgba(15,23,42,.15),rgba(15,23,42,.35))}.seo-hero-visual-sidebar{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center}.seo-hero-visual-chip{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:rgba(15,23,42,.9);font-size:11px;color:#e5e7eb}.seo-hero-visual-chip-dot{width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.3)}.seo-hero-visual-badges{display:flex;flex-wrap:wrap;gap:6px}.seo-hero-visual-badge{padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.5);font-size:11px;color:#cbd5f5}.hero-perks .seo-hero-visual-badge.hero-perk{background:var(--perk-bg);color:var(--perk-color);border-color:var(--accent-border-soft)}.seo-hero-visual-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.seo-hero-visual-platform-pill{padding:3px 8px;border-radius:999px;font-size:11px;color:#f9fafb;background:linear-gradient(135deg,rgba(109,93,251,.8),rgba(56,189,248,.8))}.seo-section{margin-bottom:var(--space-6)}.seo-section-header{margin-bottom:var(--space-3)}.seo-section-title{margin:0 0 var(--space-1);font-size:20px;font-weight:600;color:var(--text)}.seo-section-description{margin:0;font-size:14px;color:var(--text-secondary);max-width:520px}.seo-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.seo-step{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow-soft)}.seo-step-title{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text)}.seo-step-text{line-height:1.55}.seo-list,.seo-step-text{margin:0;font-size:14px;color:var(--text-secondary)}.seo-list{padding-left:var(--space-4);line-height:1.7}.seo-list li+li{margin-top:6px}.seo-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.seo-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-card{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow-soft)}.seo-card-title{margin:0 0 var(--space-2);font-size:15px;font-weight:600;color:var(--text)}.seo-card-text{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.seo-section-cta{margin-top:var(--space-7)}.seo-cta-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(109,93,251,.7);background:radial-gradient(circle at 0 0,rgba(109,93,251,.28),transparent 55%),var(--card);box-shadow:0 0 0 1px rgba(109,93,251,.2),0 24px 64px rgba(15,23,42,.8)}.seo-cta-note{margin:var(--space-3) 0 0;font-size:13px;color:var(--muted)}.seo-faq-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.seo-faq-item{padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow-soft)}.seo-faq-question{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--text)}.seo-faq-answer{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.seo-section-links-text{margin:0;font-size:13px;color:var(--muted)}.hero-secondary-link{margin:0 0 var(--space-6);text-align:center;font-size:14px;color:var(--text-secondary)}.landing-page .hero-secondary-link{margin-bottom:var(--space-8)}.generation-bridge{text-align:center;max-width:520px;margin:0 auto var(--space-5);padding:var(--space-5) var(--space-3) 0}.generation-bridge__title{margin:0 0 var(--space-2);font-size:clamp(22px,3vw,28px);font-weight:700;letter-spacing:-.03em;line-height:1.2;color:var(--text)}.generation-bridge__text{margin:0;font-size:16px;line-height:1.55;font-weight:700;background:linear-gradient(135deg,#c4b5fd,#8b7cfe 50%,#6d5dfb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-page .section-why-subtitles{max-width:none;width:100%;margin:var(--space-8) 0 var(--space-9);padding:var(--space-6) 0 var(--space-7);border:none;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.landing-page .section-why-subtitles:after,.landing-page .section-why-subtitles:before{display:none}.landing-page .section-why-subtitles__intro{max-width:640px;margin-left:auto;margin-right:auto}.landing-page .why-subtitles-hero{max-width:none;width:100%;border:1px solid rgba(109,93,251,.14);background:rgba(22,27,34,.45);box-shadow:0 12px 40px rgba(0,0,0,.2)}.landing-page .why-subtitles-grid{max-width:none;width:100%;gap:var(--space-3)}.landing-page .section-generation{margin-top:0}.landing-page .app-main--landing{max-width:800px;margin-left:auto;margin-right:auto;border-color:rgba(109,93,251,.18);background:rgba(22,27,34,.72)}.landing-page .app-main--landing,.landing-page .app-main--landing:hover{box-shadow:0 20px 50px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.04),0 0 48px rgba(109,93,251,.08)}.landing-page .pricing-section{margin-top:calc(var(--space-8) + var(--space-5));padding-top:var(--space-6)}.landing-page .pricing-grid{max-width:840px}.section-subtitle-styles{width:100%;text-align:center;overflow:visible}.section-subtitle-styles__title{text-transform:uppercase;letter-spacing:.06em;font-size:clamp(20px,2.8vw,26px);margin-bottom:var(--space-1)}.section-subtitle-styles__desc{margin-bottom:var(--space-2)}.subtitle-styles-eyebrow{display:inline-block;margin:0 auto var(--space-2);padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(199,190,255,.85);background:rgba(109,93,251,.08);border:1px solid rgba(109,93,251,.22)}.subtitle-styles-hint{margin:0 auto var(--space-4);font-size:12px;line-height:1.4;color:var(--muted);letter-spacing:.02em}.subtitle-styles-hint,.subtitle-styles-more{max-width:1120px;padding:0 12px;box-sizing:border-box}.subtitle-styles-more{margin:var(--space-5) auto 0;font-size:14px;line-height:1.5;color:var(--text-secondary);text-align:center}.subtitle-styles-more__btn{display:inline-flex;align-items:center;margin:0 2px;padding:6px 14px;border:1px solid rgba(167,139,250,.4);border-radius:999px;background:rgba(109,93,251,.14);box-shadow:0 0 16px rgba(109,93,251,.12);font:inherit;line-height:1.3;color:inherit;cursor:pointer;text-align:inherit;vertical-align:baseline}.subtitle-styles-more__btn:hover{background:rgba(109,93,251,.22);border-color:rgba(167,139,250,.55)}.subtitle-styles-more__btn:hover .subtitle-styles-more__accent{filter:brightness(1.08)}.subtitle-styles-more__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}.subtitle-styles-more__accent{font-weight:700;background:linear-gradient(135deg,#c4b5fd,#8b7cfe 50%,#6d5dfb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-page .section-subtitle-styles{margin:0 0 var(--space-9);padding:var(--space-2) 0 var(--space-7);overflow:visible}.subtitle-styles-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:1120px;margin:0 auto;padding:12px;box-sizing:border-box;text-align:left;overflow:visible}.subtitle-styles-card{display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:rgba(22,27,34,.55);overflow:visible;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth)}.subtitle-styles-card:hover:not(.subtitle-styles-card--busy){transform:translateY(-6px) scale(1.01);border-color:rgba(109,93,251,.4);box-shadow:var(--shadow-soft),0 10px 28px rgba(0,0,0,.28),0 0 24px rgba(109,93,251,.18)}.subtitle-styles-card:active:not(.subtitle-styles-card--busy){transform:translateY(-4px) scale(1.005)}.subtitle-styles-card--selected{border-color:rgba(109,93,251,.55);box-shadow:0 0 0 1px rgba(109,93,251,.35),0 8px 28px rgba(109,93,251,.2)}.subtitle-styles-card--selected:hover:not(.subtitle-styles-card--busy){box-shadow:0 0 0 1px rgba(109,93,251,.45),0 10px 28px rgba(0,0,0,.28),0 0 28px rgba(109,93,251,.22)}.subtitle-styles-card--busy{opacity:.55;cursor:not-allowed;pointer-events:none}.subtitle-styles-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.subtitle-styles-card__media{width:100%;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.subtitle-styles-preview{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:linear-gradient(160deg,#0c1222,#151b2e 50%,#0f172a)}.subtitle-styles-preview--image{background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.subtitle-styles-preview__img{width:100%;height:100%;object-fit:contain;display:block}.subtitle-styles-preview--image .subtitle-styles-preview__img{position:static;flex:1 1;min-height:0}.subtitle-styles-preview__overlay{display:none}.subtitle-styles-preview__line{position:absolute;left:12%;height:13px;border-radius:6px;box-shadow:0 3px 12px rgba(0,0,0,.45)}.subtitle-styles-preview__line--1{bottom:32%;width:68%}.subtitle-styles-preview__line--2{bottom:18%;width:48%;height:10px;opacity:.85}.subtitle-styles-preview--dynamic{background:linear-gradient(165deg,#1a1520,#2a1f3d 40%,#0f172a)}.subtitle-styles-preview--dynamic .subtitle-styles-preview__line--1{background:linear-gradient(90deg,#fef08a,#facc15 55%,#fde047);box-shadow:0 0 20px rgba(250,204,21,.5)}.subtitle-styles-preview--dynamic .subtitle-styles-preview__line--2{background:rgba(255,255,255,.92)}.subtitle-styles-preview--flash{background:linear-gradient(165deg,#0a1628,#0f2847 50%,#020617)}.subtitle-styles-preview--flash .subtitle-styles-preview__line--1{background:linear-gradient(90deg,#fff,#93c5fd 50%,#fff);background-size:200% 100%;box-shadow:0 0 18px rgba(147,197,253,.45)}.subtitle-styles-preview--flash .subtitle-styles-preview__line--2{background:linear-gradient(90deg,#60a5fa,#e0f2fe)}.subtitle-styles-preview--monster{background:linear-gradient(165deg,#0f1a12,#1a2e1a 45%,#0f172a)}.subtitle-styles-preview--monster .subtitle-styles-preview__line--1{background:linear-gradient(90deg,#4ade80,#22c55e 55%,#a3e635);box-shadow:0 0 18px rgba(34,197,94,.45);border:2px solid rgba(163,230,53,.6)}.subtitle-styles-preview--monster .subtitle-styles-preview__line--2{background:linear-gradient(90deg,#86efac,#fef08a);opacity:.9}.subtitle-styles-preview--ghost{background:linear-gradient(165deg,#0f0f14,#1a1a24 50%,#0a0a0f)}.subtitle-styles-preview--ghost .subtitle-styles-preview__line--1{background:transparent;border:2px solid rgba(255,255,255,.85);box-shadow:inset 0 0 12px rgba(255,255,255,.08);height:18px}.subtitle-styles-preview--ghost .subtitle-styles-preview__line--2{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.5);box-shadow:none}.subtitle-styles-card__footer{padding:var(--space-3) var(--space-3) var(--space-4)}.subtitle-styles-card__title{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--text);line-height:1.25}.subtitle-styles-card__desc{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}@media (max-width:640px){.subtitle-styles-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto;gap:var(--space-3);padding:8px}.landing-page .section-subtitle-styles{padding-bottom:var(--space-6)}}.landing-page .section-faq{margin-top:var(--space-2)}@media (max-width:768px){.seo-landing-page{padding:var(--space-4) var(--space-2) var(--space-6)}.seo-grid--two,.seo-hero-visual-main,.seo-steps{grid-template-columns:minmax(0,1fr)}.seo-hero-actions .btn{flex:1 1;min-width:0}}@media (max-width:480px){.seo-hero-title{font-size:26px}.site-header-inner{padding:var(--space-1) var(--space-2)}.hero-step__box{width:100%;max-width:200px;min-width:0}.template-carousel{gap:var(--space-2)}.template-carousel__card-wrapper{max-width:100%}.template-carousel__arrow{font-size:2rem;padding:var(--space-1)}.template-card.template-card--carousel .template-card__preview{height:280px}.template-card__title{word-wrap:break-word;overflow-wrap:break-word}.file-upload-zone{min-height:80px}.app-main{max-width:100%}.preview-video{max-width:100%;height:auto}.hero-mockup-screen{border-radius:var(--radius)}}html[data-theme=dark] body,html[data-theme=light] body{min-height:100vh}[data-theme=light] .site-header{box-shadow:0 1px 3px rgba(15,23,42,.06)}[data-theme=light] .site-nav-link--cta:hover{color:var(--accent)}[data-theme=light] .account-sidebar-item:hover,[data-theme=light] .faq-question:hover,[data-theme=light] .site-header-account-link:hover{background:var(--surface-hover)}[data-theme=light] .app-hero-eyebrow{color:#4A3D9E;background:rgba(255,255,255,.92);border-color:rgba(91,74,230,.38);box-shadow:none}[data-theme=light] .subtitle-styles-eyebrow{color:#4A3D9E;background:rgba(255,255,255,.92);border-color:rgba(91,74,230,.35)}[data-theme=light] .subtitle-styles-hint{color:#334155;font-weight:500}[data-theme=light] .hero-perks .hero-perk,[data-theme=light] .hero-perks .seo-hero-visual-badge.hero-perk{background:rgba(255,255,255,.95);color:var(--text);border:1px solid rgba(15,23,42,.1);box-shadow:none}[data-theme=light] .hero-perks{gap:var(--space-3)}[data-theme=light] .landing-page .pricing-section{margin-top:calc(var(--space-8) + var(--space-6));padding-top:var(--space-6)}[data-theme=light] .app-header{background:transparent;border-bottom-color:rgba(180,140,130,.12)}[data-theme=light] .app-header.app-header--landing:before,[data-theme=light] .app-header:before{opacity:0}[data-theme=light] .app-header.app-header--landing:after{background:linear-gradient(90deg,transparent,rgba(220,170,155,.25) 20%,rgba(200,180,210,.2) 50%,rgba(220,170,155,.25) 80%,transparent)}[data-theme=light] .hero-top-promo__frame{background:#FFFFFF;box-shadow:0 8px 32px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.06)}[data-theme=light] .hero-mockup-subtitles{background:linear-gradient(0deg,rgba(15,23,42,.75),transparent 60%)}[data-theme=light] .how-step-card:hover,[data-theme=light] .pricing-card:hover{box-shadow:var(--shadow),0 0 24px rgba(91,74,230,.1);border-color:var(--accent-border-soft)}[data-theme=light] .pricing-card-pro{border-color:var(--accent-border);box-shadow:var(--shadow),0 0 24px rgba(91,74,230,.12);background:linear-gradient(180deg,rgba(91,74,230,.04),#FFFFFF 40%)}[data-theme=light] .pricing-card-pro:hover{box-shadow:var(--shadow),0 0 32px rgba(91,74,230,.16);border-color:rgba(91,74,230,.45)}[data-theme=light] .cabinet-card--pro-preview{border-color:var(--accent-border);background:linear-gradient(135deg,rgba(91,74,230,.05),transparent)}[data-theme=light] .cabinet-plan-badge--free{background:#F1F5F9;color:var(--text-secondary)}[data-theme=light] .auth-input{border-color:rgba(15,23,42,.12)}[data-theme=light] .auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,74,230,.12)}[data-theme=light] .google-auth-button{border-color:rgba(15,23,42,.12);box-shadow:0 1px 2px rgba(15,23,42,.04)}[data-theme=light] .google-auth-button:hover:not(:disabled){background:#F8FAFC;border-color:rgba(15,23,42,.18)}[data-theme=light] .card{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .generation-step__promo-badge{background:var(--accent-tint);border-color:var(--accent-border-soft)}[data-theme=light] .generation-step--done .generation-step__badge{background:rgba(5,150,105,.12);border-color:rgba(5,150,105,.35)}[data-theme=light] .account-job-status.status-done{background:rgba(5,150,105,.12)}[data-theme=light] .account-job-status.status-failed{background:rgba(220,38,38,.1)}[data-theme=light] .account-sidebar-logout:hover{background:rgba(220,38,38,.06)}[data-theme=light] .site-footer{border-top-color:rgba(180,150,140,.15);background:var(--footer-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}[data-theme=light] .landing-page .why-subtitles-hero{background:rgba(255,255,255,.92);border:1px solid var(--card-border);box-shadow:none}[data-theme=light] .landing-page .why-subtitles-hero__text,[data-theme=light] .landing-page .why-subtitles-hero__title{color:var(--text)}[data-theme=light] .landing-page .why-subtitles-hero__text{color:var(--text-secondary)}[data-theme=light] .landing-page .why-subtitles-grid .why-subtitles-card.hero-step__box{background:#FFFFFF;border:1px solid var(--card-border);box-shadow:none}[data-theme=light] .landing-page .why-subtitles-grid .why-subtitles-card.hero-step__box:hover{border-color:var(--accent-border-soft);box-shadow:0 6px 20px rgba(91,74,230,.1)}[data-theme=light] .subtitle-styles-card{background:#FFFFFF;border:1px solid var(--card-border);box-shadow:none}[data-theme=light] .subtitle-styles-card:hover:not(.subtitle-styles-card--busy){transform:translateY(-4px);border-color:var(--accent-border-soft);box-shadow:0 8px 24px rgba(91,74,230,.12)}[data-theme=light] .subtitle-styles-card--selected{border-color:var(--accent-border);box-shadow:0 0 0 2px rgba(91,74,230,.2)}[data-theme=light] .subtitle-styles-card--selected:hover:not(.subtitle-styles-card--busy){box-shadow:0 0 0 2px rgba(91,74,230,.28),0 8px 24px rgba(91,74,230,.12)}[data-theme=light] .subtitle-styles-card__desc,[data-theme=light] .subtitle-styles-card__title{color:var(--text)}[data-theme=light] .subtitle-styles-card__desc{color:var(--text-secondary)}[data-theme=light] .generation-bridge,[data-theme=light] .generation-bridge__title{text-shadow:none}[data-theme=light] .generation-bridge__text{text-shadow:none;background:linear-gradient(135deg,#5B4AE6,#8B6CF0 50%,#6D5DFB);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .landing-page .app-main--landing,[data-theme=light] .landing-page .app-main--landing.card,[data-theme=light] .landing-page .app-main--landing:hover{background:rgba(255,255,255,.94);border:1px solid var(--card-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .seo-card{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}[data-theme=light] .seo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent-border-soft)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-subtle);color:var(--text-secondary);cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.theme-toggle:hover{color:var(--text);background:var(--surface-hover);border-color:var(--accent-border-soft)}.theme-toggle svg{width:18px;height:18px}.theme-toggle__icon--dark,[data-theme=light] .theme-toggle__icon--light{display:none}[data-theme=light] .theme-toggle__icon--dark{display:block}.page-wrapper--studio{width:100%;max-width:min(1680px,100%);margin:0 auto;padding:0 clamp(var(--space-2),2vw,var(--space-3)) var(--space-3);box-sizing:border-box}.studio-page{width:100%;min-height:calc(100vh - 56px - var(--space-4));padding:var(--space-2) 0 var(--space-3);--studio-gap:8px;overflow-anchor:none}.studio-page--loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--muted)}.studio-page__header{display:flex;flex-direction:column;align-items:stretch;gap:var(--studio-gap);margin-bottom:var(--studio-gap)}.studio-page__header-row{display:flex;align-items:center;gap:clamp(var(--space-2),2vw,var(--space-4));width:100%}.studio-page__intro{flex:1 1 auto;min-width:0}.studio-page__steps{flex:0 0 auto;width:clamp(300px,34vw,400px);max-width:100%}.studio-steps-list{list-style:none;margin:0;padding:6px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:0;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);box-sizing:border-box}.studio-steps-list__item{flex:1 1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;min-width:0;font-size:12px;font-weight:600;color:var(--text-secondary);text-align:left;white-space:nowrap}.studio-steps-list__label{line-height:1.15;white-space:nowrap}.studio-steps-list__item--done{color:var(--text)}.studio-steps-list__num{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:700;background:var(--surface-subtle);border:1px solid var(--border);color:var(--text-secondary)}.studio-steps-list__item--done .studio-steps-list__num{background:rgba(52,211,153,.2);border-color:rgba(52,211,153,.5);color:var(--ok)}.studio-cta-bridge{text-align:center;max-width:520px;margin:var(--space-6) auto var(--space-8);padding:var(--space-5) var(--space-3) 0}.studio-page__title{margin:0 0 4px;font-size:clamp(18px,2.2vw,22px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.studio-page__subtitle{margin:0;font-size:12px;line-height:1.3;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-workspace{display:block}.studio-workspace__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--studio-gap);gap:var(--studio-gap);min-width:0;align-items:start}.studio-workspace__column{display:flex;flex-direction:column;gap:var(--studio-gap);min-width:0}.studio-workspace__slot{width:100%;min-width:0}.studio-workspace__slot--top>.studio-workspace__controls--generate,.studio-workspace__slot--top>.studio-workspace__panel--upload{box-sizing:border-box;min-height:9.5rem;display:flex;flex-direction:column}.studio-workspace__controls--generate .generation-step,.studio-workspace__panel--upload .generation-step{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.studio-workspace__controls--generate .generation-step__body,.studio-workspace__panel--upload .generation-step__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0}.studio-workspace__controls--generate,.studio-workspace__panel--preview,.studio-workspace__panel--template,.studio-workspace__panel--upload{padding:var(--space-2)}.studio-workspace__controls--generate .generation-step,.studio-workspace__panel--template .generation-step,.studio-workspace__panel--upload .generation-step{padding:0;border-bottom:none}.studio-workspace__controls--generate .generation-step__header,.studio-workspace__panel--template .generation-step__header,.studio-workspace__panel--upload .generation-step__header{margin-bottom:var(--studio-gap);flex-shrink:0}.studio-workspace__controls--generate .studio-panel__title,.studio-workspace__panel--template .studio-panel__title,.studio-workspace__panel--upload .studio-panel__title{margin:0;font-size:.95rem;font-weight:600}.studio-workspace__panel--upload .file-upload-zone{width:100%;flex:1 1 auto;min-height:52px;max-height:88px;border-radius:var(--radius)}.studio-workspace__panel--upload .file-upload-zone__text{font-size:13px;padding:var(--space-1) var(--space-2)}.studio-workspace__panel--upload .file-upload-warning,.studio-workspace__panel--upload .generation-progress__upload-done{margin-top:var(--studio-gap);font-size:13px}.studio-workspace__panel{padding:var(--space-2);border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);min-width:0}.studio-panel__title{margin:0 0 var(--studio-gap);font-size:.95rem;font-weight:600;color:var(--text)}.studio-preview-area{min-height:min(48vh,420px)}.studio-preview-area,.studio-preview-placeholder{display:flex;align-items:center;justify-content:center}.studio-preview-placeholder{min-height:200px;flex-direction:column;gap:var(--studio-gap)}.studio-preview-placeholder__hint{font-size:13px;color:var(--muted)}.studio-preview-video{margin:0 auto}.studio-download-row{margin-top:var(--studio-gap)}.studio-workspace__controls{display:flex;flex-direction:column;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow);min-width:0}.studio-workspace__controls .generation-step{padding:0}.studio-workspace__controls--generate .btn-generate{min-width:0;width:100%;max-width:280px;min-height:48px;font-size:1.1rem;padding:var(--space-2) var(--space-3)}.studio-file-upload-zone{width:100%}@media (max-width:1100px){.studio-page__header-row{flex-direction:column;align-items:stretch}.studio-page__steps{width:100%}.studio-page__subtitle{white-space:normal}.studio-workspace__main{grid-template-columns:1fr}.studio-preview-area{min-height:min(40vh,360px)}}[data-theme=light] .studio-steps-list,[data-theme=light] .studio-workspace__controls,[data-theme=light] .studio-workspace__panel{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=light] .studio-steps-list__item{color:rgba(15,23,42,.72)}[data-theme=light] .studio-steps-list__item--done{color:var(--text)}@media (max-width:768px){.studio-steps-list__item,.studio-steps-list__label{white-space:normal}}