:root{--text:#24170f;--muted:#6f5a49;--muted-strong:#9d6d47;--font-body:"Manrope", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-heading:"Space Grotesk", "Avenir Next Condensed", "Arial Narrow", sans-serif;color:var(--text);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe6d8;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 0 0,#ffb47838,#0000 26%),radial-gradient(circle at 100% 0,#67b2ff33,#0000 24%),linear-gradient(#f7f1e8 0%,#f3efe8 20%,#efe6d8 100%);grid-template-columns:320px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f8f2e8;background:#1f2124e6;flex-direction:column;gap:24px;padding:28px 22px;display:flex}.brand-card,.credit-panel,.recent-panel,.panel,.pricing-modal{box-shadow:0 28px 60px #3a29161f}.brand-card{background:linear-gradient(160deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff14;border-radius:24px;align-items:center;gap:16px;padding:18px;display:flex}.brand-badge{color:#fff9f2;width:56px;height:56px;font-family:var(--font-heading);letter-spacing:.08em;background:linear-gradient(135deg,#ff9f5a,#f04f26);border-radius:18px;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.brand-card h1{margin:4px 0 0;font-size:1.45rem}.nav-group{gap:10px;display:grid}.nav-item{color:inherit;text-align:left;font:inherit;cursor:pointer;background:#ffffff0a;border:0;border-radius:18px;padding:14px 16px;transition:transform .18s,background .18s}.nav-item:hover,.nav-item-active{background:#ffffff1f;transform:translate(3px)}.credit-panel,.recent-panel{background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:18px}.credit-panel strong{font-size:2rem;font-family:var(--font-heading);color:#fff6ec;margin:6px 0;display:block}.credit-panel span,.recent-card p,.recent-meta span{color:#f8f2e8b8}.recent-list{gap:12px;display:grid}.recent-card{background:#ffffff0f;border-radius:18px;padding:14px}.recent-card strong{margin-bottom:4px;display:block}.recent-meta{flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-size:.85rem;display:flex}.workspace{flex-direction:column;gap:24px;padding:28px;display:flex}.hero-banner{background:linear-gradient(135deg,#fff8eff2,#ffeddddb),linear-gradient(#fff,#fbe9d4);border:1px solid #9873411f;border-radius:32px;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.hero-banner h2{max-width:12ch;margin:4px 0 10px;font-size:clamp(2rem,3vw,3.3rem);line-height:.95}.hero-banner h2 span{color:#ea6a2a}.hero-copy{max-width:62ch;color:var(--muted)}.hero-stats{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;width:min(360px,100%);display:grid}.hero-stats div,.status-box,.empty-state{background:#ffffffad;border:1px solid #9873411a;border-radius:22px;padding:16px}.hero-stats strong{font-size:1.35rem;font-family:var(--font-heading);display:block}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:24px;display:grid}.panel{background:#fffcf7d6;border:1px solid #9873411a;border-radius:32px;padding:24px}.panel-main,.panel-side,.script-panel,.render-panel{flex-direction:column;gap:22px;display:flex}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head h2{margin:4px 0 0;font-size:1.45rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-strong);margin:0;font-size:.76rem}.chip-row{flex-wrap:wrap;gap:10px;display:flex}.chip{color:#9f4c1f;background:#ed7b301f;border-radius:999px;padding:9px 12px;font-size:.86rem}.chip-live{color:#136845;background:#2794661f}.field-grid{gap:16px;display:grid}.two-up,.voice-row,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:10px;display:grid}.field span,.upload-copy span,.upload-copy em,.field-note,.status-box p,.render-head p,.empty-state p,.pricing-card p,.feature-item p{color:var(--muted)}.field input,.field select,textarea{width:100%;font:inherit;color:var(--text);box-sizing:border-box;background:#ffffffd6;border:1px solid #8f6e4629;border-radius:18px;padding:16px 18px}.field input:focus,.field select:focus,textarea:focus{border-color:#ea6a2a57;outline:2px solid #ea6a2a3d}.field-note{margin:-2px 0 0;font-size:.88rem;line-height:1.45}.upload-grid{gap:16px;display:grid}.creator-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:start;gap:18px;display:grid}.visual-inputs,.voice-script-side{gap:16px;display:grid}.upload-grid-products{grid-template-columns:repeat(2,minmax(0,1fr))}.host-placement{justify-items:center;gap:10px;padding-top:2px;display:grid}.pose-pack-panel{background:#ffffffb8;border:1px solid #8f6e4624;border-radius:24px;gap:14px;width:min(100%,680px);padding:18px;display:grid}.pose-pack-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pose-pack-head h3{margin:4px 0 0;font-size:1.05rem}.pose-pack-badge{color:#17714a;white-space:nowrap;background:#23a4711f;border-radius:999px;padding:8px 12px;font-size:.82rem}.pose-pack-copy{color:var(--muted);margin:0;line-height:1.5}.script-plan-panel{width:100%}.pose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pose-card{cursor:pointer;background:#fffaf3e0;border:1px dashed #8f6e4638;border-radius:20px;gap:12px;padding:12px;display:grid}.pose-card input{display:none}.pose-card-preview{background-position:bottom;background-repeat:no-repeat;background-size:contain;border-radius:18px;min-height:132px;box-shadow:inset 0 -26px 42px #00000014}.pose-card-copy{gap:5px;display:grid}.pose-card-copy p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.script-scene-card{cursor:default}.script-scene-meta{color:var(--muted-strong);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.host-guide{width:min(78%,420px);color:var(--muted-strong);grid-template-columns:1fr auto 1fr;align-items:center;font-size:.78rem;display:grid}.host-guide:before,.host-guide:after{content:"";background:#8f6e4638;grid-row:1;height:1px}.host-guide:before{grid-column:1}.host-guide:after{grid-column:3}.host-guide span{display:none}.host-guide strong{color:#a3532a;grid-area:1/2;margin:0 10px}.upload-card-host{width:min(58%,310px)}.host-preview{background-position:bottom;background-repeat:no-repeat;background-size:contain;border-radius:48% 48% 22px 22px;min-height:220px}.voice-script-side{background:#ffffffad;border:1px solid #8f6e461f;border-radius:24px;padding:18px}.voice-script-side h3{margin:4px 0 0;font-size:1.15rem}.catalog-block{gap:12px;display:grid}.catalog-head{gap:4px;display:grid}.catalog-head span{color:var(--text);font-weight:700}.catalog-head p,.voice-preview-copy p,.voice-card p,.background-card p{color:var(--muted)}.voice-preview-copy{background:#fff7f0eb;border:1px solid #8f6e461f;border-radius:18px;padding:14px}.voice-preview-copy strong{color:#8b4822;margin-bottom:4px;display:block}.voice-catalog,.background-picker{gap:12px;display:grid}.voice-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.voice-card,.background-card{background:#ffffffd1;border:1px solid #8f6e4624;border-radius:22px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s}.voice-card{border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:8px 10px 8px 14px;display:flex}.voice-card-active,.background-card-active{border-color:#ea6a2a6b;transform:translateY(-1px);box-shadow:0 18px 32px #ea6a2a1f}.voice-card-pick,.background-card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.voice-card-head,.voice-card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.voice-card-head span,.voice-card-actions span{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.voice-card p,.background-card p{margin:10px 0 0;font-size:.92rem;line-height:1.5}.voice-card-actions{flex:none;margin-top:0}.voice-preview-button{min-width:82px;padding:9px 12px}@media (width<=720px){.voice-catalog{grid-template-columns:1fr}}.voice-preview-button-active{color:#8b4822;border-color:#ea6a2a4d}.background-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.background-thumb{border-radius:18px;min-height:126px;margin-bottom:12px;padding:10px;position:relative;overflow:hidden}.background-thumb-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.thumb-product{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;min-height:46px;display:block}.thumb-product-a{background:linear-gradient(#ffb27af5,#f06c30f5);border:2px solid #ed813f80}.thumb-product-b{background:linear-gradient(#82c8fff5,#4077f7f5);border:2px solid #5aa8ff80}.background-thumb-vs{width:36px;height:36px;font-family:var(--font-heading);color:#a3532a;background:#ffffffb8;border-radius:50%;place-items:center;margin:8px auto 0;font-size:.82rem;display:grid}.background-thumb-mascot{filter:drop-shadow(0 10px 16px #2a353e29);background:linear-gradient(#57c892fa,#279668fa);border-radius:34px 34px 22px 22px;width:66px;height:70px;margin:8px auto 0}.background-thumb-subtitle{background:#ffffffe6;border-radius:999px;width:84%;height:12px;margin:8px auto 0;box-shadow:0 2px #1012163d}.voice-script-side .primary{width:100%}.script-glance{background:#fbf4e9;border:1px solid #8f6e461f;border-radius:18px;padding:14px}.script-glance span{color:var(--muted-strong);font-size:.82rem}.script-glance p{color:var(--text);margin:7px 0 0;line-height:1.5}.upload-card{cursor:pointer;background:#ffffffb8;border:1px dashed #8f6e463d;border-radius:24px;gap:14px;padding:14px;display:grid}.upload-card input{display:none}.upload-preview{border-radius:20px;justify-content:flex-start;align-items:flex-start;min-height:180px;padding:14px;display:flex;box-shadow:inset 0 -40px 70px #00000014}.preview-tag{color:#5f3b1c;background:#ffffffc7;border-radius:999px;padding:7px 10px;font-size:.8rem}.upload-copy{gap:5px;display:grid}.upload-copy em{color:#a3532a;font-style:normal}.status-box{align-items:flex-start;gap:12px;display:flex}.status-dot{background:#2aaf73;border-radius:999px;flex:none;width:10px;height:10px;margin-top:6px}textarea{resize:vertical;min-height:260px;line-height:1.65}.action-row{flex-wrap:wrap;gap:12px;display:flex}.stacked{flex-direction:column}.primary,.secondary,.text-button{font:inherit;cursor:pointer;border:0}.primary,.secondary{border-radius:18px;padding:14px 18px;transition:transform .18s,box-shadow .18s}.primary:hover,.secondary:hover,.text-button:hover{transform:translateY(-1px)}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.7;transform:none}.primary{color:#fff9f2;background:linear-gradient(135deg,#ea6a2a,#f29d37);box-shadow:0 18px 28px #ea6a2a33}.primary.ghost{width:100%;box-shadow:none;background:#ffffff1f}.secondary{color:#5f3b1c;background:#8f6e461a}.text-button{color:inherit;background:0 0;padding:0}.phone-preview{color:#fff7ef;background:linear-gradient(#1c1e23f5,#3a3f4af2),linear-gradient(#23252c,#373b46);border-radius:34px;padding:14px;transition:transform .18s}.phone-preview-live{transform:scale(1.01)}.phone-top{color:#fff7efb3;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.phone-top span{background:#ffffff40;border-radius:999px;width:42px;height:4px;margin:0 auto;display:block}.phone-stage{aspect-ratio:9/16;border-radius:26px;align-content:start;gap:12px;margin-top:14px;padding:18px;transition:background .18s,color .18s;display:grid}.preview-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.phone-stage.background-paper,.background-thumb.background-paper{color:#2f2923;background-color:#f5efdf;background-image:linear-gradient(92deg,#7153310b 1px,#0000 1px),linear-gradient(178deg,#ffffff7a,#0000 34%),repeating-linear-gradient(8deg,#694d2b06 0 1px,#0000 1px 7px);background-size:28px 100%,100% 100%,100% 100%}.phone-stage.background-white,.background-thumb.background-white{color:#2b2927;background:linear-gradient(#fff 0%,#f0eeeb 100%)}.phone-stage.background-dark,.background-thumb.background-dark{color:#fff7ef;background:radial-gradient(circle at 100% 0,#ffaf8247,#0000 28%),linear-gradient(#2b1d17 0%,#181d28 100%)}.phone-stage.background-dawn,.background-thumb.background-dawn{color:#47251c;background:radial-gradient(circle at 100% 0,#ffffff8f,#0000 30%),linear-gradient(135deg,#fff3e9 0%,#f9dcc6 58%,#f5c0b1 100%)}.phone-stage.background-sage,.background-thumb.background-sage{color:#223329;background:linear-gradient(#ffffff38,#0000 30%),linear-gradient(#edf5ed 0%,#dbe9dc 100%)}.phone-stage.background-slate,.background-thumb.background-slate{color:#1c2937;background:radial-gradient(circle at 100% 0,#569dee3d,#0000 30%),linear-gradient(135deg,#eef3fa 0%,#d8e6f7 100%)}.stage-card,.caption-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px}.stage-card{align-content:start;gap:10px;min-height:264px;padding:12px;display:grid}.stage-card small{color:inherit;opacity:.74}.stage-card strong{overflow-wrap:anywhere;font-size:.92rem;line-height:1.35}.stage-a{background:#ffffff29;border:2px solid #ee833d6b}.stage-b{background:#ffffff29;border:2px solid #5ba8ff6b}.stage-visual{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;min-height:180px;box-shadow:inset 0 -30px 50px #00000014}.stage-vs{width:52px;height:52px;font-family:var(--font-heading);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;place-items:center;margin:-6px auto;font-weight:700;display:grid}.stage-subtitle{text-align:center;color:#fff;text-shadow:0 0 2px #12161df2,0 2px 10px #12161d80;width:min(88%,280px);margin:2px auto 0;font-size:.92rem;line-height:1.35}.stage-host{justify-items:center;gap:10px;margin-top:-4px;display:grid}.stage-host-visual{aspect-ratio:1/1.24;filter:drop-shadow(0 20px 28px #2c303c33);background-image:linear-gradient(#79d6abf2 0%,#248f63f2 100%);background-position:bottom;background-repeat:no-repeat;background-size:contain;border-radius:0;width:min(68%,228px)}.stage-host-note{text-align:center;color:inherit;opacity:.72;font-size:.8rem}.caption-card{background:#ffffff1f;margin-top:auto}.caption-card span{color:inherit;opacity:.72;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;display:inline-flex}.render-head,.status-list div,.feature-item{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.render-head span{font-size:1.55rem;font-family:var(--font-heading);color:#d96121}.progress-track{background:#8f6e461f;border-radius:999px;height:10px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg,#eb6b2b,#f4b53e);height:100%}.status-list{gap:14px;display:grid}.status-list div{border-bottom:1px solid #8f6e461f;padding:14px 0}.status-list div:last-child{border-bottom:0}.empty-state{background:linear-gradient(#ffffffb8,#fff5e8e0);gap:10px;display:grid}.result-state{gap:14px}.result-video{background:#15171b;border-radius:18px;width:100%;overflow:hidden}.result-meta,.note-list{gap:8px;display:grid}.result-meta span,.note-list p{color:var(--muted);font-size:.92rem}.inline-error{color:#b63f19;font-size:.94rem}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.status-complete{color:#1e7d53}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c18147a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pricing-modal{background:linear-gradient(#fff9f1,#fdf2e6);border-radius:32px;width:min(960px,100%);padding:28px}.pricing-grid{gap:16px;margin-top:18px;display:grid}.pricing-card{background:#ffffffb8;border:1px solid #8f6e461f;border-radius:24px;padding:18px}.pricing-card strong{font-size:2rem;font-family:var(--font-heading);margin:8px 0 6px;display:block}.pricing-card-featured{color:#fff9f3;background:linear-gradient(#ec6b2beb,#f4b03fe0)}.pricing-card-featured p,.pricing-card-featured .pricing-tag{color:#fff9f3d1}.pricing-tag{color:var(--muted-strong);background:#8f6e4614;border-radius:999px;padding:7px 10px;display:inline-flex}.feature-list{gap:12px;margin-top:20px;display:grid}@media (width<=1180px){.app-shell,.content-grid,.upload-grid,.two-up,.voice-row,.pricing-grid,.pose-grid{grid-template-columns:1fr}.sidebar{padding-bottom:0}}@media (width<=860px){.workspace,.panel,.hero-banner,.pricing-modal{padding:20px}.hero-banner{flex-direction:column}.hero-banner h2{max-width:none}.hero-stats{width:100%}}@media (width<=640px){.sidebar,.workspace{padding:16px}.brand-card,.credit-panel,.recent-panel,.panel,.hero-banner,.pricing-modal{border-radius:24px}.hero-stats{grid-template-columns:1fr}.section-head,.render-head,.status-list div,.feature-item{flex-direction:column}}