:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f3f6f3;--surface:#fff;--surface-soft:#f7f9f7;--surface-tint:#edf7f2;--ink:#17211e;--ink-soft:#34433e;--muted:#6b7873;--line:#dce4df;--line-strong:#c7d2cb;--brand:#176b50;--brand-deep:#0d4837;--brand-soft:#dff4ea;--accent:#315cf5;--premium:#7b54d6;--success:#2f7d54;--warning:#a36a16;--danger:#b53b35;--shadow-sm:0 1px 2px #1428200d, 0 8px 24px #1428200d;--shadow-lg:0 28px 80px #122a211f;background:var(--canvas);color:var(--ink);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 0%, #bbe7d34d, transparent 28rem), radial-gradient(circle at 92% 12%, #c3cfff33, transparent 28rem), var(--canvas);min-width:320px;color:var(--ink);text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #315cf53d}.app-shell{width:min(1240px,100% - 48px);margin:0 auto}.app-header,.studio-nav{border-bottom:1px solid #c7d2cbcc;justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";display:block;position:absolute}.brand-mark:before{border:3px solid #fff;border-right-color:#0000;border-radius:50%;width:18px;height:18px}.brand-mark:after{background:#61d4a6;border-radius:50%;width:5px;height:5px;right:8px}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:-.02em;font-size:1.05rem}.brand-copy small{color:var(--muted);letter-spacing:.05em;font-size:.68rem}.header-actions,.studio-nav-actions{align-items:center;gap:12px;display:flex}.header-link,.studio-nav-actions>a,.link-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;font-size:.84rem;font-weight:650;text-decoration:none}.header-link{border:1px solid var(--line-strong);background:#ffffffb8;border-radius:999px;padding:10px 16px}.studio-nav-actions form{display:contents}.model-badge,.secure-badge{background:var(--brand-soft);color:var(--brand-deep);white-space:nowrap;border:1px solid #c8e5d7;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.72rem;font-weight:750;display:inline-flex}.model-badge i,.footer-status i{background:#35a274;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35a2741f}.eyebrow,.section-kicker{color:var(--brand);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:800}.home-hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(48px,8vw,110px);min-height:660px;padding:72px 0 96px;display:grid}.hero-copy h1,.studio-intro h1{letter-spacing:-.065em;max-width:760px;margin:20px 0 24px;font-size:clamp(3.3rem,6vw,6rem);line-height:1.02}.lede{max-width:670px;color:var(--muted);margin:0;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.85}.hero-actions{align-items:center;gap:20px;margin-top:34px;display:flex}.primary-link,.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 22px;font-weight:750;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 10px 24px #17211e29}.primary-link:hover,.primary-button:hover:not(:disabled){background:var(--brand-deep);transform:translateY(-2px);box-shadow:0 14px 30px #17594238}.hero-note{max-width:210px;color:var(--muted);font-size:.76rem;line-height:1.5}.trust-list{flex-wrap:wrap;gap:22px;margin:36px 0 0;padding:0;list-style:none;display:flex}.trust-list li{color:var(--ink-soft);align-items:center;gap:7px;font-size:.78rem;display:flex}.trust-list span{background:var(--brand-soft);width:18px;height:18px;color:var(--brand);border-radius:50%;place-items:center;font-size:.66rem;display:grid}.hero-visual{min-height:490px;position:relative}.visual-frame{aspect-ratio:.88;width:72%;box-shadow:var(--shadow-lg);border:1px solid #ffffffc2;border-radius:28px;position:absolute;overflow:hidden}.visual-frame>span{z-index:2;color:var(--ink-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:750;position:absolute;top:20px;left:22px}.visual-source{background:linear-gradient(150deg,#e9eee9,#d8ded9);top:0;left:0;transform:rotate(-5deg)}.visual-output{background:radial-gradient(circle at 35% 30%,#74d7ae80,#0000 34%),linear-gradient(145deg,#183c32,#0d201b);bottom:0;right:0;transform:rotate(4deg)}.product-silhouette,.output-glow{background:linear-gradient(135deg,#9fa9a3,#66726d);border-radius:44% 44% 20% 20%;position:absolute;inset:26% 27% 16%;box-shadow:0 34px 40px #2d3a3440}.product-silhouette:before,.output-glow:before{content:"";background:#79847f;border-radius:9px 9px 4px 4px;width:44%;height:20%;position:absolute;top:-14%;left:28%}.product-silhouette i:first-child{background:#ffffff59;border-radius:99px;height:8%;position:absolute;inset:18% 18% auto}.product-silhouette i:last-child{filter:blur(7px);background:#1d272333;border-radius:50%;height:7%;position:absolute;bottom:-9%;left:-24%;right:-24%}.output-glow{background:linear-gradient(135deg,#f4f0dc,#b7cbbd);border:1px solid #ffffff52;box-shadow:0 0 50px #72e4b547,0 38px 45px #0000005c}.output-glow:before{background:#c7d8cc}.output-glow i{background:#70e4b361;border-radius:50%;animation:5s ease-in-out infinite float-orb;position:absolute}.output-glow i:first-child{width:38px;height:38px;top:12%;right:-42%}.output-glow i:nth-child(2){width:56px;height:56px;animation-delay:-1.8s;bottom:18%;left:-46%}.output-glow i:nth-child(3){width:24px;height:24px;animation-delay:-3s;bottom:-8%;right:-24%}.visual-output small{color:#ffffffa8;font-size:.66rem;position:absolute;bottom:18px;right:20px}.visual-connector{z-index:3;background:var(--brand);border:7px solid #ffffffe6;border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;top:45%;left:44%;box-shadow:0 14px 30px #176b5040}.visual-connector:before{color:#fff;content:"→";font-size:1.35rem}.visual-connector span{border:1px solid #176b504d;border-radius:50%;animation:2.4s ease-out infinite connector-pulse;position:absolute;inset:-10px}.feature-section{border-top:1px solid var(--line);padding:80px 0 96px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-heading h2{letter-spacing:-.045em;max-width:620px;margin:10px 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.1}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-grid article{border:1px solid var(--line);min-height:240px;box-shadow:var(--shadow-sm);background:#ffffffbd;border-radius:20px;padding:28px}.feature-grid article>span{color:var(--brand);padding-bottom:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;display:inline-flex}.feature-grid h3{margin:0 0 12px;font-size:1.25rem}.feature-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.75}.app-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:28px 0 40px;font-size:.72rem;display:flex}.footer-status{align-items:center;gap:8px;display:flex}.login-shell{place-items:center;min-height:100vh;padding:28px;display:grid}.login-experience{background:var(--surface);width:min(1080px,100%);min-height:650px;box-shadow:var(--shadow-lg);border:1px solid #ffffffb8;border-radius:30px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);display:grid;overflow:hidden}.login-story{color:#fff;background:radial-gradient(circle at 85% 15%,#4ecb9842,#0000 24rem),linear-gradient(145deg,#183a31,#0c1d18 72%);flex-direction:column;justify-content:space-between;padding:clamp(34px,5vw,64px);display:flex}.login-story .brand-copy small{color:#ffffff94}.login-story .brand-mark{background:#fff}.login-story .brand-mark:before{border-color:var(--brand-deep);border-right-color:#0000}.login-story .brand-mark:after{background:var(--brand)}.model-badge.light{color:#d5f7e8;background:#ffffff1a;border-color:#ffffff24}.login-story h1{letter-spacing:-.06em;margin:24px 0 20px;font-size:clamp(2.8rem,5vw,5rem);line-height:1.04}.login-story>div>p{color:#ffffffa8;max-width:470px;margin:0;line-height:1.8}.login-story ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:40px 0 0;padding:0;list-style:none;display:grid}.login-story li{color:#ffffffa6;gap:8px;font-size:.68rem;line-height:1.5;display:grid}.login-story li span{color:#72d7af;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.login-card{flex-direction:column;justify-content:center;padding:clamp(36px,6vw,78px);display:flex}.login-card-heading h2{letter-spacing:-.045em;margin:10px 0 12px;font-size:clamp(2.2rem,4vw,3.25rem)}.login-card-heading>p:last-child,.form-hint,.login-security{color:var(--muted)}.login-form{gap:12px;margin-top:38px;display:grid}.login-form label,.field-group>label,.field-label{font-size:.82rem;font-weight:750}.password-field{position:relative}.password-field input,.studio-form input:not([type=file]){border:1px solid var(--line-strong);background:var(--surface);width:100%;height:52px;color:var(--ink);border-radius:12px;padding:0 15px;transition:border .18s,box-shadow .18s}.studio-form textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface);width:100%;min-height:112px;color:var(--ink);border-radius:12px;padding:14px 15px;line-height:1.55}.password-field input:focus,.studio-form input:not([type=file]):focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #176b501a}.password-field>span{color:var(--muted);letter-spacing:.12em;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.form-hint{margin:-2px 0 4px;font-size:.72rem}.login-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;height:52px;margin-top:8px;font-weight:750;display:inline-flex}.login-form button:disabled,.primary-button:disabled{cursor:wait;opacity:.58}.login-security{text-align:center;margin:26px 0 0;font-size:.68rem}.studio-shell{padding-bottom:72px}.studio-intro{justify-content:space-between;align-items:end;gap:40px;padding:60px 0 48px;display:flex}.studio-intro h1{margin:14px 0 18px;font-size:clamp(2.8rem,5vw,5rem)}.studio-intro .lede{max-width:720px;font-size:1rem}.studio-promise{gap:10px;min-width:180px;padding-bottom:8px;display:grid}.studio-promise span{color:var(--ink-soft);align-items:center;gap:9px;font-size:.76rem;font-weight:650;display:flex}.studio-promise i{background:var(--brand);border-radius:50%;width:6px;height:6px}.studio-workspace{grid-template-columns:minmax(310px,.72fr) minmax(0,1.55fr);align-items:start;gap:22px;display:grid}.control-column{gap:16px;display:grid;position:sticky;top:20px}.studio-form,.mode-guide,.workflow-progress,.result-panel{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:20px}.studio-form{gap:22px;padding:24px;display:grid}.card-heading{gap:14px;display:flex}.card-step{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:10px;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800;display:grid}.card-heading h2,.mode-guide h2{letter-spacing:-.02em;margin:5px 0 7px;font-size:1.12rem}.card-heading p:last-child,.mode-guide article p,.scene-plan-heading p,.privacy-note{color:var(--muted);margin:0;font-size:.72rem;line-height:1.65}.field-group{gap:9px;display:grid}.field-group>small{color:var(--muted);font-size:.68rem}.upload-zone{border:1.5px dashed var(--line-strong);background:var(--surface-soft);cursor:pointer;text-align:center;border-radius:14px;place-items:center;min-height:145px;padding:20px;transition:border .18s,background .18s,transform .18s;display:grid}.upload-zone:hover,.upload-zone.has-file{border-color:var(--brand);background:var(--surface-tint)}.upload-zone:hover{transform:translateY(-1px)}.upload-zone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.upload-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.76rem;overflow:hidden}.upload-zone small{color:var(--ink-soft);font-size:.66rem}.original-preview{background:#fff;border-radius:10px;width:100%;height:180px;display:block;overflow:hidden}.original-preview img{object-fit:contain;width:100%;height:100%}.creative-controls{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:20px;gap:18px;padding:22px;display:grid}.control-section-heading,.control-section-heading>div{align-items:center;gap:12px;display:flex}.control-section-heading{justify-content:space-between}.control-section-heading>div>span{background:var(--brand-soft);width:36px;height:36px;color:var(--brand);border-radius:10px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800;display:grid}.control-section-heading h2{margin:4px 0 0;font-size:1.05rem}.control-section-heading>strong{background:var(--brand-soft);color:var(--brand-deep);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.6rem}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.compact-field,.advanced-controls label{gap:7px;display:grid}.compact-field>span,.advanced-controls label>span{color:var(--ink-soft);font-size:.68rem;font-weight:750}.compact-field select,.advanced-controls input,.preset-save input{border:1px solid var(--line-strong);background:var(--surface);width:100%;min-width:0;height:42px;color:var(--ink);border-radius:10px;padding:0 11px}.advanced-controls{border-top:1px solid var(--line);padding-top:14px}.advanced-controls summary{cursor:pointer;color:var(--brand);font-size:.72rem;font-weight:750}.advanced-controls[open]{gap:14px;display:grid}.advanced-controls textarea,.revision-composer textarea{resize:vertical;border:1px solid var(--line-strong);background:var(--surface);min-height:86px;color:var(--ink);border-radius:10px;padding:12px;line-height:1.55}.preset-save{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.preset-save button,.revision-composer button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;font-size:.68rem;font-weight:750}.inline-notice{color:var(--success);margin:-8px 0 0;font-size:.66rem}.revision-composer{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;gap:14px;margin-top:18px;padding:22px;display:grid}.revision-composer h3{margin:5px 0 6px}.revision-composer p:last-child{color:var(--muted);margin:0;font-size:.72rem}.revision-composer button{min-height:46px}.revision-composer button:disabled{cursor:not-allowed;opacity:.5}.library-shell{padding-bottom:80px}.library-header{justify-content:space-between;align-items:end;gap:28px;padding:70px 0 42px;display:flex}.library-header h1{letter-spacing:-.055em;max-width:760px;margin:14px 0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02}.library-header p:last-child{color:var(--muted)}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.library-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;overflow:hidden}.library-image{aspect-ratio:1;background:var(--surface-soft);display:block;position:relative;overflow:hidden}.library-image img{object-fit:contain;width:100%;height:100%;transition:transform .24s}.library-card:hover .library-image img{transform:scale(1.02)}.library-image span{color:#fff;background:#17211ed1;border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:750;position:absolute;top:12px;right:12px}.library-card>div{gap:10px;padding:18px;display:grid}.library-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;margin:0;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.library-card small{color:var(--muted)}.library-card>div a{color:var(--brand);font-size:.72rem;font-weight:750;text-decoration:none}.library-empty{text-align:center;place-content:center;min-height:320px;display:grid}.library-empty strong{font-size:1.6rem}.library-empty p{color:var(--muted)}.library-loading{justify-content:center;gap:8px;padding:120px 0;display:flex}.library-loading span{background:var(--brand);border-radius:50%;width:9px;height:9px;animation:1s infinite alternate live-pulse}.upload-icon{border:1px solid var(--line);width:34px;height:34px;color:var(--brand);background:#fff;border-radius:10px;place-items:center;font-size:1rem;display:grid}.primary-button{width:100%;margin-top:2px}.privacy-note{align-items:start;gap:7px;display:flex}.mode-guide{padding:20px 22px}.mode-guide>div{gap:14px;margin-top:18px;display:grid}.mode-guide article{gap:12px;display:flex}.mode-guide article strong{font-size:.76rem}.mode-icon{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:800;display:grid}.mode-icon.standard{background:var(--brand-soft);color:var(--brand)}.mode-icon.premium{color:var(--premium);background:#eee8fb}.workspace-main{gap:16px;min-width:0;display:grid}.workflow-progress{padding:24px;position:relative;overflow:hidden}.workflow-progress:before{content:"";pointer-events:none;background:radial-gradient(circle,#63d3a429,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:0;right:0;transform:translate(30%,-45%)}.progress-summary{justify-content:space-between;align-items:start;gap:24px;display:flex;position:relative}.progress-summary>div{padding-left:20px;position:relative}.live-indicator{background:var(--line-strong);border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:0}.live-indicator.is-active{background:#3bb27f;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 0 5px #3bb27f1f}.progress-summary h2{letter-spacing:-.025em;margin:5px 0;font-size:1.3rem}.progress-detail{color:var(--muted);margin:0;font-size:.76rem;line-height:1.55}.progress-percent{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.progress-error .progress-percent{color:var(--danger)}.progress-warning .progress-percent{color:var(--warning)}.progress-track{background:#e7ece9;border-radius:999px;height:8px;margin:20px 0 22px;position:relative;overflow:hidden}.progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), #55c997);height:100%;transition:width .7s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.progress-active .progress-track>span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.8s linear infinite progress-shimmer;position:absolute;inset:0;transform:translate(-100%)}.progress-error .progress-track>span{background:var(--danger)}.progress-warning .progress-track>span{background:var(--warning)}.workflow-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.workflow-steps:before{background:var(--line);content:"";height:1px;position:absolute;top:15px;left:9%;right:9%}.workflow-steps li{z-index:1;color:var(--muted);text-align:center;justify-items:center;gap:7px;font-size:.68rem;display:grid;position:relative}.step-dot{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:30px;height:30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:800;display:grid}.workflow-steps .is-complete .step-dot{border-color:var(--brand);background:var(--brand);color:#fff}.workflow-steps .is-current{color:var(--ink);font-weight:700}.workflow-steps .is-current .step-dot{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);box-shadow:0 0 0 5px #176b5014}.step-label small{display:none}.workflow-progress>.activity{border-top:1px solid var(--line);margin:18px 0 0;padding-top:14px}.activity{color:var(--muted);font-size:.72rem;line-height:1.5}.button-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.button-spinner.dark{border-color:#176b5033;border-top-color:var(--brand)}.result-panel{min-width:0;padding:24px}.result-heading,.scene-plan-heading,.candidate-labels,.final-result figcaption{justify-content:space-between;align-items:center;gap:18px;display:flex}.result-heading{border-bottom:1px solid var(--line);padding-bottom:20px}.result-heading h2{letter-spacing:-.025em;margin:5px 0 0;font-size:1.45rem}.result-heading code{max-width:42%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.secure-badge{border-color:var(--line);background:var(--surface-soft);color:var(--ink-soft)}.status-refresh{border:1px solid var(--brand);background:var(--surface-tint);width:100%;color:var(--brand);cursor:pointer;border-radius:10px;margin:18px 0 0;padding:11px;font-weight:750}.scene-planner,.candidate-picker{padding-top:24px}.scene-plan-heading{align-items:end;margin-bottom:18px}.scene-plan-heading h3{letter-spacing:-.025em;margin:6px 0 7px;font-size:1.25rem}.scene-plan-heading>span,.scene-card-meta{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.scene-flow-guide{background:var(--surface-tint);border:1px solid #cfe6da;border-radius:13px;margin-bottom:16px;padding:15px 16px}.scene-flow-guide>div{color:var(--ink-soft);align-items:center;gap:10px;font-size:.68rem;display:flex}.scene-flow-guide>div strong{color:var(--brand-deep)}.scene-flow-guide>div i{color:var(--brand);font-style:normal}.scene-flow-guide p{color:var(--muted);margin:8px 0 0;font-size:.68rem}.scene-options,.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scene-card,.candidate-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;transition:border .18s,box-shadow .18s,transform .18s;overflow:hidden}.scene-card{align-content:start;padding:18px;display:grid}.scene-card:hover,.candidate-card:hover{border-color:#b7d6c7;transform:translateY(-2px);box-shadow:0 14px 32px #12372917}.scene-card-meta{justify-content:space-between;display:flex}.scene-card h4{margin:16px 0 8px;font-size:1rem;line-height:1.35}.scene-card>p{min-height:4.8em;color:var(--muted);margin:0;font-size:.72rem;line-height:1.62}.scene-card dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:7px;margin:18px 0;padding:14px 0;display:grid}.scene-card dl div{grid-template-columns:64px minmax(0,1fr);gap:8px;display:grid}.scene-card dt,.scene-card dd{margin:0;font-size:.68rem}.scene-card dt{color:var(--muted)}.scene-card dd{color:var(--ink-soft)}.scene-actions{gap:8px;display:grid}.scene-actions button,.candidate-card button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 10px;font-size:.7rem;font-weight:750;display:flex}.scene-actions button:disabled,.candidate-card button:disabled{cursor:not-allowed;opacity:.42}.scene-actions .premium-action{color:#6843bd;background:#f5f1fd;border:1px solid #d9c9f5}.candidate-card.is-qualified{border-color:#b9dac9}.candidate-image{aspect-ratio:1;background:#e8eeea;position:relative;overflow:hidden}.candidate-image img{object-fit:cover;width:100%;height:100%;display:block}.qa-badge{color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:999px;padding:6px 9px;font-size:.62rem;font-weight:800;position:absolute;top:12px;right:12px}.qa-pass{color:var(--success)}.qa-reject{color:var(--danger)}.candidate-card-body{gap:7px;padding:14px;display:grid}.candidate-labels strong{font-size:.82rem}.candidate-labels span{color:var(--success);font-size:.68rem;font-weight:750}.candidate-card-body p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.66rem;overflow:hidden}.candidate-card button{margin-top:5px}.final-result{padding-top:22px}.final-result figure{margin:0}.final-result figure>img{background:#e8eeea;border-radius:16px;width:100%;height:auto;display:block}.final-result figcaption{color:var(--muted);padding:14px 2px 0;font-size:.76rem}.final-result figcaption strong{color:var(--success)}.final-result figcaption a{background:var(--ink);color:#fff;border-radius:9px;padding:9px 12px;font-weight:750;text-decoration:none}.locked-copy{color:var(--warning)}.qa-details,.delivery-manifest,.timeline-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;margin-top:16px;padding:18px}.qa-details h3{margin:5px 0 16px;font-size:1rem}.qa-details dl,.delivery-manifest dl{gap:8px;margin:0;display:grid}.qa-details dl div,.delivery-manifest dl div{grid-template-columns:90px minmax(0,1fr);gap:10px;display:grid}.qa-details dt,.qa-details dd,.delivery-manifest dt,.delivery-manifest dd{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.7rem;overflow:hidden}.qa-details dt,.delivery-manifest dt{color:var(--ink-soft);font-weight:750}.qa-clear{color:var(--success);margin:14px 0 0;font-size:.72rem;font-weight:750}.qa-defects{flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.qa-defects li{color:var(--danger);background:#f9e9e7;border-radius:8px;padding:6px 8px;font-size:.66rem}.delivery-manifest summary,.timeline-panel summary{cursor:pointer;font-size:.74rem;font-weight:750}.delivery-manifest[open] summary,.timeline-panel[open] summary{margin-bottom:15px}.empty-result{border:1px dashed var(--line-strong);background:radial-gradient(circle at 50% 35%, #52c59721, transparent 13rem), var(--surface-soft);min-height:420px;color:var(--muted);text-align:center;border-radius:16px;place-content:center;margin-top:22px;display:grid}.empty-result strong{color:var(--ink-soft);margin-top:22px;font-size:.9rem}.empty-result small{margin-top:7px;font-size:.68rem}.generation-visual{width:130px;height:130px;margin:0 auto;position:relative}.generation-visual:before,.generation-visual:after{content:"";border-radius:24px;position:absolute}.generation-visual:before{border:1px solid var(--line);background:#e3e9e5;inset:10px 20px 24px 8px;transform:rotate(-8deg)}.generation-visual:after{background:linear-gradient(145deg,#e7f6ef,#c7e7d7);border:1px solid #b9dac9;inset:20px 8px 10px 24px;transform:rotate(6deg);box-shadow:0 16px 32px #176b501f}.generation-visual span{z-index:2;background:#56c895;border-radius:50%;width:9px;height:9px;animation:3.4s ease-in-out infinite float-orb;position:absolute}.generation-visual span:first-child{top:8px;right:12px}.generation-visual span:nth-child(2){animation-delay:-1.1s;bottom:18px;left:3px}.generation-visual span:nth-child(3){width:5px;height:5px;animation-delay:-2s;bottom:0;right:0}.generation-visual i{z-index:3;border:2px solid var(--brand);border-top-color:#0000;border-radius:50%;position:absolute;inset:52px}.empty-result.is-processing .generation-visual i{animation:1.2s linear infinite spin}.cost-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.cost-summary div{border:1px solid var(--line);background:var(--surface-soft);border-radius:11px;gap:4px;padding:12px;display:grid}.cost-summary small{color:var(--muted);font-size:.62rem}.cost-summary strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.timeline-panel summary{justify-content:space-between;list-style:none;display:flex}.timeline-panel summary::-webkit-details-marker{display:none}.timeline-panel summary small{color:var(--muted);font-weight:500}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{min-height:36px;color:var(--muted);grid-template-columns:14px 110px minmax(0,1fr);align-items:start;gap:10px;font-size:.68rem;display:grid;position:relative}.timeline li:before{background:var(--line);content:"";width:1px;position:absolute;top:12px;bottom:-8px;left:4px}.timeline li:last-child:before{display:none}.timeline-dot{z-index:1;border:2px solid var(--surface-soft);background:var(--line-strong);width:9px;height:9px;box-shadow:0 0 0 1px var(--line-strong);border-radius:50%;margin-top:3px;position:relative}.timeline li.is-current .timeline-dot{background:#43b17d;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 0 4px #43b17d21}.timeline strong{color:var(--ink-soft)}.error{color:var(--danger);background:#fbecea;border-radius:10px;align-items:start;gap:9px;margin:0;padding:10px 12px;font-size:.72rem;line-height:1.5;display:flex}.error>span:first-child{background:var(--danger);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:grid}.failure-card{grid-template-columns:auto auto 1fr auto;margin-top:16px;display:grid}.failure-card code{opacity:.72;font-size:.62rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes live-pulse{50%{box-shadow:0 0 0 8px #3bb27f0a}}@keyframes progress-shimmer{to{transform:translate(100%)}}@keyframes connector-pulse{80%,to{opacity:0;transform:scale(1.35)}}@keyframes float-orb{50%{transform:translateY(-10px)}}@media (max-width:1020px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero{grid-template-columns:1fr;padding-top:64px}.hero-copy h1{max-width:820px}.hero-visual{width:min(560px,100%);margin:0 auto}.studio-workspace{grid-template-columns:1fr}.control-column{grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);position:static}.mode-guide{align-self:stretch}.mode-guide>div{margin-top:24px}.login-experience{grid-template-columns:1fr .85fr}.login-story ul{grid-template-columns:1fr}}@media (max-width:760px){.app-shell{width:min(100% - 28px,640px)}.app-header,.studio-nav{min-height:72px}.brand-copy small,.header-actions .model-badge,.studio-nav-actions>a,.studio-nav-actions .model-badge{display:none}.home-hero{min-height:auto;padding:56px 0 70px}.hero-copy h1,.studio-intro h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-actions{flex-direction:column;align-items:stretch}.hero-note{max-width:none}.trust-list{gap:12px;display:grid}.hero-visual{min-height:390px}.visual-frame{width:75%}.visual-connector{width:58px;height:58px;left:41%}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.app-footer{flex-direction:column;align-items:start;gap:14px}.login-shell{background:var(--surface);padding:0}.login-experience{min-height:100vh;box-shadow:none;border:0;border-radius:0;display:block}.login-story{min-height:340px;padding:28px}.login-story ul{display:none}.login-story h1{font-size:2.8rem}.login-card{padding:38px 28px 50px}.studio-intro{flex-direction:column;align-items:start;padding:44px 0 34px}.library-header{flex-direction:column;align-items:start;padding:44px 0 30px}.library-grid,.parameter-grid,.preset-save{grid-template-columns:1fr}.preset-save button{min-height:42px}.control-section-heading{flex-direction:column;align-items:start}.studio-promise{grid-template-columns:repeat(3,1fr);width:100%}.studio-promise span{align-items:start;font-size:.65rem}.control-column{grid-template-columns:1fr}.mode-guide{display:none}.studio-form,.workflow-progress,.result-panel{border-radius:16px;padding:18px}.progress-summary h2{font-size:1.12rem}.progress-detail{max-width:90%}.step-label>span{display:none}.step-label small{display:block}.scene-plan-heading,.scene-flow-guide>div{flex-direction:column;align-items:start}.scene-flow-guide>div i{display:none}.scene-options,.candidate-grid{grid-template-columns:1fr}.scene-card>p{min-height:0}.empty-result{min-height:330px}.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline li{grid-template-columns:14px 86px minmax(0,1fr)}.final-result figcaption{flex-direction:column;align-items:start}.failure-card{grid-template-columns:auto 1fr}.failure-card>span:nth-of-type(2),.failure-card code{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
