:root{--color-primary: #2563eb;--color-primary-light: #3b82f6;--color-primary-soft: #60a5fa;--color-primary-bg: #eff6ff;--color-primary-bg-soft: #dbeafe;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-border: rgba(148, 163, 184, .22);--color-border-hover: rgba(37, 99, 235, .35);--panel-bg: rgba(255, 255, 255, .82);--panel-radius: 14px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 4px 20px rgba(15, 23, 42, .06), 0 2px 8px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .1), 0 8px 20px rgba(15, 23, 42, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);color:var(--color-text);background:#f8fafc;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(59,130,246,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(37,99,235,.05),transparent),linear-gradient(180deg,#f8fafc,#fff);background-attachment:fixed;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.4}.app-shell{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:32px 0 80px}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,480px);grid-template-areas:"copy visual" "stats visual";gap:24px 40px;align-items:center;min-height:340px;padding:28px 0 20px}.hero-content{grid-area:copy}.eyebrow{margin:0 0 10px;color:var(--color-primary);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:720px;margin-bottom:16px;color:var(--color-text);font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.02em}h2{margin-bottom:16px;font-size:20px;color:var(--color-text);font-weight:700}.hero-copy{max-width:640px;margin-bottom:0;color:var(--color-text-secondary);font-size:17px;line-height:1.75}.hero-stats{grid-area:stats;display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));gap:12px}.hero-stats div{min-height:90px;padding:16px;border:1px solid var(--color-border);border-radius:var(--panel-radius);background:var(--panel-bg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-stats div:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-stats span{display:block;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:30px;font-weight:800;line-height:1.2;margin-bottom:4px}.hero-stats label{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:12px 0 24px}.step{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--color-border);border-radius:12px;background:var(--panel-bg);color:var(--color-text-tertiary);box-shadow:var(--shadow-sm);font-weight:600;font-size:14px;transition:all var(--transition-base)}.step:hover:not(.active):not(.done){border-color:var(--color-border-hover);color:var(--color-text-secondary)}.step span,.step svg{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e2e8f0;color:var(--color-text-tertiary);font-size:12px;font-weight:700;transition:all var(--transition-base)}.step.active{border-color:#2563eb40;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:0 4px 20px #2563eb40,var(--shadow-sm)}.step.active span,.step.active svg{background:#fff3;color:#fff}.step.done{color:var(--color-primary);border-color:#2563eb2e;background:var(--color-primary-bg)}.step.done span,.step.done svg{background:var(--color-primary);color:#fff}.hero-visual{position:relative;grid-area:visual;min-height:300px;display:flex;align-items:center;justify-content:center}.banner-art{width:92%;height:auto;filter:drop-shadow(0 24px 40px rgba(37,99,235,.12));opacity:.9}.visual-card{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid rgba(255,255,255,.6);border-radius:10px;background:#ffffffe6;color:var(--color-text);padding:0 14px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visual-card svg{color:var(--color-primary)}.top-card{top:36px;right:16px}.bottom-card{bottom:60px;left:16px}.workspace{display:grid;gap:20px}.start-page{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:20px;align-items:stretch}.start-page .sample-library{grid-column:1 / -1}.start-intro{display:flex;flex-direction:column;justify-content:center;min-height:360px}.start-intro h2{max-width:520px;font-size:34px;line-height:1.18}.start-intro p{color:var(--color-text-secondary);line-height:1.75}.flow-preview{display:grid;gap:10px;margin-top:18px}.flow-preview span{position:relative;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text-secondary);padding:12px 14px 12px 38px;font-weight:700;font-size:14px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.flow-preview span:hover{border-color:var(--color-border-hover);transform:translate(4px)}.flow-preview span:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;min-height:360px;border:1px solid var(--color-border);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--color-text);padding:28px;text-align:left;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-base)}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.mode-card svg{margin-bottom:18px;color:var(--color-primary)}.mode-card strong{font-size:24px;line-height:1.25;font-weight:700}.mode-card p{color:var(--color-text-secondary);line-height:1.68}.mode-card ul{display:grid;gap:10px;margin:10px 0 24px;padding-left:18px;color:var(--color-text-secondary)}.mode-card.selected{border-color:#2563eb59;background:linear-gradient(180deg,var(--color-primary-bg) 0%,#fff 100%);box-shadow:0 8px 30px #2563eb1f,var(--shadow-md)}.mode-cta{margin-top:auto;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;padding:11px 18px;font-weight:700;border:none;box-shadow:0 4px 14px #2563eb40;transition:all var(--transition-fast)}.mode-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.sample-library{display:grid;gap:18px}.sample-library .section-heading p{max-width:720px;margin:0;color:var(--color-text-secondary);line-height:1.65}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sample-card{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.sample-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sample-card header{display:grid;gap:7px}.sample-card header span,.sample-outcome{width:fit-content;border-radius:999px;background:#ecfdf5;color:#0f766e;padding:5px 9px;font-size:12px;font-weight:800}.sample-card header strong{color:var(--color-text);font-size:18px}.sample-card p{margin:0;color:var(--color-text-secondary);line-height:1.55;font-size:13px}.sample-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.sample-card dt{color:var(--color-text-tertiary);font-size:12px}.sample-card dd{margin:3px 0 0;color:var(--color-text);font-weight:800;font-size:13px}.sample-outcome{border-radius:10px;background:var(--color-primary-bg);color:var(--color-primary);line-height:1.45}.sample-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}.sample-card li{border-radius:999px;background:#f8fafc;color:var(--color-text-secondary);padding:5px 8px;font-size:12px;font-weight:700}.sample-card .secondary-action{width:100%;justify-content:center;margin-top:auto}.material-guidance{display:grid;gap:10px;border:1px solid rgba(37,99,235,.12);border-radius:12px;background:#f8fbff;padding:14px}.material-guidance>strong{color:var(--color-text);font-size:14px}.material-guidance article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border-radius:10px;background:#fff;padding:10px;box-shadow:var(--shadow-sm)}.material-guidance article>span{display:grid;place-items:center;height:24px;border-radius:999px;background:var(--color-primary-bg);color:var(--color-primary);font-size:12px;font-weight:800}.material-guidance article.required>span{background:#fef2f2;color:#dc2626}.material-guidance b{color:var(--color-text);font-size:13px}.material-guidance p{margin:4px 0 0;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{border:1px solid var(--color-border);border-radius:var(--panel-radius);background:var(--panel-bg);box-shadow:var(--shadow-md);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--transition-fast)}.panel:hover{box-shadow:var(--shadow-lg)}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:20px}.panel-title svg{color:var(--color-primary)}.panel-title h2{margin:0}.project-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.project-bar h2{margin:0 0 4px}.project-bar span{color:var(--color-text-tertiary);font-size:13px;font-weight:600}.project-actions,.saved-project-actions{display:flex;gap:10px;flex-wrap:wrap}.project-actions .primary-action{width:auto}.project-list-panel{margin-bottom:20px}.saved-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-project-card{display:grid;gap:14px;border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:16px;box-shadow:var(--shadow-sm)}.saved-project-card header{display:flex;gap:10px;align-items:flex-start}.saved-project-card header svg{color:var(--color-primary);flex-shrink:0}.saved-project-card strong{display:block;color:var(--color-text);line-height:1.35}.saved-project-card header span{display:block;margin-top:4px;color:var(--color-text-tertiary);font-size:12px}.saved-project-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.saved-project-card dt{color:var(--color-text-tertiary);font-size:12px}.saved-project-card dd{margin:3px 0 0;color:var(--color-text);font-size:13px;font-weight:700}.course-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.type-card{min-height:88px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text-secondary);text-align:left;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.type-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.type-card strong{display:block;margin-bottom:6px;color:var(--color-text);font-size:15px}.type-card span{color:var(--color-text-tertiary);font-size:13px;line-height:1.5}.type-card.selected{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:0 4px 16px #2563eb1a,var(--shadow-sm)}.style-picker{display:grid;gap:10px;margin-bottom:16px}.style-title{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:14px;font-weight:700}.style-title svg{color:var(--color-primary)}.style-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.style-card{min-height:78px;border:1px solid var(--color-border);border-radius:12px;background:#fff;color:var(--color-text-secondary);padding:12px;text-align:left;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.style-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.style-card strong{display:block;margin-bottom:5px;color:var(--color-text);font-size:14px}.style-card span{color:var(--color-text-tertiary);font-size:12px;line-height:1.4}.style-card.selected{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:inset 0 0 0 1px #2563eb26,0 4px 16px #2563eb14}label{display:grid;gap:8px;margin-bottom:16px;color:var(--color-text-secondary);font-size:14px;font-weight:500}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text);outline:none;padding:12px 14px;font-size:14px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus{border-color:var(--color-primary-soft);box-shadow:0 0 0 3px #3b82f61f,var(--shadow-sm)}input::placeholder,textarea::placeholder{color:#94a3b8}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:10px;padding:0 20px;font-weight:700;font-size:14px;border:none;transition:all var(--transition-fast)}.primary-action{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 4px 16px #2563eb40}.primary-action:hover{transform:translateY(-1px);box-shadow:0 6px 24px #2563eb59}.primary-action:active{transform:translateY(0)}.secondary-action{border:1px solid var(--color-border);background:#fff;color:var(--color-text);box-shadow:var(--shadow-sm)}.secondary-action:hover{border-color:var(--color-border-hover);background:var(--color-primary-bg);color:var(--color-primary);box-shadow:var(--shadow-md)}.score-ring{display:grid;place-items:center;width:160px;height:160px;margin:6px auto 24px;border:10px solid var(--color-primary-bg-soft);border-radius:50%;background:linear-gradient(180deg,#fff 0%,var(--color-primary-bg) 100%);box-shadow:var(--shadow-md)}.score-ring strong{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:48px;font-weight:800}.score-ring span{color:var(--color-text-tertiary);font-size:13px;font-weight:500}.issue-list,.suggestions,.audio-list{display:grid;gap:12px}.issue,.audio-item,.script-section{border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:16px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.issue:hover,.audio-item:hover,.script-section:hover{box-shadow:var(--shadow-md)}.issue strong,.audio-item strong{color:var(--color-text);font-size:15px}.issue span,.audio-item span{display:block;margin:4px 0 8px;color:var(--color-primary);font-size:12px;font-weight:600}.issue p,.script-section p{margin:0;color:var(--color-text-secondary);line-height:1.65}.empty-state{display:grid;place-items:center;min-height:180px;color:var(--color-primary);font-weight:500}.suggestions{margin:0 0 24px;padding-left:20px;color:var(--color-text-secondary);line-height:1.75}.suggestions li::marker{color:var(--color-primary)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.toolbar p{margin:0;color:var(--color-text-tertiary)}.toolbar .edit-warning{display:inline-flex;margin-top:10px;border-radius:8px;background:#fff7ed;color:#c2410c;padding:8px 12px;font-size:13px;font-weight:700;border:1px solid rgba(251,146,60,.2)}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.split-output{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);gap:20px}.script-panel{max-height:780px;overflow:auto;background:linear-gradient(90deg,rgba(20,184,166,.08) 0 1px,transparent 1px 100%),linear-gradient(#fff,#f8fffd);background-size:34px 100%,100% 100%}.script-section{margin-bottom:12px}.script-section header,.story-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.script-section header strong,.story-card header strong{color:var(--color-text)}.script-section header span,.story-card header span,.story-card header em{color:var(--color-primary);font-size:13px;font-style:normal;font-weight:700}.storyboard-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.storyboard-pending{min-height:560px;display:grid;place-items:center;align-content:center;gap:16px;text-align:center;border:1px dashed rgba(20,184,166,.35);background:linear-gradient(135deg,#f0fdfaeb,#fffffff2),radial-gradient(circle at 50% 0,rgba(20,184,166,.18),transparent 42%)}.storyboard-pending svg{color:var(--color-primary)}.storyboard-pending h2{margin:0}.storyboard-pending p{max-width:420px;margin:0;color:var(--color-text-secondary);line-height:1.7}.story-card{border:1px solid var(--color-border);border-radius:var(--panel-radius);background:#fff;padding:20px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.story-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.story-card p{color:var(--color-text-secondary);line-height:1.6}.story-card dl{display:grid;gap:10px;margin:0}.story-card dt{color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:.02em}.story-card dd{margin:0;color:var(--color-text-secondary);line-height:1.55;white-space:pre-line}.prompt-box{max-height:640px;overflow:auto;white-space:pre-wrap;border:1px solid var(--color-border);border-radius:12px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;line-height:1.65;padding:20px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;box-shadow:var(--shadow-lg)}.prompt-box::-webkit-scrollbar{width:6px}.prompt-box::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.audio-item{display:flex;align-items:center;gap:14px}.audio-item svg{color:var(--color-primary);flex-shrink:0}.audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.tts-settings{display:flex;flex-direction:column;gap:12px;padding:14px 16px;margin-top:14px;border-radius:12px;background:var(--color-primary-bg);border:1px solid var(--color-border)}.quality-review{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;margin-top:14px;border:1px solid rgba(37,99,235,.16);border-radius:14px;background:#f8fbff;padding:14px}.quality-review.excellent{border-color:#0f766e33;background:#f0fdfa}.quality-review.needs_work{border-color:#fb923c47;background:#fff7ed}.quality-score{display:grid;place-items:center;align-content:center;min-height:104px;border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}.quality-score strong{color:var(--color-primary);font-size:34px;line-height:1}.quality-score span{margin-top:7px;color:var(--color-text-secondary);font-size:12px;font-weight:800}.quality-body{display:grid;gap:12px}.quality-body h3{margin:0;color:var(--color-text);font-size:16px}.quality-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quality-columns section{border-radius:10px;background:#ffffffbf;padding:10px 12px}.quality-columns b{display:block;color:var(--color-text);font-size:13px;margin-bottom:6px}.quality-columns ul{display:grid;gap:5px;margin:0;padding-left:18px;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.quality-risks{display:grid;gap:8px}.quality-risks article{border-radius:10px;background:#fff;padding:10px 12px;box-shadow:var(--shadow-sm)}.quality-risks strong{color:#c2410c;font-size:13px}.quality-risks p{margin:4px 0;color:var(--color-text);font-size:13px;line-height:1.5}.quality-risks span{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.optimization-advice{display:grid;gap:14px;margin-top:14px;border:1px solid rgba(20,184,166,.18);border-radius:14px;background:#f0fdfa;padding:14px}.optimization-advice .section-heading p{margin:0;color:var(--color-text-secondary);line-height:1.6}.optimization-priority{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.optimization-priority article,.optimization-columns section{border-radius:12px;background:#fff;padding:12px;box-shadow:var(--shadow-sm)}.optimization-priority strong{color:#0f766e;font-size:14px}.optimization-priority p{margin:6px 0;color:var(--color-text);font-size:13px;line-height:1.5}.optimization-priority span{color:var(--color-text-secondary);font-size:12px;line-height:1.5}.optimization-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.optimization-columns b{color:var(--color-text);font-size:13px}.optimization-columns ul{display:grid;gap:7px;margin:8px 0 0;padding-left:18px;color:var(--color-text-secondary);font-size:12px;line-height:1.5}.tts-engine-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tts-label{font-size:14px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.tts-segment{display:inline-flex;border-radius:10px;background:#e2e8f0;padding:3px;gap:3px}.tts-segment button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tts-segment button.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.tts-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tts-options label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text-secondary)}.tts-options select{padding:6px 10px;border-radius:8px;border:1px solid var(--color-border);background:#fff;font-size:13px;min-width:180px}.tts-options input[type=range]{width:100px}.tts-hint{width:100%;margin:0;color:var(--color-text-tertiary);font-size:13px;line-height:1.6}.featured-audio{border-color:#2563eb33;background:var(--color-primary-bg);margin-bottom:16px}.subheading{margin:20px 0 12px;color:var(--color-text-secondary);font-size:15px;font-weight:700}.busy-mask{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:14px;background:#f8fafcd9;color:var(--color-text);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.busy-mask svg{color:var(--color-primary)}.spin{animation:spin 1s linear infinite}.toast,.api-badge{position:fixed;display:inline-flex;align-items:center;gap:10px;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:600;box-shadow:var(--shadow-xl);z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toast{right:24px;bottom:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;border:1px solid rgba(255,255,255,.15)}.toast svg{flex-shrink:0}.api-badge{left:24px;bottom:24px;font-size:13px;background:var(--panel-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.api-badge.fallback{background:#fffbeb;color:#92400e;border-color:#fbbf244d}.api-badge.mixed{background:#f5f3ff;color:#6d28d9;border-color:#8b5cf640}.login-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;align-items:stretch;min-height:calc(100vh - 80px)}.login-hero{display:grid;align-content:center;overflow:hidden;background:linear-gradient(135deg,#fffffff2,#f0fdfaf2),linear-gradient(120deg,#14b8a61f,#2563eb1a)}.login-hero h1{max-width:680px;margin-bottom:18px}.login-hero p{max-width:620px;color:var(--color-text-secondary);font-size:17px;line-height:1.8}.login-flow{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.login-flow span{border:1px solid rgba(20,184,166,.18);border-radius:999px;background:#fff;color:#0f766e;padding:8px 14px;font-size:13px;font-weight:800}.login-card{align-self:center}.login-note{margin:14px 0 0;color:var(--color-text-tertiary);font-size:13px;line-height:1.6}.input-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)}.input-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.input-main .panel-title,.input-main .course-type-grid,.input-main .wide-field{grid-column:1 / -1}.input-side{position:sticky;top:20px;align-self:start}.helper-strip{display:flex;gap:12px;align-items:flex-start;margin:8px 0 18px;border:1px solid rgba(37,99,235,.12);border-radius:10px;background:var(--color-primary-bg);color:#1e40af;padding:14px}.helper-strip svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.helper-strip p{margin:0;line-height:1.6;font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{margin-bottom:4px}.section-heading p{margin:0;color:var(--color-text-tertiary);font-size:13px;line-height:1.5}.section-heading span{border-radius:999px;background:var(--color-primary-bg);color:var(--color-primary);padding:5px 12px;font-size:12px;font-weight:700;border:1px solid rgba(37,99,235,.12)}.editable-section header,.editable-card header{align-items:start}.editable-section header>input,.editable-card header>input{min-width:0;border:0;background:transparent;color:var(--color-text);font-size:16px;font-weight:800;padding:4px 0;box-shadow:none}.editable-section textarea,.editable-card textarea{min-height:90px}.full-script-editor{min-height:640px;border-color:#14b8a638;background:repeating-linear-gradient(180deg,#ffffffeb 0,#ffffffeb 35px,#14b8a614 36px);color:#14213d;font-size:15px;line-height:2.25;letter-spacing:0;resize:vertical;box-shadow:inset 0 0 0 1px #ffffffbf,var(--shadow-sm)}.full-script-editor:focus{border-color:var(--color-primary);background:repeating-linear-gradient(180deg,#fff 0,#fff 35px,#2563eb14 36px)}.mini-actions,.card-tools{display:flex;align-items:center;gap:8px}.duration-field{display:inline-flex;align-items:center;gap:6px;margin:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-primary-bg);color:var(--color-primary);padding:5px 8px;font-weight:700;font-size:13px}.duration-field svg{color:var(--color-primary)}.duration-field input{width:52px;border:0;background:transparent;color:var(--color-primary);padding:2px;text-align:right;font-weight:700;box-shadow:none}.icon-button,.chip-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-secondary);padding:0 10px;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.icon-button{width:34px;padding:0}.icon-button:hover,.chip-button:hover{border-color:var(--color-border-hover);background:var(--color-primary-bg);color:var(--color-primary)}.danger{color:#dc2626}.danger:hover{background:#fef2f2;border-color:#dc262640;color:#dc2626}.danger-action{color:#dc2626}.danger-action:hover{border-color:#dc262640;background:#fef2f2;color:#dc2626}.admin-root{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:28px 0 80px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.brand{display:inline-flex;align-items:center;gap:12px}.brand svg{color:#0f766e}.brand h1{margin:0;font-size:20px}.top-nav{display:flex;align-items:center;gap:10px}.nav-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--color-border);border-radius:999px;background:#fff;color:var(--color-text-secondary);padding:0 14px;font-weight:800;box-shadow:var(--shadow-sm);cursor:pointer}.nav-pill:hover{border-color:#0f766e3d;background:#ecfdf5;color:#0f766e}.admin-page{gap:18px}.admin-console{grid-template-columns:280px minmax(0,1fr);align-items:start}.admin-sidebar{position:sticky;top:92px;display:grid;gap:14px}.admin-sidebar-card{border:1px solid rgba(15,118,110,.14);border-radius:18px;background:linear-gradient(145deg,#14b8a61f,#2563eb14),#fff;box-shadow:var(--shadow-md);padding:22px}.admin-sidebar-card h2{margin:4px 0 8px;font-size:24px}.admin-sidebar-card p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.6}.admin-login.compact{display:grid;gap:12px;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}.admin-login.compact .primary-action{width:100%}.admin-side-nav{display:grid;gap:10px;border:1px solid var(--color-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);padding:10px}.admin-side-nav button{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--color-text-secondary);padding:0 12px;text-align:left;cursor:pointer;transition:all var(--transition-fast)}.admin-side-nav button:hover,.admin-side-nav button.active{border-color:#14b8a638;background:#ecfdf5;color:#0f766e}.admin-side-nav span{font-weight:800}.admin-side-nav strong{min-width:28px;border-radius:999px;background:#0f766e1a;color:#0f766e;padding:4px 8px;text-align:center;font-size:12px}.admin-side-note{display:grid;gap:6px;border:1px dashed rgba(15,118,110,.24);border-radius:16px;background:#f0fdfac2;padding:14px}.admin-side-note span{color:var(--color-text-tertiary);font-size:12px;font-weight:800}.admin-side-note strong{color:#0f766e}.admin-content,.admin-workbench{display:grid;gap:16px;min-width:0}.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:24px;align-items:center}.console-hero{border:1px solid rgba(15,118,110,.12);border-radius:22px;background:radial-gradient(circle at top left,rgba(20,184,166,.18),transparent 34%),linear-gradient(135deg,#fff,#f8fafc)}.admin-hero h2{font-size:30px;margin-bottom:10px}.admin-hero p,.admin-toolbar p{margin:0;color:var(--color-text-secondary);line-height:1.7}.admin-login{border:1px solid rgba(37,99,235,.12);border-radius:12px;background:var(--color-primary-bg);padding:16px}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-metrics article{min-height:86px;border:1px solid rgba(20,184,166,.16);border-radius:16px;background:#ffffffc7;padding:14px}.admin-metrics span{display:block;color:var(--color-text-tertiary);font-size:12px;font-weight:800}.admin-metrics strong{display:block;margin-top:10px;color:var(--color-text);font-size:26px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.sticky-toolbar{position:sticky;top:72px;z-index:4;border-radius:18px}.admin-message{margin:0;border:1px solid rgba(37,99,235,.14);border-radius:12px;background:#fff;color:var(--color-primary);padding:14px 16px;font-weight:700;box-shadow:var(--shadow-sm)}.admin-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(360px,1fr));gap:18px}.model-tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(150px,1fr));width:min(100%,430px);border:1px solid rgba(15,118,110,.16);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);padding:5px}.model-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--color-text-secondary);font-weight:800;cursor:pointer}.model-tabs button.active{background:#0f766e;color:#fff;box-shadow:0 8px 18px #0f766e38}.model-tabs strong{border-radius:999px;background:#ffffff3d;padding:3px 8px;font-size:12px}.model-pool{display:grid;gap:16px}.pool-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.pool-heading h2{margin:4px 0 6px;font-size:22px}.pool-heading p{margin:0;color:var(--color-text-secondary);line-height:1.7}.pool-badge{display:inline-flex;width:fit-content;border-radius:999px;background:#14b8a61f;color:#0f766e;padding:4px 10px;font-size:12px;font-weight:800;letter-spacing:0}.invite-create-card{display:grid;gap:8px}.invite-form{display:grid;grid-template-columns:minmax(0,1.1fr) 160px minmax(0,1fr) auto;gap:14px;align-items:end}.invite-form label{margin:0}.invite-form .primary-action{width:auto;white-space:nowrap}.invite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.invite-card{display:grid;gap:14px}.invite-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invite-card strong{display:block;color:var(--color-text);font-size:17px;margin-bottom:4px}.invite-card header span{color:var(--color-text-tertiary);font-size:12px;font-weight:800}.invite-card header span.ok{color:#047857}.invite-card header span.bad{color:#dc2626}.invite-card code{border:1px solid rgba(20,184,166,.18);border-radius:8px;background:#ecfdf5;color:#047857;padding:7px 10px;font-weight:800;letter-spacing:.06em}.invite-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.invite-card dt{color:var(--color-text-tertiary);font-size:12px}.invite-card dd{margin:3px 0 0;color:var(--color-text);font-size:13px;font-weight:700}.invite-card p{margin:0;color:var(--color-text-secondary);line-height:1.6}.learner-panel{border:1px solid rgba(20,184,166,.16);border-radius:12px;background:#f0fdfa;padding:12px}.learner-list{display:grid;gap:8px}.learner-list article{display:grid;grid-template-columns:minmax(70px,.7fr) minmax(120px,1fr) minmax(140px,auto);gap:10px;align-items:center;border-radius:9px;background:#fff;padding:10px 12px}.learner-list strong{font-size:14px}.learner-list span,.learner-list em{color:var(--color-text-tertiary);font-size:12px;font-style:normal}.provider-card{display:grid;gap:16px}.provider-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.provider-card header strong{display:block;color:var(--color-text);font-size:18px;margin-bottom:5px}.provider-card header span{color:var(--color-text-tertiary);font-size:12px;font-weight:700}.provider-card header span.ok{color:#047857}.provider-card header span.bad{color:#dc2626}.switch-row{display:inline-flex;align-items:center;grid-template-columns:none;gap:8px;margin:0;white-space:nowrap}.switch-row input{width:18px;height:18px;box-shadow:none}.provider-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.provider-form .wide-field{grid-column:1 / -1}.provider-error{max-height:92px;overflow:auto;margin:0;border-radius:10px;background:#fef2f2;color:#991b1b;padding:12px;font-size:12px;line-height:1.55}.provider-actions{display:flex;gap:10px;flex-wrap:wrap}.prompt-template-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.prompt-template-list{position:sticky;top:156px;display:grid;gap:8px}.prompt-template-list button{display:grid;gap:5px;min-height:72px;border:1px solid transparent;border-radius:12px;background:transparent;padding:12px;text-align:left}.prompt-template-list button:hover,.prompt-template-list button.active{border-color:#0f766e2e;background:#ecfdf5}.prompt-template-list strong{color:var(--color-text);font-size:14px}.prompt-template-list span{color:var(--color-text-tertiary);font-size:12px;line-height:1.45}.prompt-editor-card{display:grid;gap:16px}.prompt-editor-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.prompt-editor-card header h2{margin:5px 0 6px;font-size:24px}.prompt-editor-card header p:last-child{margin:0;color:var(--color-text-secondary);line-height:1.6}.prompt-editor-card textarea{min-height:150px;resize:vertical;font-family:JetBrains Mono,Fira Code,SF Mono,Microsoft YaHei,monospace;font-size:13px;line-height:1.65}.prompt-variable-box{display:grid;gap:10px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:#f0fdfa;padding:14px}.prompt-variable-box strong{color:#0f766e;font-size:13px}.prompt-variable-box div{display:flex;gap:8px;flex-wrap:wrap}.prompt-variable-box code{border-radius:999px;background:#fff;color:#0f766e;padding:5px 9px;font-size:12px;font-weight:800}.card-tools{flex-wrap:wrap;margin-bottom:16px}.editable-card label{margin-bottom:10px;font-size:12px;font-weight:700;color:var(--color-text-tertiary);letter-spacing:.02em}.editable-card input,.editable-card textarea{font-size:13px}.title-lab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:16px;border:1px solid rgba(37,99,235,.1);border-radius:12px;background:var(--color-primary-bg);padding:16px}.title-lab h2{margin-bottom:6px}.title-lab p{margin:0;color:#1e40af;line-height:1.55;font-size:13px}.title-suggestions{display:grid;gap:10px;margin-bottom:20px}.title-option{min-height:46px;border:1px solid var(--color-border);border-radius:10px;background:#fff;color:var(--color-text);padding:0 16px;text-align:left;font-weight:700;font-size:15px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.title-option:hover{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-actions .primary-action{width:auto}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-soft));padding:0;box-shadow:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:0 2px 8px #2563eb4d;cursor:pointer;transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}@media (max-width: 980px){.app-shell{width:min(100% - 24px,720px)}.admin-root{width:min(100% - 24px,760px);padding-top:18px}.top-bar{align-items:stretch;flex-direction:column}.hero,.login-shell,.start-page,.two-col,.input-grid,.split-output,.storyboard-list,.sample-grid,.quality-review,.quality-columns,.optimization-priority,.optimization-columns,.saved-project-grid,.invite-grid,.invite-form{grid-template-columns:1fr}.hero{grid-template-areas:"copy" "visual" "stats"}.input-main,.mode-grid{grid-template-columns:1fr}h1{font-size:38px}.steps{grid-template-columns:repeat(2,1fr)}.toolbar,.project-bar{align-items:stretch;flex-direction:column}.toolbar-actions{flex-direction:column}.pool-heading,.admin-toolbar,.admin-hero{align-items:stretch;flex-direction:column}.admin-console,.admin-hero,.admin-provider-grid,.prompt-template-shell,.provider-form{grid-template-columns:1fr}.prompt-template-list,.admin-sidebar,.sticky-toolbar{position:static}.admin-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metrics{grid-template-columns:1fr}.toolbar-actions .primary-action,.toolbar-actions .secondary-action,.project-actions .primary-action,.project-actions .secondary-action{width:100%}}@media (max-width: 620px){.hero-stats,.course-type-grid,.style-grid,.steps,.title-lab{grid-template-columns:1fr}.learner-list article{grid-template-columns:1fr}h1{font-size:32px}.style-grid{grid-template-columns:repeat(2,1fr)}}