*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#f8fafc;background:#101820;font-family:Arial,Microsoft YaHei,sans-serif}.pageShell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);align-items:center;gap:28px;width:min(1080px,100%);display:grid}.heroText{gap:14px;display:grid}.eyebrow{color:#7dd3fc;text-transform:uppercase;margin:0;font-size:14px}h1{margin:0;font-size:56px;line-height:1}.summary{color:#cbd5e1;margin:0;font-size:18px;line-height:1.6}.pixiStage{background:#07111f;border:1px solid #ffffff24;width:100%;height:420px;overflow:hidden}.pixiStage canvas{width:100%;height:100%;display:block}@media (max-width:760px){.pageShell{padding:20px}.hero{grid-template-columns:1fr}h1{font-size:40px}.pixiStage{height:320px}}.loginPage{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#0d1620;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:16px;width:min(380px,100%);padding:36px 32px;display:flex;box-shadow:0 20px 60px #00000073}.loginLogo{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:50%;place-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:grid}.loginCard h1{margin:0;font-size:24px}.loginHint{color:#8ea3b5;margin:-8px 0 0;font-size:13px}.loginField{color:#cbd5e1;flex-direction:column;gap:6px;font-size:13px;display:flex}.loginField input{color:#e6eef7;font:inherit;background:#0b1420;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.loginField input:focus{border-color:#38bdf8}.loginError{color:#f87171;margin:0;font-size:13px}.loginSubmit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 0;font-size:14px}.loginSubmit:hover:not(:disabled){background:#1d4ed8}.loginSubmit:disabled{opacity:.5;cursor:not-allowed}.loginSwitch{color:#6b7280;cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:13px;text-decoration:underline}.loginSwitch:hover{color:#4f46e5}.userBar{z-index:10;color:#cbd5e1;background:#0d1620;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex;position:fixed;top:16px;right:20px}.userBar button{color:#38bdf8;font:inherit;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.heroLinks{margin:6px 0 0}.heroLinks a{color:#7dd3fc;border-bottom:1px solid #7dd3fc80;font-size:15px;text-decoration:none}.heroLinks a:hover{color:#bae6fd}.studioShell{color:#0f172a;background-color:#edf1f7;background-image:linear-gradient(#94a3b829 1px,#0000 1px),linear-gradient(90deg,#94a3b829 1px,#0000 1px);background-size:28px 28px;min-height:100vh}.studioHeader{z-index:20;background:#0b1220;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0}.studioBrand{align-items:center;gap:10px;text-decoration:none;display:flex}.studioBrandMark{color:#fff;background:linear-gradient(135deg,#6366f1,#38bdf8);border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.studioBrandText{flex-direction:column;line-height:1.2;display:flex}.studioBrandText strong{color:#f8fafc;font-size:14px}.studioBrandText small{letter-spacing:.14em;color:#7c8aa5;font-size:10px}.studioNav{gap:6px;display:flex}.studioNav a{color:#9fb0c8;border-radius:8px;padding:7px 14px;font-size:13px;text-decoration:none}.studioNav a:hover{color:#e2e8f0;background:#ffffff0f}.studioNav a.isActive{color:#0b1220;background:#f8fafc;font-weight:600}.studioHeaderActions{align-items:center;gap:12px;display:flex}.studioNewTask{color:#7dd3fc;background:#38bdf814;border:1px solid #38bdf899;border-radius:8px;padding:7px 14px;font-size:13px;text-decoration:none}.studioNewTask:hover{background:#38bdf829}.studioAccount{border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:5px 10px;display:flex}.studioAccountGlyph{color:#7dd3fc;background:#1e293b;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.studioAccountText{flex-direction:column;line-height:1.2;display:flex}.studioAccountText strong{color:#e2e8f0;font-size:12px}.studioAccountText small{color:#7c8aa5;font-size:10px}.studioAccount button{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.studioMain{max-width:1240px;margin:0 auto;padding:36px 24px 90px}.studioKicker{color:#2563eb;letter-spacing:.2em;margin:0;font-size:12px;font-weight:700}.studioTitle{color:#0f172a;margin:8px 0 10px;font-size:40px;line-height:1.1}.studioLead{color:#475569;margin:0;font-size:15px;line-height:1.6}.studioNotice{color:#7a5b12;background:#fff8e1;border:1px solid #f0d98c;border-radius:10px;margin:22px 0 0;padding:12px 16px;font-size:13px}.studioInfoGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.studioInfoCard{background:#fff;border:1px solid #dbe3ef;border-radius:10px;padding:12px 16px}.studioInfoCard strong{color:#2563eb;margin-bottom:4px;font-size:13px;display:block}.studioInfoCard span{color:#64748b;font-size:12px;line-height:1.6}.studioGrid{grid-template-columns:1fr 1.35fr 1.1fr;align-items:start;gap:18px;margin-top:26px;display:grid}.studioCard{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.studioCard h2{color:#0f172a;margin:0 0 16px;font-size:17px}.studioFieldHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.studioLabel{color:#334155;font-size:13px;font-weight:600}.studioLabel em{margin-left:4px;font-size:11px;font-style:normal;font-weight:400}.tagRequired{color:#dc2626}.tagOptional{color:#94a3b8}.linkButton{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.linkButton:disabled{color:#b6c3d9;cursor:not-allowed;text-decoration:none}.uploadZone{color:#3b82f6;text-align:center;cursor:pointer;background:#fbfdff;border:1.5px dashed #a5bce0;border-radius:10px;place-items:center;min-height:160px;padding:12px;font-size:14px;transition:border-color .15s,background .15s;display:grid}.frameUploadGrid{gap:14px;display:grid}.frameUploadItem{gap:8px;display:grid}.frameUploadItem .uploadZone{min-height:132px}.uploadZone:hover,.uploadZone:focus-visible{background:#f0f6ff;border-color:#3b82f6;outline:none}.uploadZone.hasFile{color:inherit;cursor:default;border-style:solid;border-color:#bfd4f2}.uploadPreview{justify-items:center;gap:8px;margin:0;display:grid}.referencePreviewSurface{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:8px;place-items:center;width:min(100%,300px);max-height:240px;display:grid;overflow:hidden}.uploadPreview img{border-radius:8px;max-width:100%;max-height:240px}.uploadPreview figcaption{color:#64748b;word-break:break-all;font-size:12px}.uploadClear{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.studioHint{color:#8ea0b5;margin:8px 0 0;font-size:12px;line-height:1.6}.referencePaddingControl{gap:6px;display:grid}.referencePaddingLabel{color:#475569;justify-content:space-between;align-items:center;font-size:12px;display:flex}.referencePaddingLabel output{color:#2563eb;font-variant-numeric:tabular-nums}.referencePaddingControl input[type=range]{accent-color:#2563eb;width:100%}.studioFileError{color:#dc2626;margin:10px 0 0;font-size:13px}.studioNote{color:#7a5b12;background:#fff8e1;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:12px;line-height:1.6}.studioField{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.studioField textarea{color:#0f172a;font:inherit;resize:vertical;background:#fbfdff;border:1px solid #d6dfeb;border-radius:8px;outline:none;padding:10px 12px;font-size:13px;line-height:1.6}.studioField textarea:focus{border-color:#3b82f6}.studioField textarea:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9;border-color:#dbe3ef}.studioField textarea::placeholder{color:#a8b8ca}.promptLockNote{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.variantList{gap:8px;display:grid}.variantRow{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.variantRow.checked{background:#f0f6ff;border-color:#3b82f6}.variantName{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.variantName input{accent-color:#2563eb}.variantDesc{color:#8ea0b5;font-size:12px}.durationRow{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.durationRowWide{grid-template-columns:repeat(6,1fr)}.durationOption{color:#334155;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #d6dfeb;border-radius:8px;padding:10px 0;font-size:14px;font-weight:600}.durationOption:disabled{opacity:.45;cursor:not-allowed}.durationOption.active{color:#2563eb;background:#f0f6ff;border-color:#3b82f6}.checkList{gap:6px;margin-bottom:8px;display:grid}.checkRow{border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.checkRow span{font-weight:600}.checkRow.bad{color:#dc2626;background:#fef2f2}.checkRow.ok{color:#059669;background:#ecfdf5}.submitButton{color:#fff;width:100%;font:inherit;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;margin-top:12px;padding:12px 0;font-size:15px;font-weight:600}.submitButton:hover:not(:disabled){background:#2563eb}.submitButton:disabled{cursor:not-allowed;background:#a8c6f5}.studioParagraph{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.7}.taskBox{border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.taskInfo{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.taskLabel{color:#8ea0b5;font-size:12px}.taskCode{color:#7dd3fc;background:#0b1220;border-radius:6px;padding:3px 8px;font-size:12px}.taskStatus{font-size:12px;font-weight:600}.taskStatus.running{color:#2563eb}.taskStatus.completed{color:#059669}.taskStatus.failed{color:#dc2626}.taskEmpty{color:#8ea0b5;font-size:13px}.ghostButton{color:#334155;cursor:pointer;background:#fff;border:1px solid #d6dfeb;border-radius:8px;padding:7px 14px;font-size:12px}.ghostButton:hover{border-color:#94a3b8}.ghostButton.wide{width:100%;margin-top:16px;padding:10px 0;font-size:13px}.progressWrap{align-items:center;gap:10px;margin-top:16px;display:flex}.progressBar{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.progressBar i{background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:999px;height:100%;transition:width .16s linear;display:block}.progressText{color:#475569;text-align:right;min-width:38px;font-size:12px}.resultBox{background:#f5f9ff;border:1px solid #bfd4f2;border-radius:10px;margin-top:16px;padding:12px}.resultTag{color:#fff;background:#2563eb;border-radius:999px;margin-bottom:8px;padding:3px 10px;font-size:11px;display:inline-block}.resultBox img{border-radius:8px;width:100%;display:block}.resultBox p{color:#64748b;margin:8px 0 0;font-size:12px;line-height:1.6}.panelMessage{color:#64748b;margin:10px 0 0;font-size:12px}.choiceRow{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.numberInput{color:#0f172a;font:inherit;background:#fbfdff;border:1px solid #d6dfeb;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.numberInput:focus{border-color:#3b82f6}.phaseLine{color:#475569;margin:14px 0 0;font-size:13px}.phaseLine strong{color:#0f172a}.phaseCode{color:#64748b;background:#eef2f9;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:11px}.planCard{background:#f5f9ff;border:1px solid #bfd4f2;border-radius:10px;margin-top:16px;padding:14px}.promptOptimizationCard{background:linear-gradient(145deg,#f8fbff,#eff6ff);border:1px solid #bfdbfe;border-radius:12px;margin-top:16px;padding:16px}.promptOptimizationCard.state-ready,.promptOptimizationCard.state-accepted{background:linear-gradient(145deg,#f8fffc,#ecfdf5);border-color:#a7f3d0}.promptOptimizationCard.state-failed{background:#fef2f2;border-color:#fecaca}.promptOptimizationHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.promptOptimizationEyebrow{color:#3b82f6;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.promptOptimizationHead h3{color:#0f172a;margin:3px 0 0;font-size:16px}.promptOptimizationSpinner{border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite promptOptimizationSpin}@keyframes promptOptimizationSpin{to{transform:rotate(360deg)}}.promptOptimizationMessage,.promptOptimizationResult p{color:#475569;margin:12px 0 0;font-size:13px;line-height:1.7}.promptOptimizationDetails{gap:7px;margin:12px 0 0;display:grid}.promptOptimizationDetails>div{border-bottom:1px solid #94a3b833;grid-template-columns:72px 1fr;gap:10px;padding:7px 0;display:grid}.promptOptimizationDetails>div:last-child{border-bottom:none}.promptOptimizationDetails dt{color:#94a3b8;font-size:11px}.promptOptimizationDetails dd{color:#334155;word-break:break-word;margin:0;font-size:12px;line-height:1.55}.promptOptimizationResult{background:#fff;border:1px solid #a7f3d0;border-radius:9px;margin-top:14px;padding:12px 14px}.promptInlineResult{background:#f0fdf4;border-color:#86efac;margin:-2px 0 18px}.promptOptimizationResult strong,.promptOptimizationList strong{color:#047857;font-size:12px}.promptOptimizationResult p{color:#0f172a;white-space:pre-wrap;margin-top:5px}.promptOptimizationList{background:#ffffffc2;border-radius:8px;margin-top:12px;padding:10px 12px}.promptOptimizationList.warning strong{color:#b45309}.promptOptimizationList ul{color:#475569;margin:6px 0 0;padding-left:18px;font-size:12px;line-height:1.65}.promptOptimizationMeta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.promptOptimizationMeta code{color:#64748b;background:#0f172a12;border-radius:5px;padding:2px 6px}.promptOptimizationActions{border-top:1px solid #94a3b838;gap:10px;margin-top:14px;padding-top:12px;display:grid}.promptFeedbackField{color:#64748b;gap:6px;font-size:12px;display:grid}.promptFeedbackField textarea{color:#0f172a;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d6dfeb;border-radius:8px;padding:9px 10px;line-height:1.5}.promptFeedbackField textarea:focus{border-color:#3b82f6;outline:none}.promptDecisionRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.promptDecisionRow .submitButton{margin-top:0;padding:8px 12px;font-size:12px}.promptDecisionRow .ghostButton{width:100%}@media (prefers-reduced-motion:reduce){.promptOptimizationSpinner{animation:none}}.planMeta{gap:8px;margin:10px 0 0;display:grid}.planRow{align-items:center;gap:10px;display:flex}.planRow dt{color:#8ea0b5;min-width:64px;font-size:12px}.planRow dd{color:#0f172a;word-break:break-all;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.planCode{color:#7dd3fc;word-break:break-all;background:#0b1220;border-radius:6px;padding:2px 8px;font-size:12px}.keyColorSwatch{border:1px solid #0003;border-radius:4px;width:16px;height:16px;display:inline-block}.planActions{gap:8px;margin-top:12px;display:grid}.planActions .submitButton{margin-top:0}.taskError{color:#dc2626;background:#fef2f2;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.6}.taskError>strong{display:block}.errorDiagnostic{color:#991b1b;gap:8px;margin-top:8px;font-size:11px;display:grid}.errorDiagnostic>div{flex-wrap:wrap;gap:6px 10px;display:flex}.errorDiagnostic code{overflow-wrap:anywhere}.errorDiagnostic .ghostButton{color:#991b1b;background:#fff;border-color:#fecaca;justify-self:start;min-height:30px;padding:5px 9px}.errorDiagnostic details{color:#7f1d1d}.errorDiagnostic summary{cursor:pointer}.errorDiagnostic details code{white-space:pre-wrap;margin-top:5px;display:block}.artifactList{gap:8px;margin-top:16px;display:grid}.artifactRow{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.artifactKind{color:#2563eb;background:#eef2f9;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.artifactName{text-overflow:ellipsis;white-space:nowrap;color:#334155;flex:1;min-width:0;font-size:12px;overflow:hidden}@media (max-width:1080px){.studioGrid,.studioInfoGrid{grid-template-columns:1fr}.studioTitle{font-size:32px}}.errorToastStack{z-index:9999;flex-direction:column;gap:10px;width:min(420px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.errorToast{background:#1a0f14;border:1px solid #f8717180;border-radius:12px;gap:8px;padding:12px 14px;display:grid;box-shadow:0 16px 48px #0000008c}.errorToastHead{align-items:center;gap:10px;display:flex}.errorToastTitle{color:#f87171;letter-spacing:.04em;font-size:13px;font-weight:700}.errorToastTime{color:#94a3b8;font-size:11px}.errorToastClose{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:16px;line-height:1}.errorToastClose:hover{color:#e2e8f0}.errorToastMsg{color:#e2e8f0;word-break:break-word;margin:0;font-size:13px;line-height:1.5}.errorToastCodeRow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.errorCodeChip{color:#fca5a5;cursor:pointer;-webkit-user-select:all;user-select:all;background:#f871711f;border:1px solid #f8717159;border-radius:6px;padding:3px 8px;font-family:Consolas,monospace;font-size:12px}.errorCodeChip:hover{background:#f8717138}.errorCodeChip.copied{color:#4ade80;background:#4ade801f;border-color:#4ade8066}.errorToastNote{color:#94a3b8;font-size:11px}.errorToastLink{color:#7dd3fc;margin-left:auto;font-size:12px}.errorBoundaryCard{text-align:center;background:#0d1620;border:1px solid #f8717166;border-radius:16px;justify-items:center;gap:14px;width:min(460px,100%);padding:36px 32px;display:grid;box-shadow:0 20px 60px #00000073}.errorBoundaryTitle{color:#f87171;margin:0;font-size:22px;font-weight:700}.errorBoundaryMsg{color:#cbd5e1;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.errorBoundaryHint{color:#94a3b8;margin:0;font-size:12px}.errorBoundaryActions{justify-content:center;gap:10px;display:flex}.errorsShell{gap:20px;max-width:1080px;margin:0 auto;padding:32px 20px 64px;display:grid}.errorsHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.errorsTitle{margin:0;font-size:32px}.errorsLead{color:#cbd5e1;margin:8px 0 0;font-size:14px;line-height:1.6}.errorsActions{align-items:center;gap:10px;display:flex}.errorsCard{background:#0d1620;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden}.errorRow{border-bottom:1px solid #ffffff14;gap:8px;padding:14px 16px;display:grid}.errorRow:last-of-type{border-bottom:none}.errorRowHead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.errorSourceBadge{color:#7dd3fc;border:1px solid #7dd3fc66;border-radius:999px;padding:2px 8px;font-size:11px}.errorSourceBadge.frontend{color:#4ade80;border-color:#4ade8066}.errorTaskId{color:#94a3b8;font-size:11px}.errorQueryCard{gap:10px;padding:16px;display:grid}.errorQueryRow{flex-wrap:wrap;gap:10px;display:flex}.errorQueryInput{color:#f8fafc;background:#07111f;border:1px solid #ffffff29;border-radius:8px;flex:1;min-width:220px;padding:10px 12px;font-family:Consolas,monospace;font-size:13px}.errorQueryInput:focus{border-color:#7dd3fc99;outline:none}.errorQueryMsg{margin:0;font-size:12px}.errorQueryMsg.bad{color:#f87171}.errorTime{color:#94a3b8;margin-left:auto;font-size:12px}.errorMessage{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.6}.errorDetail{gap:8px;display:grid}.errorDetail summary{color:#7dd3fc;cursor:pointer;font-size:12px}.errorMetaLine{color:#94a3b8;word-break:break-all;margin:0;font-size:12px}.errorDetailPre{color:#cbd5e1;white-space:pre-wrap;word-break:break-all;background:#07111f;border:1px solid #ffffff14;border-radius:8px;max-height:260px;margin:0;padding:10px 12px;font-size:12px;overflow:auto}.errorsEmpty,.errorsLoading{color:#94a3b8;text-align:center;padding:40px 16px;font-size:13px}.errorsFooterBar{color:#94a3b8;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:12px;display:flex}.effectsMain{max-width:1180px}.effectStatusBar{color:#334155;background:#ffffffd9;border:1px solid #dbe5f1;border-radius:10px;align-items:center;gap:10px;margin:18px 0;padding:10px 14px;font-size:12px;display:flex}.effectStatusBar code{color:#64748b;margin-left:auto;font-size:10px}.effectStatusDot{background:#94a3b8;border-radius:50%;width:8px;height:8px}.effectStatusDot-awaiting_confirmation,.effectStatusDot-plan_ready{background:#f59e0b}.effectStatusDot-generating,.effectStatusDot-matting,.effectStatusDot-packaging,.effectStatusDot-optimizing,.effectStatusDot-planning{background:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.effectStatusDot-completed,.effectStatusDot-completed_with_warnings{background:#16a34a}.effectStatusDot-failed{background:#dc2626}.effectError{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;margin:14px 0;padding:11px 14px;font-size:13px;line-height:1.6}.effectGrid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start;gap:18px;display:grid}.effectFormColumn,.effectAside{gap:18px;display:grid}.effectCardHeading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.effectCardHeading>div{align-items:center;gap:10px;display:flex}.effectCardHeading h2{margin:0}.effectStep{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:700}.effectOptional{color:#64748b;font-size:11px}.effectPill{color:#2563eb;background:#eff6ff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.effectFileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.effectFileStack{gap:16px;display:grid}.effectFilePicker{min-width:0}.effectFileHeader{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.textButton{color:#64748b;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.textButton:hover{color:#dc2626}.effectFileDrop{color:#64748b;text-align:center;cursor:pointer;background:#f8fbff;border:1px dashed #b9c8da;border-radius:9px;place-items:center;gap:6px;min-height:154px;padding:12px;font-size:11px;display:grid;position:relative;overflow:hidden}.effectFileDrop:hover,.effectFilePicker.hasFile .effectFileDrop{background:#eff6ff;border-color:#60a5fa}.effectFileDrop strong{color:#334155;font-size:13px}.effectFileDrop img{object-fit:contain;border-radius:5px;width:100%;height:96px}.effectFileDrop input{opacity:0;width:1px;height:1px;position:absolute}.effectOptionsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.effectFieldset{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.effectFieldset legend{color:#64748b;margin-bottom:3px;font-size:11px}.effectFieldset label,.effectCheckbox,.effectPreviewControls label{color:#475569;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.effectFieldset label.isSelected{color:#1d4ed8;font-weight:700}.effectCheckbox{margin-bottom:14px}.wide{width:100%}.effectChecklist{gap:9px;margin:0;padding:0;list-style:none;display:grid}.effectChecklist li{color:#64748b;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.effectChecklist li.isValid{color:#166534}.effectChecklist small{color:#94a3b8;font-size:10px}.effectDetails,.effectDeliveryMeta{gap:10px;margin:0 0 16px;display:grid}.effectDetails div,.effectDeliveryMeta div{justify-content:space-between;gap:14px;display:flex}.effectDetails dt,.effectDeliveryMeta dt{color:#64748b;font-size:11px}.effectDetails dd,.effectDeliveryMeta dd{color:#1e293b;text-align:right;max-width:70%;margin:0;font-size:12px;line-height:1.5}.effectPoseList{gap:8px;margin-bottom:16px;display:grid}.effectPoseList>span{color:#64748b;font-size:11px}.effectPoseList div{border-left:2px solid #bfdbfe;gap:2px;padding-left:10px;display:grid}.effectPoseList strong{color:#1e40af;font-size:11px}.effectPoseList div span{color:#475569;font-size:11px;line-height:1.5}.effectKeyColor{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px;display:flex}.effectKeyColor>div{gap:3px;display:grid}.effectKeyColor span:not(.keyColorSwatch){color:#64748b;font-size:10px}.effectKeyColor code{color:#0f172a;font-size:12px}.effectWarning{color:#a16207;margin:0 0 14px;font-size:11px;line-height:1.5}.effectPreviewSurface{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #dbe5f1;border-radius:9px;place-items:center;min-height:240px;margin-bottom:12px;display:grid;position:relative;overflow:hidden}.effectPreviewSurface img{object-fit:contain;max-width:100%;max-height:240px;transition:opacity .16s;display:block}.effectPreviewSurface.isPaused img{opacity:.35}.effectDebugOverlay{color:#1d4ed8;pointer-events:none;border:1px dashed #2563eba6;place-items:center;font-size:10px;display:grid;position:absolute;inset:12px}.effectPreviewControls{align-items:center;gap:12px;margin-bottom:14px;display:flex}.effectDownloadList{gap:8px;margin-bottom:16px;display:grid}.effectDownloadList a{color:#2563eb;font-size:12px;text-decoration:none}.effectDownloadList a:hover{text-decoration:underline}@media (max-width:900px){.effectGrid{grid-template-columns:1fr}}@media (max-width:640px){.effectFileGrid,.effectOptionsGrid{grid-template-columns:1fr}.effectStatusBar code{display:none}}