:root{--bg:#f5f7fb;--surface:#fff;--ink:#172033;--muted:#6e7788;--line:#e6eaf1;--blue:#315cf5;--blue-dark:#2449d8;--soft:#eef2ff;--green:#16845b;--shadow:0 10px 35px rgba(25,39,75,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:70px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1440px)/2));position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:-.03em;text-decoration:none;color:var(--ink);font-size:17px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--blue);color:#fff;font-weight:800}.topbar-right{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#31b77a;border-radius:50%}.shell{max-width:1440px;margin:auto;padding:38px 28px 64px}.hero{padding:22px 4px 34px}.eyebrow,.step{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--blue)}h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;line-height:1.08;margin:12px 0 14px;max-width:800px}.hero p{color:var(--muted);font-size:16px;max-width:690px;margin:0}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-chips span,.count-pill{font-size:11px;padding:6px 10px;border-radius:100px;background:#fff;border:1px solid var(--line);color:#505c70}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:23px}.sidebar{position:sticky;top:90px}.main-column{display:grid;gap:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-heading h2{font-size:19px;letter-spacing:-.035em;margin:3px 0 0}.mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--soft);color:var(--blue);font-weight:700}.sidebar label:not(.dropzone){display:block;font-size:12px;font-weight:650;margin:14px 0 7px;color:#3d475a}input[type=text],select{width:100%;border:1px solid #dce2ec;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);font:inherit;font-size:13px;outline:none}input:focus,select:focus{border-color:#9aabff;box-shadow:0 0 0 3px #eef1ff}.btn{border:0;border-radius:10px;padding:11px 14px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:.18s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.btn-secondary{background:#edf1f8;color:#28354c}.full{width:100%;margin-top:12px}.notice{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.5}.divider{height:1px;background:var(--line);margin:24px 0}.dropzone{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:20px 12px;border:1px dashed #cbd3e1;border-radius:13px;background:#fafbfe;cursor:pointer}.dropzone:hover{background:#f3f5ff;border-color:#9eafff}.dropzone strong{font-size:12px}.dropzone span{font-size:10px;color:var(--muted)}.dropzone input{display:none}.dropzone .upload-icon{font-size:22px;line-height:1;color:var(--blue);margin-bottom:2px}.dropzone.compact{padding:15px 10px}.file-meta{font-size:11px;color:var(--green);margin-top:8px;overflow-wrap:anywhere}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:11px;margin-top:-7px;margin-bottom:13px}.progress-wrap{margin-top:15px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:7px}.progress{height:6px;background:#edf0f6;border-radius:10px;overflow:hidden}.progress span{height:100%;width:0;display:block;background:var(--blue);border-radius:10px;transition:width .2s}.empty-state{text-align:center;padding:48px 18px 54px}.empty-illustration{width:100px;height:76px;margin:0 auto 18px;position:relative;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#f0f3ff,#fafbff);color:var(--blue);font-size:28px}.empty-illustration span:nth-child(2){position:absolute;right:8px;top:4px;font-size:16px}.empty-illustration span:nth-child(3){position:absolute;left:7px;bottom:3px;font-size:17px}.empty-state h3{font-size:16px;margin:0 0 8px}.empty-state p{font-size:12px;color:var(--muted);max-width:400px;margin:0 auto}.scene-list{display:grid;gap:12px}.scene-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:13px;border:1px solid var(--line);border-radius:14px}.scene-image{width:100%;aspect-ratio:16/10;border-radius:10px;background:#f0f2f7;display:grid;place-items:center;overflow:hidden;color:#9ba5b6;font-size:11px}.scene-image img{width:100%;height:100%;object-fit:contain}.scene-body{min-width:0}.scene-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.scene-number{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.1em}.scene-time{font-size:10px;color:var(--muted)}.scene-text{width:100%;min-height:64px;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:9px;font:12px/1.5 inherit;color:var(--ink)}.scene-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.scene-actions .btn{padding:7px 10px;font-size:10px}.scene-status{font-size:10px;color:var(--muted);margin-top:7px}.export-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.export-controls label{font-size:12px;font-weight:700}.export-controls select{width:auto;min-width:190px}.export-controls .btn{margin-left:auto}.video-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.video-actions .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.video-actions .btn-primary,.video-actions .btn-secondary{min-height:42px}.preview-video{display:block;width:100%;max-height:380px;background:#111;border-radius:12px;margin-top:16px}footer{text-align:center;color:#8992a2;font-size:11px;padding:0 20px 28px}footer span{padding:0 5px}.toast{position:fixed;bottom:24px;right:24px;max-width:min(420px,calc(100vw - 40px));padding:13px 17px;background:#172033;color:white;border-radius:12px;box-shadow:0 10px 35px #17203333;font-size:12px;z-index:20}.toast.error{background:#9d2d3c}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{position:static}.hero{padding-top:5px}.shell{padding:25px 16px 45px}.topbar{padding:0 17px}.scene-card{grid-template-columns:120px minmax(0,1fr)}}@media(max-width:560px){.topbar-right{display:none}.panel{padding:17px}.scene-card{grid-template-columns:1fr}.scene-image{max-height:none}.export-controls{align-items:stretch;flex-direction:column}.export-controls select,.export-controls .btn{width:100%;margin:0}.hero-chips span{font-size:10px}}


/* Export subtitle toggle */
.caption-toggle{display:inline-flex;align-items:center;gap:9px;cursor:pointer;white-space:nowrap;font-weight:600;color:var(--text,#20242b);font-size:14px}
.caption-toggle input{width:18px;height:18px;accent-color:#2563eb;cursor:pointer}
@media(max-width:720px){.caption-toggle{white-space:normal}}

/* Scene editing controls */
.scene-actions .split-scene:disabled{opacity:.4}.scene-actions .split-scene:not(:disabled){background:#fff0b3;color:#594300;border:1px solid #f0d66a}.image-upload-label{display:inline-flex;align-items:center;cursor:pointer}.scene-text:focus{outline:2px solid #c9d4ff;border-color:#8ea3ff}.scene-image img{object-fit:contain}

/* Platform-specific social copy generated from the actual audio transcript */
.social-panel{scroll-margin-top:90px}.social-intro{font-size:12px;margin-top:-8px;margin-bottom:18px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fcfdff}.social-card h3{margin:0;font-size:14px;letter-spacing:-.02em}.social-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.social-card-head label,.social-card>label{display:block;font-size:11px;font-weight:750;color:#465168;margin:8px 0 6px}.social-card textarea{display:block;width:100%;resize:vertical;border:1px solid #dfe4ed;background:#fff;border-radius:9px;padding:10px;color:var(--ink);font:12px/1.55 inherit;outline:none}.social-card textarea:focus{border-color:#9aabff;box-shadow:0 0 0 3px #eef1ff}.social-card .subhead{margin-top:13px;margin-bottom:5px}.social-card .subhead label{margin:0}.platform-dot{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;font-size:12px;margin-right:5px}.platform-dot.yt{background:#ffe9e9;color:#c52222}.platform-dot.ig{background:#f9e8f4;color:#a12c7c}.platform-dot.tt{background:#e7f8f8;color:#0e7e83}.copy-btn{border:1px solid #dfe4ed;background:#fff;color:#344054;border-radius:8px;min-width:31px;height:31px;font-size:17px;cursor:pointer}.copy-btn:hover,.copy-wide:hover{border-color:#aebcff;background:#f5f7ff}.copy-wide{width:100%;margin-top:9px}.char-count{font-size:10px;text-align:right;color:var(--muted);margin-top:4px}.social-status{font-size:12px;background:#f2f5ff;border:1px solid #dfe6ff;border-radius:9px;padding:10px 12px;margin-bottom:14px;color:#344b9b}.social-status.error{background:#fff2f2;border-color:#ffd4d4;color:#a32727}.social-footer{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:16px}.social-footer .btn{font-size:11px}.social-panel.is-loading .social-card textarea{opacity:.65}.social-panel.is-loading .social-footer button{pointer-events:none;opacity:.55}@media(max-width:760px){.social-grid{grid-template-columns:1fr}.social-footer{flex-direction:column}.social-footer .btn{width:100%}}

/* Visible activity feedback while upload, transcription, image loading and export setup are pending. */
.progress-wrap.is-busy .progress span{width:32%!important;animation:progressIndeterminate 1.25s ease-in-out infinite;transform:translateX(-115%)}
@keyframes progressIndeterminate{0%{transform:translateX(-115%)}100%{transform:translateX(430%)}}
.progress-wrap.is-busy .progress-label span:first-child::before{content:"";display:inline-block;width:9px;height:9px;margin:0 7px 0 1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:progressSpinner .7s linear infinite}
@keyframes progressSpinner{to{transform:rotate(360deg)}}
.btn.is-loading{position:relative;cursor:progress;opacity:.92}
.btn.is-loading::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:progressSpinner .7s linear infinite}
@media(prefers-reduced-motion:reduce){.progress-wrap.is-busy .progress span,.progress-wrap.is-busy .progress-label span:first-child::before,.btn.is-loading::before{animation-duration:2.5s}}

.scene-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.scene-heading-actions #generateAllScenes{white-space:nowrap}.scene-heading-actions #generateAllScenes:disabled{opacity:.55}@media(max-width:700px){.scene-heading-actions{align-items:flex-end;flex-direction:column}.scene-heading-actions #generateAllScenes{white-space:normal;max-width:100%}}

/* Account, authentication and billing UI */
.account-body,.dashboard-body{background:#f7f8fc;min-height:100vh}.account-shell{max-width:1120px;margin:42px auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);gap:54px;align-items:center}.account-visual h1{font-size:clamp(36px,4.5vw,58px);line-height:1.04;letter-spacing:-.055em;max-width:600px;margin:15px 0 18px}.account-visual>p{font-size:15px;line-height:1.8;color:#657086;max-width:520px}.account-feature-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.account-feature-list span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;font-size:11px;font-weight:700;color:#48546a}.account-art{display:flex;align-items:center;gap:12px;margin-top:42px;max-width:560px}.art-card{height:130px;flex:1;min-width:0;border:1px solid #e1e5ee;border-radius:20px;box-shadow:0 15px 40px #24304b0d;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:33px;font-weight:800}.art-card small{font-size:11px;font-weight:700;color:#5c687e}.art-card-one{background:linear-gradient(145deg,#e9efff,#fff)}.art-card-two{background:linear-gradient(145deg,#fff4d7,#fff)}.art-card-three{background:linear-gradient(145deg,#e2f8ee,#fff)}.art-arrow{color:#9aa4b6;font-size:22px}.account-form-panel{background:#fff;border:1px solid #e4e8f0;border-radius:24px;padding:30px;box-shadow:0 20px 65px #25304b0c}.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#f2f4f8;border-radius:12px;margin-bottom:28px}.account-tab{border:0;background:transparent;padding:11px 8px;border-radius:9px;font:inherit;font-size:12px;font-weight:750;color:#6a7486;cursor:pointer}.account-tab.active{background:#fff;color:#222c40;box-shadow:0 2px 7px #1720330d}.account-form-panel h2{font-size:25px;letter-spacing:-.04em;margin:0 0 7px}.account-form-panel form>p.muted{font-size:12px;margin:0 0 24px}.account-form-panel label,.settings-form label{display:block;font-size:12px;font-weight:750;color:#414c61;margin:15px 0 7px}.account-form-panel input,.settings-form input{width:100%;padding:12px 13px;border:1px solid #dce2ec;background:#fff;border-radius:10px;font:inherit;font-size:13px;color:var(--ink);outline:none}.account-form-panel input:focus,.settings-form input:focus{border-color:#9aabff;box-shadow:0 0 0 3px #eef1ff}.account-submit{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;font-size:13px;margin-top:23px}.form-hint{font-size:10px!important;color:#7a8495!important;line-height:1.5;margin:8px 0 0!important}.account-legal{border-top:1px solid #edf0f5;margin-top:25px;padding-top:18px;color:#7b8494;font-size:10px;text-align:center;line-height:1.6}.account-alert,.dashboard-alert{padding:12px 14px;background:#eaf8ef;border:1px solid #cdebd7;border-radius:11px;color:#176b3b;font-size:12px;line-height:1.5;margin-bottom:18px}.account-alert:not(.hidden),.dashboard-alert:not(.hidden){display:block}.account-alert.error,.dashboard-alert.error{background:#fff0f0;border-color:#ffd4d4;color:#9d2d3c}.dashboard-shell{max-width:1160px;margin:36px auto 70px;padding:0 24px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.dashboard-heading h1{font-size:38px;letter-spacing:-.05em;margin:7px 0}.dashboard-heading p{margin:0;font-size:13px}.dashboard-new{white-space:nowrap;text-decoration:none}.balance-overview{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;background:linear-gradient(120deg,#f0f4ff,#fff);border:1px solid #dfe6f8;border-radius:20px;padding:26px 29px;margin-bottom:28px}.balance-label,.balance-main p{color:#64718a;font-size:12px}.balance-value{font-size:44px;font-weight:800;letter-spacing:-.06em;margin:7px 0}.balance-main p{margin:0}.balance-rates{border-left:1px solid #dfe5f1;padding-left:28px;display:grid;gap:13px;align-content:center}.balance-rates div{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#657086}.balance-rates strong{color:#29364c;font-size:12px;white-space:nowrap}.dashboard-section{background:#fff;border:1px solid #e5e8f0;border-radius:18px;padding:23px;margin-bottom:22px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title h2{font-size:19px;letter-spacing:-.035em;margin:4px 0 0}.secure-label{font-size:11px;color:#3e795b;background:#eaf7ef;border-radius:999px;padding:8px 11px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.package-card{position:relative;border:1px solid #e1e5ee;border-radius:15px;padding:19px;min-width:0}.package-featured{border-color:#aebeff;box-shadow:0 8px 24px #5069d00d}.package-popular{position:absolute;top:-10px;right:13px;background:#3157df;color:#fff;font-size:8px;letter-spacing:.08em;font-weight:800;border-radius:99px;padding:5px 8px}.package-name{font-size:12px;font-weight:750;color:#5e6980}.package-price{font-size:34px;font-weight:850;letter-spacing:-.055em;margin:6px 0}.package-card p{font-size:11px;color:#6b7588;min-height:31px;margin:0 0 12px}.package-detail{font-size:10px;color:#758095;line-height:1.5;min-height:32px;border-top:1px solid #eef0f5;padding-top:10px}.package-card .btn{width:100%;margin-top:16px}.dashboard-shell .form-hint{margin-top:12px!important}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.dashboard-columns .dashboard-section{margin-bottom:22px}.project-list,.transaction-list{display:grid}.project-row,.transaction-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f5;text-decoration:none;color:inherit;min-width:0}.project-row:first-child,.transaction-row:first-child{padding-top:0}.project-row:last-child,.transaction-row:last-child{border-bottom:0;padding-bottom:0}.project-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:#eff2ff;color:#425cce}.project-info,.transaction-info{display:grid;gap:4px;min-width:0;flex:1}.project-info strong,.transaction-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-info small,.transaction-info small{font-size:10px;color:#7c8697}.project-arrow{color:#8692a8}.dashboard-empty{padding:16px 0;color:#7b8495;font-size:12px;line-height:1.7}.dashboard-empty a{color:#3157df;font-weight:750;text-decoration:none}.transaction-dot{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;font-size:15px;font-weight:800}.transaction-dot.positive{background:#e7f8ed;color:#22844b}.transaction-dot.negative{background:#fff0f0;color:#b8404c}.transaction-amount{font-size:11px;white-space:nowrap}.positive{color:#21844a}.negative{color:#b8404c}.settings-form{max-width:800px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid input[readonly]{background:#f6f7fa;color:#7b8495}.settings-grid small{display:block;font-size:10px;color:#7b8495;margin-top:7px}.settings-divider{display:grid;gap:4px;border-top:1px solid #edf0f5;margin-top:23px;padding-top:18px}.settings-divider strong{font-size:12px}.settings-divider span{font-size:10px;color:#7b8495}.settings-form>button{margin-top:22px}.dashboard-footnote{font-size:10px;color:#7b8495;line-height:1.7;text-align:center;max-width:780px;margin:25px auto}.account-nav{display:flex;align-items:center;gap:15px}.balance-chip{font-size:11px;font-weight:750;color:#315b45;background:#eaf7ef;padding:8px 10px;border-radius:999px}.nav-link{font-size:11px;font-weight:750;color:#46536b;text-decoration:none}.nav-logout{border:1px solid #e0e5ee;border-radius:9px;background:#fff;color:#536076;padding:8px 10px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.nav-logout:hover{border-color:#bbc6d8;background:#f8f9fc}
@media(max-width:800px){.account-shell{grid-template-columns:1fr;gap:28px;margin-top:26px}.account-visual h1{font-size:42px}.account-art{margin-top:25px}.art-card{height:95px}.balance-overview{grid-template-columns:1fr}.balance-rates{border-left:0;border-top:1px solid #dfe5f1;padding:17px 0 0}.dashboard-columns{grid-template-columns:1fr}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-new{width:100%;text-align:center}.package-grid{grid-template-columns:1fr}.package-card p,.package-detail{min-height:0}.account-nav .balance-chip{display:none}}
@media(max-width:560px){.account-shell,.dashboard-shell{padding-left:14px;padding-right:14px}.account-form-panel{padding:22px}.account-visual h1{font-size:35px}.account-visual>p{font-size:13px}.account-art{gap:6px}.art-card{height:78px;border-radius:14px;font-size:24px}.art-arrow{font-size:16px}.dashboard-heading h1{font-size:32px}.balance-overview{padding:21px}.balance-value{font-size:38px}.dashboard-section{padding:17px}.settings-grid{grid-template-columns:1fr;gap:0}.account-nav{gap:8px}.account-nav .nav-link{display:none}.nav-logout{padding:7px 8px}}

.social-optin{white-space:normal;max-width:100%;background:#f7f8ff;border:1px solid #dfe4ff;border-radius:10px;padding:9px 11px}.social-optin strong{color:var(--blue);font-weight:800}.social-optin span{line-height:1.35}


/* Marketing landing page: account entry, pricing, demo and FAQ */
.account-body{color:#172033;background:radial-gradient(ellipse at 10% 0%,#edf2ff 0,transparent 38%),#f8f9fc}.account-body .topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid #e9edf5;position:sticky;top:0;z-index:10}.account-body .brand{font-weight:850;letter-spacing:-.035em}.account-body .brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#3559ed,#7d6aff);color:#fff;box-shadow:0 6px 16px #5068e533}.account-shell{margin-top:48px;margin-bottom:54px;gap:clamp(28px,5vw,72px)}.account-visual h1{max-width:640px;font-size:clamp(42px,5.2vw,68px);line-height:.99;letter-spacing:-.065em}.account-visual>p{font-size:16px;max-width:560px}.account-feature-list span{box-shadow:0 3px 10px #25304b06}.account-form-panel{box-shadow:0 26px 75px #283b680f;border-color:#e5e9f2}.account-submit{box-shadow:0 8px 18px #405bd21a}.account-legal{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.marketing-section{max-width:1120px;margin:0 auto;padding:62px 24px}.proof-strip{display:flex;align-items:center;justify-content:space-around;gap:18px;border-top:1px solid #e8ecf4;border-bottom:1px solid #e8ecf4;background:#fff;max-width:none;padding-left:max(24px,calc((100% - 1072px)/2));padding-right:max(24px,calc((100% - 1072px)/2))}.proof-strip div{display:grid;gap:5px}.proof-strip strong{font-size:14px;letter-spacing:-.02em}.proof-strip span{font-size:11px;color:#7b8495}.proof-strip>b{color:#9aa5bb;font-size:22px}.demo-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.marketing-copy h2,.section-intro h2{font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.055em;margin:10px 0 14px}.marketing-copy>p,.section-intro>p{font-size:14px;color:#68748a;line-height:1.8;max-width:650px}.check-list,.price-card ul{list-style:none;padding:0;display:grid;gap:11px}.check-list li,.price-card li{font-size:12px;color:#46536a;line-height:1.55}.check-list li:before{content:"✓";color:#25865b;font-weight:900;margin-right:9px}.demo-hint{font-size:11px!important;color:#8a93a4!important}.demo-hint code{background:#edf0f6;padding:3px 5px;border-radius:5px;color:#4d5870}.demo-player-wrap{border:1px solid #dfe4ef;background:#111827;padding:9px;border-radius:23px;box-shadow:0 24px 60px #24314c20;overflow:hidden}.demo-player{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;border-radius:15px;background:radial-gradient(circle at 50% 35%,#2c3c62,#111827 72%)}.demo-caption{display:flex;align-items:center;gap:8px;padding:12px 7px 4px;color:#dbe2f3;font-size:9px;letter-spacing:.12em;font-weight:800}.demo-caption span:last-child{color:#8290aa}.live-dot{width:7px;height:7px;border-radius:50%;background:#6ce0a4;box-shadow:0 0 0 4px #6ce0a420}.pricing-section{max-width:none;background:#f0f3fa;padding-top:76px;padding-bottom:76px}.section-intro{max-width:720px;margin:0 auto 30px;text-align:center}.section-intro .eyebrow{justify-content:center}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:850;color:#536ce0}.price-cards{max-width:1072px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.price-card{position:relative;background:#fff;border:1px solid #e1e6f0;border-radius:19px;padding:24px;box-shadow:0 10px 30px #23314c06;min-width:0}.price-card-featured{border-color:#aebcff;box-shadow:0 18px 42px #405bd214;transform:translateY(-5px)}.price-ribbon{position:absolute;top:-11px;right:20px;background:#3658e8;color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em;border-radius:99px;padding:6px 10px}.price-kicker{font-size:9px;letter-spacing:.13em;font-weight:850;color:#6878b8}.price-card h3{font-size:19px;letter-spacing:-.035em;margin:12px 0}.price-big{font-size:clamp(25px,2.5vw,34px);font-weight:850;letter-spacing:-.065em;white-space:normal}.price-big small{font-size:10px;font-weight:650;letter-spacing:0;color:#778196}.price-card>p{font-size:12px;line-height:1.7;color:#707b90;min-height:61px}.price-card ul{margin:20px 0}.price-card li:before{content:"✓";color:#2b8a5c;font-weight:900;margin-right:8px}.price-note{border-top:1px solid #edf0f5;padding-top:13px;font-size:10px;line-height:1.7;color:#788297}.pricing-disclaimer{max-width:1000px;margin:23px auto 0;text-align:center;font-size:10px;line-height:1.7;color:#7a8496}.individuality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.individuality-grid article{border:1px solid #e4e8f0;background:#fff;border-radius:17px;padding:22px 19px}.individuality-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#eef1ff;color:#405ee3;font-weight:850;margin-bottom:17px}.individuality-grid h3{font-size:14px;margin:0 0 8px;letter-spacing:-.025em}.individuality-grid p{font-size:11px;line-height:1.75;color:#727d91;margin:0}.comparison-section{border-top:1px solid #e9edf4}.comparison-table-wrap{overflow-x:auto;border:1px solid #e2e7f0;border-radius:16px;background:#fff;max-width:920px;margin:0 auto}.comparison-table{width:100%;border-collapse:collapse;min-width:540px}.comparison-table th,.comparison-table td{text-align:left;padding:15px 19px;border-bottom:1px solid #edf0f5;font-size:12px}.comparison-table th{background:#f7f8fc;color:#67738a;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.comparison-table tr:last-child td{border-bottom:0}.comparison-table td:first-child{font-weight:750;color:#344056}.comparison-table td:nth-child(2){color:#858da0}.comparison-table td strong{color:#258052}.faq-section{max-width:850px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #e3e8f1;border-radius:13px;padding:0 18px}.faq-list summary{position:relative;cursor:pointer;list-style:none;font-size:13px;font-weight:750;padding:17px 28px 17px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;top:14px;font-size:20px;color:#586fe0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;line-height:1.8;color:#68748a;margin:0;padding:0 0 18px;max-width:740px}.marketing-footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #e6eaf2;background:#fff;padding:24px max(24px,calc((100% - 1072px)/2));color:#7a8496;font-size:10px}.marketing-footer .brand{margin-right:auto;color:#172033;text-decoration:none}.marketing-footer>a:not(.brand){color:#58647a;text-decoration:none;font-weight:750}.marketing-footer>a:hover{text-decoration:underline}
@media(max-width:900px){.demo-section{grid-template-columns:1fr;gap:28px}.price-cards{grid-template-columns:1fr;max-width:560px;gap:14px}.price-card-featured{transform:none}.price-card>p{min-height:0}.individuality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip{justify-content:space-between}.marketing-section{padding-top:48px;padding-bottom:48px}}
@media(max-width:560px){.account-shell{margin-top:25px;margin-bottom:30px}.account-visual h1{font-size:39px}.account-visual>p{font-size:14px}.marketing-section{padding-left:16px;padding-right:16px}.proof-strip{gap:8px;align-items:flex-start}.proof-strip strong{font-size:11px}.proof-strip span{font-size:9px}.proof-strip>b{font-size:15px;padding-top:3px}.marketing-copy h2,.section-intro h2{font-size:32px}.price-card{padding:21px}.individuality-grid{grid-template-columns:1fr}.individuality-grid article{padding:19px}.marketing-footer{gap:14px;padding:22px 16px}.marketing-footer .brand{width:100%}.demo-player-wrap{border-radius:17px;padding:6px}.account-legal{gap:8px}.account-legal span{font-size:9px}}

/* Trust badge + password recovery on the public landing page */
.trust-section{background:#fff;border-top:1px solid #e7ebf3;border-bottom:1px solid #e7ebf3;padding:27px 24px}.trust-inner{max-width:1072px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:42px}.trust-score{min-width:235px}.trust-stars{display:inline-block;font-size:21px;line-height:1.2;letter-spacing:3px;background:linear-gradient(90deg,#f4b740 88%,#dfe4ed 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.trust-rating{display:flex;align-items:baseline;gap:9px;margin-top:3px}.trust-rating strong{font-size:24px;letter-spacing:-.05em}.trust-rating span{font-size:11px;color:#737e92}.trust-score>p{font-size:10px;color:#8a93a4;margin:4px 0 0}.trust-divider{width:1px;height:70px;background:#e6eaf1}.trust-voices{display:flex;align-items:center;gap:17px;max-width:560px}.trust-avatars{display:flex;align-items:center;flex-shrink:0;padding-left:4px}.trust-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;border:3px solid #fff;margin-left:-5px;font-size:10px;font-weight:850;color:#35415a;box-shadow:0 2px 8px #24314c12}.avatar-a{background:linear-gradient(135deg,#f5d7c4,#e5a98c)}.avatar-b{background:linear-gradient(135deg,#d8e8fb,#9ab8e6)}.avatar-c{background:linear-gradient(135deg,#e9ddf7,#c0a5e4)}.avatar-d{background:#eef1f7;color:#52617a;font-size:9px}.trust-voices>div:last-child strong{font-size:12px}.trust-voices p{font-size:10px;line-height:1.65;color:#7b8495;margin:4px 0 0;max-width:400px}.forgot-row{display:flex;justify-content:flex-end;margin-top:8px}.text-link{border:0;background:transparent;color:#4b62d7;font:inherit;font-size:11px;font-weight:750;padding:4px 0;cursor:pointer}.text-link:hover{text-decoration:underline}.back-login{display:block;margin:14px auto 0}.account-form-panel .account-alert:not(.hidden){margin:0 0 14px}
@media(max-width:700px){.trust-inner{flex-direction:column;align-items:flex-start;gap:18px;max-width:520px}.trust-divider{width:100%;height:1px}.trust-score{min-width:0}.trust-section{padding:24px 18px}.trust-voices{align-items:flex-start}.trust-avatar{width:38px;height:38px}}


/* Creator-style showcase on public landing page */
.creator-showcase{max-width:none;background:linear-gradient(180deg,#f5f7fc 0%,#fff 100%);border-top:1px solid #e9edf5;border-bottom:1px solid #e9edf5}.creator-showcase .section-intro{max-width:760px}.creator-showcase-grid{max-width:1072px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.creator-style-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e2e7f0;border-radius:19px;box-shadow:0 14px 36px #23314c08}.creator-style-image{height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;background:#172033}.creator-style-image:before,.creator-style-image:after{content:"";position:absolute;inset:0;pointer-events:none}.creator-style-image:before{background:radial-gradient(ellipse at 25% 20%,#a8c7ff55,transparent 38%),linear-gradient(135deg,#18233c,#364d78 54%,#121827)}.creator-style-image:after{inset:auto -12% -38% -12%;height:72%;border-radius:50%;background:linear-gradient(135deg,#ffffff24,#ffffff03);transform:rotate(-8deg)}.creator-image-two:before{background:radial-gradient(ellipse at 70% 25%,#ffd79a66,transparent 33%),linear-gradient(140deg,#2a193e,#67477f 48%,#18243d)}.creator-image-three:before{background:radial-gradient(ellipse at 50% 20%,#9ff0d855,transparent 34%),linear-gradient(145deg,#112d36,#267b80 52%,#16213a)}.style-number,.style-label{position:absolute;z-index:1;top:16px;font-size:9px;font-weight:850;letter-spacing:.14em}.style-number{left:17px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff15}.style-label{right:16px;padding:7px 9px;border:1px solid #ffffff50;border-radius:99px;background:#11182740}.style-art-symbol{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;border:1px solid #ffffff72;border-radius:24px;background:#ffffff1c;box-shadow:0 18px 42px #0002;font-size:33px;backdrop-filter:blur(8px);transform:rotate(-5deg)}.creator-image-two .style-art-symbol{border-radius:50%;transform:rotate(7deg)}.creator-image-three .style-art-symbol{border-radius:18px;transform:rotate(3deg);font-size:24px}.creator-style-copy{padding:22px 21px 24px}.creator-style-kicker{font-size:9px;letter-spacing:.13em;font-weight:850;color:#536ce0}.creator-style-copy h3{font-size:17px;line-height:1.25;letter-spacing:-.035em;margin:10px 0 9px}.creator-style-copy p{font-size:11px;line-height:1.8;color:#727d91;margin:0}.creator-showcase-note{max-width:1072px;margin:20px auto 0;font-size:10px;line-height:1.7;text-align:center;color:#8a93a4}
@media(max-width:800px){.creator-showcase-grid{grid-template-columns:1fr;max-width:520px}.creator-style-image{height:220px}.creator-showcase .section-intro{margin-bottom:24px}}
/* Real screenshot references in the creator showcase */
.creator-style-image{height:230px;background:#e9edf3;isolation:isolate}
.creator-style-image:before{content:none}
.creator-style-image:after{inset:0;height:auto;border-radius:0;transform:none;background:linear-gradient(180deg,#11182720 0%,transparent 28%,transparent 65%,#11182718 100%);z-index:0}
.creator-style-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.creator-style-card:hover .creator-style-image img{transform:scale(1.035)}
.creator-style-image .style-number,.creator-style-image .style-label{z-index:2}
@media(max-width:800px){.creator-style-image{height:auto;aspect-ratio:16/9}}

/* Upload previews: audio playback and reference image with dismiss controls */
.upload-preview{position:relative;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;min-width:0}
.preview-heading{font-size:11px;font-weight:750;color:var(--ink);margin:0 32px 10px 0}
.preview-close{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:#edf1f8;color:#354158;font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer}
.preview-close:hover{background:#e0e6f1;color:#111827}
.audio-upload-preview audio{display:block;width:100%;max-width:100%;height:38px}
.image-upload-preview img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:9px;background:#f5f6fa}

/* Compact upload billing details: filenames stay hidden */
.upload-cost-info{margin-top:9px;padding:9px 10px;border-radius:9px;background:#f5f7fb;color:var(--muted,#667085);font-size:12px;line-height:1.45}
.scene-cost-note{margin:6px 0 0;max-width:520px}


/* Minimal WebM → MP4 converter */
.converter-panel{margin-top:22px}
.converter-drop{position:relative;border:1.5px dashed #cbd5e1;border-radius:16px;background:#fafbff;padding:28px 18px;text-align:center;transition:border-color .18s,background .18s;cursor:pointer;min-width:0}
.converter-drop.is-dragover{border-color:var(--primary,#5268e8);background:#f2f5ff}
.converter-upload-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:13px;background:#eef2ff;color:#5268e8;font-size:26px}
#converterPrompt strong,#converterPrompt span{display:block}#converterPrompt strong{font-size:14px}#converterPrompt span{font-size:12px;color:var(--muted,#667085);margin-top:5px}
.converter-file-preview{position:relative;text-align:left;max-width:760px;margin:0 auto;padding-top:4px}
.converter-file-preview video{display:block;width:100%;max-height:320px;background:#10131a;border-radius:12px;object-fit:contain}
.converter-file-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:10px 34px 0 0;font-size:12px;color:var(--muted,#667085)}.converter-file-meta strong{color:var(--text,#202534);overflow-wrap:anywhere}
.converter-file-preview .preview-close{position:absolute;right:0;top:0;z-index:2;border:0;border-radius:50%;width:30px;height:30px;background:#e9edf4;color:#283044;font-size:22px;line-height:1;cursor:pointer}
.converter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.converter-download{display:inline-flex;margin-top:12px;text-decoration:none;align-items:center;justify-content:center}
.converter-progress{margin-top:14px}.converter-progress-label{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:7px;color:var(--muted,#667085)}.converter-progress .progress{height:8px;border-radius:99px;overflow:hidden;background:#e9edf5}.converter-progress .progress span{display:block;width:0;height:100%;background:var(--primary,#5268e8);transition:width .2s}
.converter-progress.is-indeterminate .progress span{width:34%!important;animation:converter-progress-slide 1.35s ease-in-out infinite;background:linear-gradient(90deg,#5268e8,#8b9aff,#5268e8);background-size:200% 100%}
@keyframes converter-progress-slide{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
@media(prefers-reduced-motion:reduce){.converter-progress.is-indeterminate .progress span{animation-duration:3s}}
.converter-note{margin-top:10px;line-height:1.5}.converter-panel .btn:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:640px){.converter-drop{padding:20px 12px}.converter-file-preview video{max-height:220px}.converter-actions>.btn{width:100%}}

/* Scene image-only ordering; text stays read-only and attached to its scene. */
.scene-text[readonly]{resize:none;min-height:64px;background:#f7f8fb;color:#30394b;cursor:text;user-select:text;-webkit-user-select:text;border-style:dashed}
.scene-image[draggable="true"]{position:relative;cursor:grab;outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,opacity .15s,transform .15s}
.scene-image[draggable="true"]:active{cursor:grabbing}
.scene-image.is-dragging{opacity:.45;transform:scale(.98)}
.scene-image.is-drop-target{outline-color:var(--blue);box-shadow:0 0 0 4px #e7ecff}
.image-drag-hint{position:absolute;right:6px;bottom:6px;background:rgba(20,29,48,.82);color:#fff;padding:4px 7px;border-radius:6px;font-size:10px;line-height:1.2;pointer-events:none}

/* Split position is shown directly in the read-only textarea: yellow caret and selection. */
.scene-text[readonly]{caret-color:#d6a900;}
.scene-text[readonly]::selection{background:#ffe27a;color:#392b00;}
.scene-text[readonly]::-moz-selection{background:#ffe27a;color:#392b00;}
.scene-card.has-split-position .scene-text{outline:1px solid #e3bf25;outline-offset:1px;}
.split-result-marker{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:9px 11px;border-radius:9px;border:1px solid #e9c94d;background:#fff8d6;color:#594300;font-size:11px;overflow-wrap:anywhere}
.split-result-marker strong{font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.split-result-marker span{line-height:1.55}
.scene-card.split-flash{border-color:#e1b900;box-shadow:0 0 0 3px #fff0a8;transition:box-shadow .25s,border-color .25s}

/* Clear per-scene image generation state. */
.scene-status{display:flex;align-items:center;gap:6px;min-height:16px}
.status-spinner{display:inline-block;flex:0 0 12px;width:12px;height:12px;border:2px solid #d8deea;border-top-color:var(--blue);border-radius:50%;animation:scene-status-spin .75s linear infinite;vertical-align:-2px}
.status-check{display:inline-grid;place-items:center;flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:#e5f8ed;color:#16834a;font-size:10px;font-weight:800;line-height:1}
@keyframes scene-status-spin{to{transform:rotate(360deg)}}

/* Creation inputs are frozen after scene-image generation begins so every scene uses one consistent setup. */
.dropzone.is-locked{opacity:.58;cursor:not-allowed;filter:saturate(.65)}
#creationSettingsLockNotice{margin-top:12px;border-color:rgba(48,130,90,.28);background:rgba(48,130,90,.07)}
select:disabled,input:disabled,button:disabled{cursor:not-allowed}

/* Scene merge controls */
.scene-list{gap:0}.scene-merge-row{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.scene-merge-row::before,.scene-merge-row::after{content:'';height:1px;background:var(--line);flex:1}.scene-merge-btn{width:34px;height:34px;border:1px solid #cfd7e5;border-radius:50%;background:#fff;color:var(--blue);font:800 21px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(25,39,75,.06);transition:.18s;flex:0 0 auto}.scene-merge-btn:hover{background:var(--soft);border-color:#aebcff;transform:scale(1.06)}.scene-merge-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.scene-merge-btn.is-loading span{opacity:.35}