:root{color:#1c2925;font-synthesis:none;--color-brand:#174c3b;--color-brand-strong:#103c2f;--color-brand-soft:#eaf1ed;--color-accent:#dc7540;--color-accent-soft:#fbefe8;--color-bg:#f7f6f2;--color-surface:#fff;--color-surface-warm:#fdfcf9;--color-text:#1c2925;--color-text-2:#596761;--color-text-3:#89928e;--color-divider:#e8e9e5;--color-danger:#a64b43;--color-danger-soft:#fbefed;--font-page:clamp(26px, 7vw, 30px);--font-title:19px;--font-body:15px;--font-small:13px;--font-caption:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-control:12px;--radius-card:18px;--radius-sheet:22px;--shadow-card:0 5px 20px #1830280e;--shadow-float:0 14px 42px #1830281f;--button-height:48px;--input-height:44px;--content-width:1040px;background:#f7f6f2;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{background:var(--color-bg);min-width:320px;color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}img,video{max-width:100%}p,h1,h2,h3,strong,small,span,li{overflow-wrap:anywhere}.primary,.secondary{min-height:var(--button-height);border-radius:var(--radius-control);border:0;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s,transform .15s}.primary{background:var(--color-brand);color:#fff;box-shadow:0 4px 12px #174c3b24}.primary:hover{background:var(--color-brand-strong)}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:none}.danger,.text-danger{color:var(--color-danger)!important}.fit{white-space:nowrap;width:auto}.icon-button{width:40px;height:40px;color:var(--color-text-2);background:#f1f2ef;border:0;border-radius:50%;font-size:21px}input,textarea,select{width:100%;min-height:var(--input-height);border-radius:var(--radius-control);color:var(--color-text);background:#f3f4f1;border:1px solid #0000;outline:0;padding:10px 13px;font-size:14px;line-height:1.5;transition:background-color .15s,border-color .15s,box-shadow .15s}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0a7a3}input:focus,textarea:focus,select:focus{background:#fff;border-color:#8ba99e;box-shadow:0 0 0 3px #174c3b14}.field{margin:0 0 var(--space-4);display:block}.field>span{color:#46534e;font-size:var(--font-small);margin-bottom:7px;font-weight:500;display:block}.field>small{color:var(--color-text-3);margin:-2px 0 7px;font-size:11px;line-height:1.5;display:block}.error{margin-top:6px;display:block;color:var(--color-danger)!important;font-size:12px!important}.form-row,.form-grid-4{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.number-input{position:relative}.number-input input{padding-right:64px}.number-input span{color:var(--color-text-3);font-size:11px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.check-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.check-group button,.material-options button{min-height:38px;color:var(--color-text-2);background:#f0f2ef;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:450}.check-group button.selected,.material-options button.selected{background:var(--color-brand-soft);color:var(--color-brand);box-shadow:inset 0 0 0 1px #174c3b26}.segmented{background:#eff1ee;border-radius:13px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.segmented button{min-height:38px;color:var(--color-text-3);background:0 0;border:0;border-radius:10px;font-size:12px}.segmented button.active{color:var(--color-brand);background:#fff;box-shadow:0 2px 7px #14302712}.app-shell{min-height:100vh}.app-topbar{display:none}.sidebar{z-index:20;color:#fff;background:#143e32;flex-direction:column;width:238px;padding:26px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;align-items:center;gap:11px;padding:0 7px 28px;font-size:13px;line-height:1.3;display:flex}.brand>span,.mini-logo{background:var(--color-accent);color:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:650;display:grid}.brand b{font-size:16px;font-weight:600}.sidebar nav{gap:4px;display:grid}.sidebar nav button{color:#aec3bb;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;min-height:45px;padding:0 12px;font-size:13px;display:flex}.sidebar nav button i{color:#819f94;text-align:center;width:18px;font-style:normal}.sidebar nav button small{color:#76958a;margin-left:auto;font-size:9px}.sidebar nav button.active{color:#fff;background:#ffffff1a}.sidebar nav button.active i{color:#efa579}.profile-mini{border-top:1px solid #ffffff1a;margin-top:auto;padding:15px 12px 4px}.profile-mini>span{color:#829f95;font-size:10px}.profile-mini p{color:#d5e0dc;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 12px;font-size:11px;line-height:1.55;display:-webkit-box;overflow:hidden}.profile-mini>div{justify-content:space-between;gap:8px;display:flex}.profile-mini button{color:#a9c2b8;background:0 0;border:0;padding:5px 0;font-size:10px}.content{min-height:100vh;margin-left:238px}.page{width:100%;max-width:var(--content-width);margin:0 auto;padding:44px 38px 80px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.page-head h1{font-size:var(--font-page);letter-spacing:-.7px;margin:6px 0 7px;font-weight:620;line-height:1.2}.page-head p{max-width:580px;color:var(--color-text-2);font-size:var(--font-small);margin:0;line-height:1.65}.kicker{color:var(--color-accent);letter-spacing:.6px;font-size:11px;font-weight:600}.sync-error{z-index:15;background:var(--color-danger-soft);color:var(--color-danger);text-align:center;padding:9px 16px;font-size:11px;position:sticky;top:0}.panel{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.home-v2{gap:var(--space-8);max-width:900px;display:grid}.home-brand{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.home-brand h1{font-size:var(--font-page);letter-spacing:-.7px;margin:0;font-weight:620;line-height:1.2}.home-brand p{color:var(--color-text-2);font-size:var(--font-small);margin:8px 0 0}.business-connected{background:var(--color-brand-soft);color:var(--color-brand);border-radius:999px;flex:none;align-items:center;gap:6px;margin-top:3px;padding:6px 10px;font-size:11px;display:inline-flex}.business-connected i{background:#5a947e;border-radius:50%;width:6px;height:6px}.today-recommendation{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);padding:28px;position:relative;overflow:hidden}.today-recommendation:before{content:"";background:var(--color-brand);width:4px;position:absolute;inset:0 auto 0 0}.recommendation-label{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.recommendation-label span{color:var(--color-accent);font-size:11px;font-weight:600}.recommendation-label b{color:var(--color-text-3);font-size:12px;font-weight:500}.today-recommendation h2{letter-spacing:-.3px;max-width:700px;margin:16px 0 10px;font-size:24px;font-weight:620;line-height:1.45}.recommendation-audience,.recommendation-reason{color:var(--color-text-2);font-size:var(--font-small);margin:0;line-height:1.65}.recommendation-audience strong{color:var(--color-brand);font-weight:600}.recommendation-reason{margin-top:9px}.recommendation-actions{gap:10px;margin-top:22px;display:flex}.recommendation-actions .primary{min-width:170px}.recommendation-change{min-height:var(--button-height);border-radius:var(--radius-control);color:var(--color-text-2);background:0 0;border:0;padding:0 14px;font-size:13px}.recommendation-change:hover{background:#f3f4f1}.empty-recommendation-button{margin-top:20px}.more-analysis{border-top:1px solid var(--color-divider);margin-top:18px}.more-analysis>summary{min-height:46px;color:var(--color-text-3);cursor:pointer;align-items:center;font-size:12px;display:flex}.hook-box{background:var(--color-accent-soft);border-radius:14px;margin:3px 0 14px;padding:14px 16px}.hook-box span,.plan-overview span,.publish-kit span,.continuous-narration>span{color:var(--color-text-3);margin-bottom:5px;font-size:11px;display:block}.hook-box strong{font-size:15px;font-weight:550;line-height:1.6}.plan-overview,.publish-kit{gap:var(--space-3);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.plan-overview>div,.publish-kit>div,.continuous-narration{background:#f6f7f4;border-radius:14px;padding:15px}.plan-overview p,.publish-kit p,.continuous-narration p{color:var(--color-text-2);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.7}.continuous-narration{margin-top:var(--space-3)}.analysis-actions{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.analysis-actions .text-danger{background:0 0;border:0;min-height:40px;font-size:11px}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-heading h2{font-size:var(--font-title);margin:0;font-weight:600;line-height:1.3}.section-heading p{color:var(--color-text-3);font-size:var(--font-caption);margin:5px 0 0;line-height:1.5}.section-heading>span{color:var(--color-text-3);background:#efefec;border-radius:999px;padding:5px 9px;font-size:10px}.material-card{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding:4px 0 2px}.material-card .section-heading{margin-top:22px}.material-options{flex-wrap:wrap;gap:8px;margin-bottom:13px;display:flex}.material-card textarea{min-height:78px;margin-bottom:10px}.generate-button{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.privacy-note{color:var(--color-text-3);margin:9px 0 20px;font-size:10px;line-height:1.5;display:block}.generation-progress{color:var(--color-brand);align-items:center;gap:8px;margin-top:9px;font-size:11px;display:flex}.generation-progress i{background:var(--color-accent);border-radius:50%;width:6px;height:6px}.shooting-section{scroll-margin-top:68px}.shooting-cards{gap:var(--space-3);display:grid}.shooting-card{gap:var(--space-3);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:38px minmax(0,1fr);padding:18px;display:grid}.shooting-number{background:var(--color-brand-soft);width:36px;height:36px;color:var(--color-brand);border-radius:12px;place-items:center;font-size:11px;font-weight:600;display:grid}.shooting-content>span{color:var(--color-text-3);font-size:10px}.shooting-content h3{margin:3px 0 9px;font-size:16px;font-weight:560;line-height:1.55}.shooting-content>p{color:var(--color-accent);margin:0;font-size:12px}.shooting-tags{flex-wrap:wrap;gap:6px 14px;margin-top:11px;display:flex}.shooting-tags span{color:var(--color-text-3);font-size:11px}.shooting-tags span.active{color:var(--color-brand)}.make-movie-card{text-align:center}.make-movie-card .primary{width:min(520px,100%);min-height:54px;font-size:15px}.make-movie-card p{color:var(--color-text-3);margin:8px 0 0;font-size:11px}.recent-movies{padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.recent-movie-list article{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-divider);grid-template-columns:minmax(0,1fr) auto auto;min-height:64px;display:grid}.recent-movie-list h3{margin:0;font-size:13px;font-weight:520;line-height:1.45}.recent-movie-list p{color:var(--color-text-3);margin:4px 0 0;font-size:10px}.movie-status{color:#587066;white-space:nowrap;background:#eef2ef;border-radius:999px;padding:5px 8px;font-size:10px}.movie-status.status-failed{background:var(--color-danger-soft);color:var(--color-danger)}.movie-status.status-processing,.movie-status.status-queued{background:var(--color-accent-soft);color:#9a5b39}.recent-movie-list button,.view-all-movies{min-height:40px;color:var(--color-brand);background:0 0;border:0;font-size:12px}.view-all-movies{width:100%;margin-top:5px;display:block}.recent-empty{padding:var(--space-6) 0;color:var(--color-text-3);text-align:center;font-size:12px}.stats{color:var(--color-text-3);align-items:center;gap:10px;margin:-14px 0 24px;font-size:12px;display:flex}.stats span{align-items:baseline;gap:4px;display:inline-flex}.stats b{color:var(--color-text);font-size:14px;font-weight:600}.stats i{background:#dcdeda;width:1px;height:12px}.product-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.product-card{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);padding:21px;overflow:hidden}.product-top{align-items:flex-start;gap:11px;display:flex}.product-avatar{color:#77827d;background:#f0f1ee;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.product-identity{flex:1;min-width:0}.product-identity>span{color:var(--color-text-3);font-size:10px}.product-top h2{margin:3px 0;font-size:17px;font-weight:600;line-height:1.4}.product-top p{color:var(--color-text-2);margin:0;font-size:12px}.status{color:#65736d;background:#eef1ee;border-radius:999px;flex:none;padding:4px 7px;font-size:9px;display:inline-block}.status-重点销售{background:var(--color-accent-soft);color:#a0522c}.status-暂停推荐{color:#8c9190}.product-price{justify-content:space-between;align-items:flex-end;gap:12px;margin:20px 0 14px;display:flex}.product-price span{color:var(--color-text-3);font-size:10px;display:block}.product-price strong{color:var(--color-brand);margin-top:2px;font-size:23px;font-weight:620;display:block}.product-price strong small{color:var(--color-text-3);margin-left:2px;font-size:10px;font-weight:400}.product-price p{color:var(--color-text-3);margin:0 0 3px;font-size:10px}.pack-info{border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);gap:20px;padding:13px 0;display:flex}.pack-info span{color:var(--color-text-2);font-size:11px}.pack-info b{color:var(--color-text);font-size:13px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.chips span{color:var(--color-text-2);background:#f1f2ef;border-radius:999px;padding:5px 9px;font-size:10px}.selling-summary{color:var(--color-text-2);margin:13px 0;font-size:11px;line-height:1.65}.card-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:18px;margin-top:13px;padding-top:9px;display:flex}.card-actions button{min-height:36px;color:var(--color-text-2);background:0 0;border:0;padding:0;font-size:11px}.empty-state,.locked-page{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center;padding:60px 20px}.product-placeholder{background:var(--color-brand-soft);width:48px;height:48px;color:var(--color-brand);border-radius:15px;place-items:center;margin:auto;font-size:19px;display:grid}.empty-state h2,.locked-page h1{font-size:var(--font-title);margin:16px 0 7px;font-weight:600}.empty-state p,.locked-page p{color:var(--color-text-3);margin:0 0 20px;font-size:12px}.locked-page>span,.locked-page>div{color:var(--color-text-3);font-size:11px}.settings-page{width:100%;max-width:760px;min-height:100vh;margin:0 auto;padding:30px 22px 70px}.settings-topbar{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;min-height:52px;display:grid}.settings-topbar>div{text-align:center}.settings-topbar>div span{color:var(--color-text-3);font-size:10px}.settings-topbar h1{margin:2px 0 0;font-size:17px;font-weight:600}.topbar-back{width:40px;height:40px;color:var(--color-text);background:0 0;border:0;font-size:29px}.settings-intro{padding:25px 4px 26px}.settings-intro p{color:var(--color-text-2);margin:0 0 13px;font-size:14px;line-height:1.7}.settings-intro>div{flex-wrap:wrap;gap:7px 16px;display:flex}.settings-intro span{color:var(--color-brand);font-size:11px}.setup-form{border-radius:var(--radius-card);background:var(--color-surface);gap:0;display:grid;overflow:hidden;box-shadow:0 2px 12px #18302809}.settings-group,.voice-clone-test{box-shadow:none;border-bottom:1px solid var(--color-divider);background:0 0;border-radius:0;padding:24px 22px}.settings-group:last-of-type,.voice-clone-test{border-bottom:0}.settings-group-head{gap:11px;margin-bottom:20px;display:flex}.settings-group-head>span{background:var(--color-brand-soft);width:28px;height:28px;color:var(--color-brand);border-radius:9px;flex:none;place-items:center;font-size:10px;display:grid}.settings-group-head h2{margin:1px 0 3px;font-size:17px;font-weight:600}.settings-group-head p{color:var(--color-text-3);margin:0;font-size:11px}.settings-group>.field+.field,.settings-group>.form-row{border-top:1px solid var(--color-divider);padding-top:16px}.settings-group .field:last-child{margin-bottom:0}.positioning-group textarea{background:#f7f7f4;min-height:108px}.privacy-box ul{color:var(--color-text-2);margin:0 0 16px;padding-left:18px;font-size:11px;line-height:1.75}.accept{color:var(--color-text-2);align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;display:flex}.accept input{width:18px;min-height:18px;accent-color:var(--color-brand);margin:1px 0 0}.voice-mode{border-radius:var(--radius-control);background:#f0f2ef;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;display:grid}.voice-mode button{min-height:40px;color:var(--color-text-3);background:0 0;border:0;border-radius:10px;font-size:12px}.voice-mode button.active{background:var(--color-surface);color:var(--color-brand);box-shadow:0 2px 7px #14302712}.voice-clone-test .field{margin-bottom:15px}.voice-clone-test input[type=file]{height:auto;min-height:44px;padding:9px;font-size:11px}.voice-create-button{width:100%;margin-top:16px}.voice-test-message,.voice-test-success{margin-top:12px;line-height:1.5;display:block}.voice-test-success{color:var(--color-brand);overflow-wrap:anywhere}.settings-actions{padding:12px 0 max(4px, env(safe-area-inset-bottom));background:var(--color-bg);gap:10px;display:flex;position:sticky;bottom:0}.settings-actions>*{flex:1}.form-submit-error{text-align:center}.modal-backdrop{z-index:50;background:#14221d6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-sheet);background:var(--color-surface);width:min(700px,100%);max-height:92vh;box-shadow:var(--shadow-float);padding:25px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-head h2{margin:4px 0 0;font-size:21px;font-weight:600}.modal-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.composer-page{width:100%;max-width:880px;margin:0 auto;padding:42px 34px 80px}.composer-head{text-align:center;margin-bottom:26px;position:relative}.composer-head h1{max-width:650px;margin:8px auto;font-size:25px;font-weight:620;line-height:1.4}.composer-head p{color:var(--color-text-2);margin:0;font-size:13px}.back-button,.restart-button{background:0 0;border:0;min-height:40px;font-size:12px}.back-button{color:var(--color-brand);position:absolute;top:0;left:0}.restart-button{color:var(--color-danger);position:absolute;top:0;right:0}.composer-narration{border-radius:var(--radius-card);background:var(--color-brand-soft);margin-bottom:17px;padding:17px}.composer-narration b{color:var(--color-brand);font-size:12px;font-weight:600}.composer-narration p{margin:7px 0;font-size:13px;line-height:1.75}.composer-narration small{color:var(--color-text-3);font-size:11px}.clip-list{gap:var(--space-3);display:grid}.clip-editor{align-items:center;gap:var(--space-3);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:36px minmax(0,1fr) auto;padding:18px;display:grid}.clip-number{background:var(--color-brand-soft);width:34px;height:34px;color:var(--color-brand);border-radius:11px;place-items:center;font-size:11px;font-weight:600;display:grid}.clip-guide strong{font-size:14px;font-weight:560;line-height:1.5}.clip-guide p{color:var(--color-text-3);margin:4px 0;font-size:11px}.shoot-duration{color:#a05d38!important}.shoot-requirements{flex-wrap:wrap;gap:7px 13px;margin-top:7px;display:flex}.shoot-requirements span{color:var(--color-text-2);font-size:10px}.clip-upload-actions{gap:7px;display:flex}.clip-upload{border-radius:var(--radius-control);min-height:44px;color:var(--color-brand);cursor:pointer;background:#eef1ee;place-items:center;padding:8px 11px;font-size:11px;display:grid;position:relative;overflow:hidden}.clip-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.camera-upload{background:var(--color-brand);color:#fff}.clip-preview{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-divider);grid-column:2/-1;grid-template-columns:140px minmax(0,1fr);display:grid}.clip-preview video{object-fit:contain;background:#111;border-radius:13px;width:140px;height:195px}.trim-controls b{margin-bottom:5px;font-size:12px;font-weight:600;display:block}.trim-controls small{color:var(--color-text-3);font-size:10px;display:block}.trim-controls details{border-top:1px solid var(--color-divider);margin-top:12px;padding-top:9px}.trim-controls summary{min-height:38px;color:var(--color-brand);cursor:pointer;font-size:11px}.manual-trim{flex-wrap:wrap;gap:9px;display:flex}.manual-trim label{color:var(--color-text-2);font-size:11px}.manual-trim input{width:72px;min-height:38px;padding:7px;display:inline-block}.manual-trim small{width:100%}.trim-controls em{color:var(--color-danger);margin-top:8px;font-size:10px;font-style:normal;display:block}.movie-button{width:100%;margin-top:var(--space-4);min-height:52px}.render-status{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:center;padding:30px}.render-status h2{margin:10px 0 5px;font-size:20px;font-weight:600}.render-status>p{color:var(--color-text-3);font-size:12px}.progress{background:#eaeeeb;border-radius:9px;max-width:470px;height:7px;margin:18px auto 7px;overflow:hidden}.progress span{background:var(--color-brand);height:100%;transition:width .3s;display:block}.render-status>b{color:var(--color-text-3);font-size:10px}.render-error{color:var(--color-danger)!important}.done-mark{background:var(--color-brand-soft);width:42px;height:42px;color:var(--color-brand);border-radius:50%;place-items:center;margin:auto;display:grid}.finished-video{background:#111;border-radius:16px;width:min(340px,100%);max-height:600px;margin:20px auto;display:block}.render-actions{justify-content:center;gap:10px;display:flex}.render-actions a{place-items:center;text-decoration:none;display:inline-grid}.notice{border-radius:14px;padding:15px 17px;font-size:12px}.notice strong{font-weight:600}.notice p,.notice li{line-height:1.6}.error-notice{background:var(--color-danger-soft);color:#833f38}.missing-notice{color:#6e5936;background:#faf4e9}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.spinner.dark{border-color:#cad6d1;border-top-color:var(--color-brand);margin:0 auto 14px;display:block}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{text-align:center;place-content:center;justify-items:center;gap:13px;min-height:100vh;padding:24px;display:grid}.boot-screen .brand{color:var(--color-text);padding:0}.boot-screen p{color:var(--color-text-3);font-size:12px}.login-page{background:var(--color-bg);place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{border-radius:var(--radius-sheet);background:var(--color-surface);width:min(400px,100%);box-shadow:var(--shadow-float);padding:30px}.login-card .brand{color:var(--color-text);padding:0 0 29px}.login-card h1{margin:8px 0;font-size:27px;font-weight:620;line-height:1.3}.login-card>p{color:var(--color-text-2);margin:0 0 24px;font-size:13px;line-height:1.65}.login-card form>.primary{width:100%}.login-error{background:var(--color-danger-soft);color:var(--color-danger);border-radius:11px;margin:-6px 0 14px;padding:10px 12px;font-size:11px}.mobile-nav{display:none}.nav-icon{flex:none;width:20px;height:20px;display:block}@media (width<=760px){:root{--shadow-card:0 4px 17px #1830280d}body{-webkit-text-size-adjust:100%;min-width:0;padding:0}button,.primary,.secondary,input,select{min-height:44px}.sidebar{display:none}.app-topbar{z-index:30;min-height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 15px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf9f6f0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 1px #23302b0f}.app-topbar>div{align-items:center;gap:9px;display:flex}.app-topbar .mini-logo{border-radius:9px;width:30px;height:30px;font-size:14px}.app-topbar b{font-size:14px;font-weight:580}.app-topbar>button{min-height:40px;color:var(--color-text-3);background:0 0;border:0;font-size:11px}.content{width:100%;padding-bottom:calc(70px + env(safe-area-inset-bottom));margin-left:0}.page{max-width:none;padding:20px 16px 40px}.page-head{margin-bottom:24px;display:block}.page-head h1{margin-top:5px}.page-head p{font-size:13px}.page-head .fit{width:100%;margin-top:16px}.home-v2{gap:22px;padding-top:16px}.home-brand{display:block}.home-brand h1{font-size:26px;line-height:1.16}.home-brand p{margin-top:5px;font-size:12px;line-height:1.45}.business-connected{margin-top:8px;padding:4px 8px;font-size:10px}.today-recommendation{padding:17px 18px 16px}.today-recommendation h2{margin:10px 0 6px;font-size:18px;line-height:1.4}.recommendation-audience,.recommendation-reason{font-size:12px;line-height:1.5}.recommendation-reason{margin-top:6px}.recommendation-actions{margin-top:15px}.recommendation-actions button{min-height:44px}.more-analysis{margin-top:13px}.more-analysis>summary{min-height:40px}.recommendation-actions{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.recommendation-actions .primary{min-width:0}.plan-overview,.publish-kit{grid-template-columns:1fr}.material-card{padding:0}.material-card .section-heading{margin-top:17px}.material-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.material-options button{border-radius:12px;min-width:0;padding-left:5px;padding-right:5px}.shooting-cards{gap:11px}.shooting-card{padding:17px 16px}.shooting-content h3{font-size:15px}.make-movie-card .primary{min-height:54px}.recent-movie-list article{grid-template-columns:minmax(0,1fr) auto;padding:8px 0}.recent-movie-list article>button{grid-area:1/2/3}.movie-status{grid-column:1;justify-self:start}.product-grid{grid-template-columns:1fr;gap:13px}.product-card{border-radius:18px;padding:18px}.product-avatar{width:32px;height:32px}.form-row,.form-grid-4{grid-template-columns:1fr;gap:0}.settings-page{max-width:none;padding:max(8px, env(safe-area-inset-top)) 14px calc(34px + env(safe-area-inset-bottom))}.settings-topbar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f2f2;position:sticky;top:0}.settings-intro{padding:17px 5px 20px}.setup-form{border-radius:18px}.settings-group,.voice-clone-test{padding:22px 17px}.settings-actions{padding-bottom:max(8px, env(safe-area-inset-bottom))}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}.modal-head{z-index:3;background:var(--color-surface);margin:0 0 18px;padding:18px 0 10px;position:sticky;top:-20px}.modal-actions{bottom:calc(-20px - env(safe-area-inset-bottom));padding:12px 0 calc(20px + env(safe-area-inset-bottom));background:var(--color-surface);position:sticky}.modal-actions>*{flex:1}.composer-page{max-width:none;padding:18px 15px calc(88px + env(safe-area-inset-bottom))}.composer-head{text-align:left;padding-top:42px}.composer-head h1{font-size:21px}.composer-head p{font-size:12px;line-height:1.6}.composer-narration p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clip-editor{grid-template-columns:32px minmax(0,1fr);padding:16px}.clip-upload-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.clip-upload{text-align:center;min-height:48px}.clip-preview{grid-column:1/-1;display:block}.clip-preview video{aspect-ratio:9/16;width:100%;height:auto;max-height:58dvh;margin-bottom:13px}.manual-trim{grid-template-columns:1fr 1fr;display:grid}.manual-trim label{gap:4px;display:grid}.manual-trim input{width:100%}.manual-trim small{grid-column:1/-1}.movie-button{bottom:calc(68px + env(safe-area-inset-bottom));z-index:4;min-height:52px;position:sticky}.render-status{padding:24px 15px}.finished-video{aspect-ratio:9/16;object-fit:contain;width:100%;max-height:68dvh}.render-actions{grid-template-columns:1fr;display:grid}.render-actions>*{width:100%}.login-page{padding:16px}.login-card{padding:27px 20px}.mobile-nav{z-index:40;height:calc(62px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -4px 18px #192b240e}.mobile-nav button{color:#929a96;background:0 0;border:0;place-content:center;justify-items:center;gap:2px;min-width:0;min-height:52px;padding:2px;font-size:10px;display:grid}.mobile-nav .nav-icon{color:#9aa29e;width:20px;height:20px}.mobile-nav button.active,.mobile-nav button.active .nav-icon{color:var(--color-brand)}.mobile-nav button.active span{font-weight:600}}@media (width<=374px){.page,.composer-page{padding-left:12px;padding-right:12px}.today-recommendation{padding-left:18px;padding-right:17px}.recommendation-actions{gap:6px}.recommendation-actions button{padding-left:9px;padding-right:9px;font-size:12px}.settings-page{padding-left:11px;padding-right:11px}.settings-group{padding-left:15px;padding-right:15px}}
