.app-fatal[data-v-8987fb99]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--text)}.fatal-card[data-v-8987fb99]{width:min(520px,100%);padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-md)}.fatal-eyebrow[data-v-8987fb99]{margin-bottom:8px;color:var(--warning);font-size:13px}.fatal-card h1[data-v-8987fb99]{margin:0 0 12px;font-size:22px}.fatal-message[data-v-8987fb99]{margin:0;color:var(--text-2);line-height:1.7;word-break:break-word}.fatal-actions[data-v-8987fb99]{display:flex;gap:12px;margin-top:22px}.fatal-actions button[data-v-8987fb99]{height:38px;padding:0 18px;border:0;border-radius:8px;color:#fff;background:var(--color-brand-primary);cursor:pointer}.fatal-actions .secondary[data-v-8987fb99]{border:1px solid var(--border);color:var(--text);background:var(--surface-2)}:root{color-scheme:dark;--color-bg-page: #0F1118;--color-bg-app: #0F1118;--color-bg-panel: #171925;--color-bg-panel-soft: #1E2130;--color-bg-elevated: #1E2130;--color-bg-input: rgba(255, 255, 255, .03);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-default: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .15);--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-text-disabled: rgba(255, 255, 255, .2);--color-brand-primary: #3B82F6;--color-brand-hover: #2563EB;--color-brand-active: #1D4ED8;--color-brand-soft: rgba(59, 130, 246, .1);--color-ai-purple: #8B5CF6;--color-ai-purple-soft: rgba(139, 92, 246, .1);--color-cyan: #06B6D4;--color-cyan-soft: rgba(6, 182, 212, .1);--color-success: #10B981;--color-success-soft: rgba(16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-soft: rgba(245, 158, 11, .1);--color-danger: #EF4444;--color-danger-soft: rgba(239, 68, 68, .1);--color-credit: #E5E7EB;--color-credit-soft: rgba(229, 231, 235, .08);--gradient-brand: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-hero: linear-gradient(135deg, rgba(59, 130, 246, .1), rgba(139, 92, 246, .06));--gradient-panel: linear-gradient(180deg, rgba(23, 25, 37, .92), rgba(23, 25, 37, .86));--font-size-hero: 32px;--font-size-page-title: 24px;--font-size-section-title: 20px;--font-size-card-title: 16px;--font-size-body: 14px;--font-size-small: 12px;--font-size-caption: 10px;--line-height-tight: 1.333;--line-height-title: 1.4;--line-height-body: 1.571;--line-height-caption: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 12px;--radius-full: 999px;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .2);--shadow-md: 0 8px 28px rgba(0, 0, 0, .24);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .28);--bg: var(--color-bg-app);--bg-soft: var(--color-bg-panel-soft);--surface: var(--color-bg-panel);--surface-2: var(--color-bg-panel-soft);--surface-3: rgba(30, 33, 48, .82);--border: var(--color-border-default);--border-strong: var(--color-border-strong);--text: var(--color-text-primary);--text-2: var(--color-text-secondary);--text-3: var(--color-text-tertiary);--primary: var(--color-brand-primary);--primary-light: var(--color-brand-hover);--secondary: var(--color-cyan);--accent: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--radius: var(--radius-md);--shadow-soft: var(--shadow-md);--shadow-card: var(--shadow-sm)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Inter,Source Han Sans SC,Alibaba PuHuiTi,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg-page);color:var(--text);letter-spacing:0;font-size:var(--font-size-body);line-height:var(--line-height-body)}button,input,textarea,select{font:inherit}button{transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}button:not(:disabled):hover{transform:translateY(-1px) scale(1.01)}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}input,textarea,select{border-color:var(--border)}input:focus,textarea:focus,select:focus{border-color:#3b82f6b8!important;box-shadow:0 0 0 3px #3b82f61f}.van-toast{background:rgba(15,23,42,.96)!important;border:1px solid var(--border);box-shadow:var(--shadow-card)}.page-header,.header,.topbar{letter-spacing:0}.studio-page{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(59,130,246,.08),transparent 32%),radial-gradient(circle at 82% 4%,rgba(139,92,246,.05),transparent 28%),var(--color-bg-page);color:var(--text)}.studio-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:68px;padding:0 var(--space-10);border-bottom:1px solid var(--border);background:rgba(15,17,24,.84);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.studio-header-left,.studio-header-right{display:flex;align-items:center;gap:var(--space-3)}.studio-title{margin:0;font-size:24px;line-height:var(--line-height-tight);font-weight:600}.studio-subtitle{color:var(--text-3);font-size:var(--font-size-small)}.studio-shell{max-width:1360px;margin:0 auto;padding:var(--space-8) var(--space-10) var(--space-12)}.studio-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--space-6)}.studio-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(23,25,37,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm)}.glass-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(23,25,37,.78);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-4)}.panel-head h3,.panel-head h4{margin:0;font-size:16px;font-weight:500}.panel-body{padding:0 var(--space-5) var(--space-5)}.soft-chip,.status-chip,.meta-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:rgba(255,255,255,.03);color:var(--text-2);font-size:12px}.status-chip.success{color:var(--color-success);background:var(--color-success-soft);border-color:#3dd68c38}.status-chip.warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:#ffb45438}.status-chip.danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#ff6b7a38}.brand-button,.primary-btn,.submit-btn,.generate-btn,.search-btn,.new-workflow-btn,.create-btn,.empty-btn{background:var(--color-brand-primary)!important;color:var(--color-text-primary)!important;border:0!important;box-shadow:0 4px 16px #3b82f638;font-weight:500}.brand-button:hover:not(:disabled),.primary-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.generate-btn:hover:not(:disabled),.search-btn:hover:not(:disabled),.new-workflow-btn:hover:not(:disabled),.create-btn:hover:not(:disabled),.empty-btn:hover:not(:disabled){background:var(--color-brand-hover)!important}.secondary-button,.ghost-button,.back-btn-text,.restart-btn,.refresh{background:rgba(255,255,255,.04);color:var(--text);border:1px solid var(--border)}.studio-input,.studio-select,.studio-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--text)}.studio-input,.studio-select{height:44px;padding:0 14px}.studio-textarea{min-height:120px;padding:14px;resize:vertical}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.metric-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:rgba(255,255,255,.03)}.metric-card span{display:block;color:var(--text-3);font-size:12px}.metric-card strong{display:block;margin-top:8px;font-size:24px;font-weight:600;line-height:1.1}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.media-frame{display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:rgba(255,255,255,.03)}.studio-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:260px;padding:var(--space-8);text-align:center;color:var(--text-3)}.studio-empty strong{color:var(--text);font-size:16px;font-weight:500}@media (max-width: 980px){.studio-header{padding:0 var(--space-4)}.studio-shell{padding:var(--space-6) var(--space-4) var(--space-10)}.studio-grid,.metric-grid{grid-template-columns:1fr}}.section-card,.feature-card,.recharge-panel,.order-card,.qr-dialog,.qr-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.primary-btn,.submit-btn,.next-btn,.search-btn,.generate-btn,.regenerate-btn{background:var(--color-brand-primary)!important;border-color:#3b82f66b!important;box-shadow:0 4px 16px #3b82f638}.back-btn,.back-btn-text,.restart-btn,.refresh,.pill-btn,.tool-btn,.package-card,.order-card,.empty-state,.state,.generating-state{border-radius:var(--radius)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(15,23,42,.6)}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.34);border-radius:999px;border:2px solid rgba(15,23,42,.6)}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.52)}.hero-band,.top-summary,.workflow-hero,.workflow-intro,.result-card,.project-card,.task-card,.profile-card,.order-card,.section-card,.outline-card,.asset-card,.shot-card,.modal-content,.asset-detail-modal,.create-modal{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;background:rgba(23,25,37,.82)!important;box-shadow:var(--shadow-sm)!important}.hero-band:hover,.top-summary:hover,.workflow-hero:hover,.workflow-intro:hover,.project-card:hover,.task-card:hover,.order-card:hover,.module-card:hover,.pipeline button:hover,.model-item:hover,.quick-card:hover{border-color:var(--color-border-strong)!important;box-shadow:var(--shadow-md)!important}.ratio-card.active,.ratio-card.selected,.pill-option.active,.package-card.active,.pay-card.active,.preset-btn.active,.toggle-btn.active,.quick-row button.active,.models-tabs button.active,.video-mode-tabs button.active{border-color:#3b82f66b!important;background:rgba(59,130,246,.1)!important;color:var(--color-text-primary)!important}.recharge-pill,.action-link.primary,.polish-btn,.text-upload-btn,.bible-btn,.save-btn,.action-btn-primary,.script-badge,.step-item.active .step-dot,.preset-btn.active,.toggle-btn.active{background:var(--color-brand-primary)!important;border-color:#3b82f66b!important;color:var(--color-text-primary)!important;box-shadow:0 4px 16px #3b82f633!important}.step-item.completed .step-dot,.progress-pill.done i{background:var(--color-success)!important}.progress-fill,.progress-track i,.timeline-fill,.progress i{background:linear-gradient(90deg,rgba(59,130,246,.86),rgba(6,182,212,.72))!important}.credit-value,.credit-chip strong,.credits-pill strong,.summary-balance strong,.order-side b,.cost-chip,.recharge-hint,.result-link,.model-item em,.package-card em{color:var(--color-credit)!important}.section-title,.panel-head h3,.panel-head h4,.task-card-head strong,.project-card strong,.module-card h3,.quick-card strong,.outline-title,.asset-section-title,.shot-title-input,.modal-head h3,.qr-dialog h3{font-weight:500!important}.hero-copy h1,.hero-copy h2,.summary-copy h2,.intro-copy h2,.result-heading h2,.avatar-block h2{font-size:24px!important;font-weight:600!important;line-height:32px!important}.hero-kicker,.intro-kicker,.eyebrow,.module-kicker,.soft-chip,.status-chip,.meta-chip,.model-badge,.progress-pill,.genre-tag,.tone-tag{border-radius:20px!important;font-size:12px!important;font-weight:400!important}.studio-input,.studio-select,.studio-textarea,.script-textarea,.prompt-edit,.material-textarea,.config-input,.style-input,.episode-input,.outline-textarea,.info-input,.info-textarea,.tag-input,.field-input,.field-textarea,.dimension-textarea{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-md)!important;background:var(--color-bg-input)!important;color:var(--color-text-primary)!important;box-shadow:none!important}.stage{background-color:var(--color-bg-page)!important;background-image:radial-gradient(circle,rgba(229,231,235,.12) 1px,transparent 1px),radial-gradient(circle at 28% 10%,rgba(59,130,246,.08),transparent 28%),radial-gradient(circle at 72% 12%,rgba(139,92,246,.05),transparent 26%)!important}.topbar .brand-mark,.pill-btn.primary,.tool-btn.active,.tool-btn:hover,.video-send-btn{background:var(--color-brand-primary)!important;border-color:#3b82f66b!important;color:var(--color-text-primary)!important}.image-node,.text-node,.video-node{border-color:var(--color-border-default)!important;background:rgba(23,25,37,.92)!important;box-shadow:var(--shadow-sm)!important}.image-node:before,.text-node:before,.video-node:before{height:2px!important;background:var(--color-brand-primary)!important}.node-link{stroke:#3b82f6b8!important;filter:drop-shadow(0 0 6px rgba(59,130,246,.22))!important}.clickable-link:hover{stroke:#ef4444db!important}.spinner,.spinner-sm,.generating-spinner{border-top-color:var(--color-brand-primary)!important}.action-btn-orange,.action-btn-green,.action-btn-purple,.secondary-btn,.ghost-btn,.outline-btn,.cancel-btn{background:rgba(255,255,255,.04)!important;border:1px solid var(--color-border-default)!important;color:var(--color-text-secondary)!important;box-shadow:none!important}.action-btn-orange:hover,.action-btn-green:hover,.action-btn-purple:hover,.secondary-btn:hover,.ghost-btn:hover,.outline-btn:hover,.cancel-btn:hover{border-color:var(--color-border-strong)!important;background:rgba(255,255,255,.06)!important;color:var(--color-text-primary)!important}.shot-number,.avatar-lg,.stat-icon,.feature-icon,.module-icon{border-radius:var(--radius-lg)!important;background:rgba(59,130,246,.12)!important;border:1px solid rgba(59,130,246,.28)!important;color:var(--color-brand-primary)!important;font-weight:500!important}.status-orb,.metric-card,.summary-balance,.rule-card,.detail-row,.pay-card,.package-card,.ratio-card,.pill-option,.view-box,.extract-preview,.params-bar,.qr-card,.reference-strip.rich-reference-strip{border:1px solid var(--color-border-default)!important;border-radius:var(--radius-lg)!important;background:rgba(255,255,255,.03)!important}
