:root{--bg-primary: #080c14;--bg-secondary: #0f1729;--bg-card: rgba(15, 23, 42, .72);--border-glow: rgba(34, 211, 238, .35);--neon-cyan: #22d3ee;--neon-purple: #a78bfa;--neon-pink: #f472b6;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #34d399;--warning: #fbbf24;--error: #f87171;--radius: 10px;--sidebar-width: 168px;--topbar-height: 56px;--pipeline-hero-height: 118px;--statusbar-height: 28px;--mobile-tab-height: 56px;--mobile-status-height: 36px;--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--studio-chrome: calc(var(--topbar-height) + var(--statusbar-height) + 16px);--studio-chrome-saas: calc(var(--pipeline-hero-height) + var(--statusbar-height) + 16px);--studio-height: max(calc((100vh - var(--studio-chrome)) * 1.72), 960px);--studio-row-min: 320px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:Noto Sans SC,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(34,211,238,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(167,139,250,.08) 0%,transparent 50%),linear-gradient(rgba(34,211,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:3px}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glow);border-radius:var(--radius);position:relative;overflow:visible;box-shadow:0 4px 24px #00000059}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(34,211,238,.4),rgba(167,139,250,.2),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-card.breathing{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 8px #22d3ee1a}50%{box-shadow:0 0 20px #22d3ee40}}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;color:var(--neon-cyan);border:1px solid var(--neon-cyan);border-radius:4px;background:#22d3ee1a;box-shadow:0 0 8px #22d3ee4d}.neon-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.neon-btn:hover:not(:disabled){box-shadow:0 0 20px #8b5cf680,0 0 40px #22d3ee33;transform:translateY(-1px)}.neon-btn:disabled{opacity:.5;cursor:not-allowed}.neon-btn.outline{background:transparent;border:1px solid var(--neon-purple);color:var(--neon-purple)}.neon-btn.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)}.neon-btn.sm{padding:5px 10px;font-size:12px}.cyber-input,.cyber-select,.cyber-textarea{width:100%;background:#080c14cc;border:1px solid rgba(34,211,238,.2);border-radius:5px;color:var(--text-primary);font-family:inherit;font-size:12px;padding:4px 8px;outline:none;transition:border-color .2s}.cyber-input:focus,.cyber-select:focus,.cyber-textarea:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #22d3ee33}.cyber-textarea{resize:none;min-height:0;line-height:1.35}.cyber-label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:2px;line-height:1.2}.cyber-slider{width:100%;accent-color:var(--neon-cyan)}.cyber-toggle{position:relative;width:40px;height:22px;cursor:pointer}.cyber-toggle input{opacity:0;width:0;height:0}.cyber-toggle .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#64748b66;border-radius:11px;transition:.2s}.cyber-toggle input:checked+.track{background:#22d3ee66;box-shadow:0 0 8px #22d3ee4d}.cyber-toggle .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-primary);border-radius:50%;transition:.2s}.cyber-toggle input:checked~.thumb{left:20px;background:var(--neon-cyan)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.ready{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.offline{background:var(--error);box-shadow:0 0 6px var(--error)}.status-dot.not_configured{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-dot.error{background:var(--error);box-shadow:0 0 6px var(--error)}.status-dot.unknown{background:#475569;box-shadow:none}.app-layout{display:flex;height:100vh}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;min-height:0;overflow:hidden;padding:8px 10px}.content-area.studio-content{overflow-x:hidden;overflow-y:auto}.studio-content{display:flex;flex-direction:column}.studio-content-saas{--studio-chrome: var(--studio-chrome-saas)}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(34,211,238,.15);background:#080c14cc;flex-shrink:0;gap:10px}.topbar-brand{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;line-height:1.15}.topbar-brand-line1,.topbar-brand-line2{background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.topbar-brand-line1{font-size:15px;font-weight:700}.topbar-brand-line2{font-size:12px;font-weight:600;letter-spacing:.02em}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.topbar-saas{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(34,211,238,.15);background:#080c14d9;flex-shrink:0}.topbar-saas-left{display:flex;align-items:center;gap:12px}.topbar-mode-group{display:flex;align-items:center;gap:4px;background:#0f172ad9;border-radius:8px;padding:3px}.topbar-mode-btn{padding:6px 22px;border:none;border-radius:6px;font-size:13px;cursor:pointer;background:transparent;color:#94a3b8;font-weight:400;transition:all .2s}.topbar-mode-btn.is-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600}.topbar-auto-run{margin-left:4px}.topbar-cloud-status{display:inline-flex;align-items:center;font-size:13px;font-weight:600;letter-spacing:.02em;padding:0;border:none;border-radius:0;background:transparent;color:#64748b}.topbar-cloud-status.is-online{color:#34d399}.topbar-cloud-status.is-offline{color:#f87171}.pipeline-hero{flex-shrink:0;padding:10px 20px 12px;border-bottom:1px solid rgba(34,211,238,.12);background:linear-gradient(180deg,#0f172a8c,#080c1459);overflow:visible}.auto-run-status-bar{flex-shrink:0;padding:6px 20px;font-size:12px;color:#67e8f9;text-align:center;border-bottom:1px solid rgba(34,211,238,.1);background:#22d3ee0f;animation:auto-status-pulse 2s ease-in-out infinite}.auto-run-status-bar.is-error{color:#fca5a5;border-bottom-color:#f8717140;background:#f871711a;animation:none}.auto-run-status-bar.is-success{color:#6ee7b7;border-bottom-color:#34d39940;background:#34d3991a;animation:none}@keyframes auto-status-pulse{0%,to{opacity:.85}50%{opacity:1}}.pipeline-hero-title{margin:0 0 8px;text-align:center;font-size:22px;font-weight:800;letter-spacing:.04em;background:linear-gradient(90deg,#fbbf24,#f97316,#fb7185);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pipeline-hero-toolbar{display:grid;grid-template-columns:minmax(160px,200px) minmax(0,1fr) minmax(140px,180px);align-items:center;gap:12px;overflow:visible}.pipeline-hero-side{display:flex;align-items:center;min-width:0}.pipeline-hero-left{justify-content:flex-start;gap:8px;flex-wrap:wrap}.pipeline-hero-right{justify-content:flex-end}.pipeline-step-track{list-style:none;margin:0;padding:10px 4px 0;display:flex;align-items:flex-start;justify-content:center;gap:0;flex-wrap:nowrap;overflow:visible;min-width:0;scrollbar-width:none;-ms-overflow-style:none}.pipeline-step-track::-webkit-scrollbar{display:none;width:0;height:0}.pipeline-step-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;flex:1 1 0;max-width:120px;overflow:visible}.pipeline-step-node{position:relative;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(100,116,139,.45);background:#0f172ae6;transition:all .25s ease;overflow:visible}.pipeline-step-num{font-size:13px;font-weight:700;color:#64748b}.pipeline-step-label{margin-top:6px;font-size:11px;color:#64748b;text-align:center;line-height:1.25;white-space:nowrap}.pipeline-step-line{position:absolute;top:17px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:#64748b59;pointer-events:none}.pipeline-step-item.is-done .pipeline-step-node{border-color:#34d399;background:#34d39926;box-shadow:0 0 12px #34d39959}.pipeline-step-item.is-done .pipeline-step-num,.pipeline-step-item.is-done .pipeline-step-label{color:#34d399}.pipeline-step-item.is-done .pipeline-step-line{background:linear-gradient(90deg,#34d399,#34d39959)}.pipeline-step-item.is-current .pipeline-step-node{border-color:#fbbf24;background:#fbbf242e;box-shadow:0 0 16px #fbbf2473}.pipeline-step-item.is-current .pipeline-step-num,.pipeline-step-item.is-current .pipeline-step-label{color:#fbbf24;font-weight:600}.pipeline-step-item.is-running .pipeline-step-node{animation:step-node-glow 1.2s ease-in-out infinite,step-node-ring 1.4s ease-out infinite}.pipeline-step-pulse{display:none}@keyframes step-node-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes step-node-ring{0%{box-shadow:0 0 #fbbf24a6,0 0 12px #fbbf2459}to{box-shadow:0 0 0 12px #fbbf2400,0 0 22px #fbbf24bf}}@property --panel-spin-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.studio-slot.panel-running{position:relative;z-index:2}.studio-slot.panel-running>.glass-card{--panel-spin-angle: 0deg;border:2px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,conic-gradient(from var(--panel-spin-angle),rgba(34,211,238,.12) 0deg,#22d3ee 70deg,#6366f1 140deg,#a78bfa 210deg,rgba(34,211,238,.12) 280deg,transparent 320deg) border-box;animation:panel-running-border 2.2s linear infinite,panel-running-glow 2.2s ease-in-out infinite}@keyframes panel-running-border{to{--panel-spin-angle: 360deg}}@keyframes panel-running-glow{0%,to{box-shadow:0 0 16px #22d3ee47}50%{box-shadow:0 0 28px #a78bfa7a}}.sidebar-title-full{font-size:13px;line-height:1.3;white-space:normal}.studio-grid{display:grid;flex:none;width:100%;height:var(--studio-height);min-height:var(--studio-height);gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(var(--studio-row-min),1fr));grid-template-areas:"p1 p2 p3" "p4 p5 preview" "p6 p7 preview"}.studio-slot{min-width:0;min-height:0;display:flex}.studio-slot>.glass-card{flex:1;min-height:0}.slot-p1{grid-area:p1}.slot-p2{grid-area:p2}.slot-p3{grid-area:p3}.slot-p4{grid-area:p4}.slot-p5{grid-area:p5}.slot-p6{grid-area:p6}.slot-p7{grid-area:p7}.slot-preview{grid-area:preview}@media (max-width: 1280px){.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(280px,auto));height:auto;min-height:var(--studio-height);grid-template-areas:"p1 p2" "p3 p4" "p5 p6" "p7 preview" "preview preview"}}.panel-header{display:flex;align-items:center;gap:5px;margin-bottom:4px;font-size:12px;font-weight:600;flex-shrink:0;padding-bottom:4px;border-bottom:1px solid rgba(34,211,238,.12)}.panel-body{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow:hidden}.panel-field-hint{margin:0;padding:0 0 6px;font-size:10px;color:#64748b;line-height:1.35;flex-shrink:0;min-height:20px;max-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rewrite-template-picker{display:flex;flex-direction:column;gap:10px;max-height:min(42vh,280px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2px 0 4px}.rewrite-template-group{display:flex;flex-direction:column;gap:4px}.rewrite-template-cat{font-size:11px;color:#22d3ee;opacity:.9;padding:0 2px}.rewrite-template-items{display:flex;flex-direction:column;gap:4px}.rewrite-template-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(100,116,139,.35);background:#0f172abf;color:#cbd5e1;cursor:pointer;text-align:left}.rewrite-template-item.is-active{border-color:#a78bfa8c;background:#6366f12e;box-shadow:inset 0 0 0 1px #a78bfa40}.rewrite-template-name{font-size:13px;font-weight:600;line-height:1.3}.rewrite-template-desc{font-size:11px;color:#64748b;line-height:1.35}.studio-grid .slot-p1 .panel-step-head,.studio-grid .slot-p2 .panel-step-head,.studio-grid .slot-p3 .panel-step-head{flex-shrink:0;min-height:52px}.studio-grid .slot-p1 .panel-primary-btn,.studio-grid .slot-p2 .panel-primary-btn,.studio-grid .slot-p3 .panel-primary-btn{flex-shrink:0;min-height:32px;margin-bottom:4px}.studio-grid .slot-p1 .panel-primary-btn .neon-btn,.studio-grid .slot-p2 .panel-primary-btn .neon-btn,.studio-grid .slot-p3 .panel-primary-btn .neon-btn{width:100%}.panel4-card{display:flex;flex-direction:column;min-height:0;height:100%}.panel4-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;flex:1;min-height:0}.panel4-controls{min-width:0;overflow:hidden}.panel4-controls.panel-body .panel-scroll{flex:1;min-height:0}.panel4-preview{display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid rgba(34,211,238,.12);padding-left:8px}.panel4-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:8px;overflow:hidden}.panel4-preview-body video{max-width:100%;max-height:100%;object-fit:contain}.panel4-generate-btn{width:100%;margin-top:auto}.auto-setup-card{height:100%;min-height:0}.auto-setup-body{gap:10px;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.auto-setup-lead{margin:0;font-size:12px;color:#94a3b8;line-height:1.45}.auto-setup-url-row{gap:6px}.auto-setup-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auto-setup-actions{margin-top:4px;display:flex;flex-direction:column;gap:8px}.auto-setup-actions .neon-btn{width:100%;min-height:42px;font-size:15px;font-weight:700}.auto-setup-secondary-btn{width:100%;min-height:42px;border-radius:8px;border:1px solid rgba(100,116,139,.4);background:#1e293be6;color:#94a3b8;font-size:14px;font-weight:700;cursor:not-allowed;transition:all .25s ease}.auto-setup-secondary-btn.is-idle{color:#94a3b8;border-color:#64748b66;background:#1e293be6}.auto-setup-secondary-btn.is-waiting{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2414}.auto-setup-secondary-btn.is-waiting.is-pulse{animation:auto-wait-pulse 1.6s ease-in-out infinite}.auto-setup-secondary-btn.is-ready{cursor:pointer;color:#052e16;border-color:transparent;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 16px #34d39959}.auto-setup-secondary-btn.is-ready:hover{filter:brightness(1.06)}@keyframes auto-wait-pulse{0%,to{opacity:1}50%{opacity:.65}}.auto-run-console{flex:1 1 auto;min-height:160px;display:flex;flex-direction:column;border-radius:10px;border:1px solid rgba(34,211,238,.22);background:linear-gradient(180deg,#081220f2,#060c16fa),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.03) 2px,rgba(34,211,238,.03) 4px);overflow:hidden;box-shadow:inset 0 0 24px #22d3ee0f}.auto-run-console.is-live{border-color:#22d3ee73;box-shadow:inset 0 0 28px #22d3ee1a,0 0 12px #22d3ee1f}.auto-run-console.is-done{border-color:#34d39966}.auto-run-console-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(34,211,238,.15);background:#0f172abf}.auto-run-console-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:#22d3ee;text-transform:uppercase}.auto-run-console-step{font-size:11px;color:#a78bfa;font-variant-numeric:tabular-nums;white-space:nowrap}.auto-run-console.is-done .auto-run-console-step{color:#34d399}.auto-run-console-body{flex:1;min-height:120px;max-height:220px;overflow-y:auto;padding:8px 10px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;-webkit-overflow-scrolling:touch}.auto-run-console-empty{color:#475569;padding:18px 4px;text-align:center}.auto-run-console-line{display:flex;gap:6px;color:#94a3b8;margin-bottom:4px;word-break:break-word}.auto-run-console-line.is-latest{color:#e2e8f0}.auto-run-console.is-live .auto-run-console-line.is-latest{color:#67e8f9}.auto-run-console-prefix{flex-shrink:0;color:#22d3ee;opacity:.7}.studio-grid--auto{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"auto preview"}.studio-grid--auto .slot-auto{grid-area:auto;min-height:0}.studio-grid--auto .slot-preview{grid-area:preview}.studio-slot:not(.slot-preview) .panel-body{overflow:hidden}.studio-slot:not(.slot-preview) .panel-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-right:2px}.panel-actions-sticky{flex-shrink:0;margin-top:auto;padding-top:4px;border-top:1px solid rgba(34,211,238,.08)}.panel-card{padding:8px 10px;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden}.field-group{display:flex;flex-direction:column;gap:4px}.field-grow{flex:1;min-height:0;display:flex;flex-direction:column}.field-grow .cyber-textarea{flex:1;min-height:0;max-height:none;height:100%}.studio-slot:not(.slot-preview) .cyber-textarea{overflow-y:auto}.panel-body .neon-btn{padding:6px 12px;font-size:12px;flex-shrink:0}.panel-body .neon-btn.sm{padding:4px 8px;font-size:11px}.field-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0}.field-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;flex-shrink:0}.panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-shrink:0}.subtitle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex-shrink:0}.panel-media-row{margin-top:4px}.panel-media-slider-label{margin-top:8px}.subtitle-grid.subtitle-grid-inline{grid-template-columns:minmax(0,1.15fr) 44px minmax(0,.95fr) 34px 34px;gap:4px;align-items:end}.subtitle-grid.subtitle-grid-stacked{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 10px;align-items:end}.subtitle-grid-stacked .subtitle-grid-font{grid-column:1;grid-row:1}.subtitle-grid-stacked .subtitle-grid-size{grid-column:2;grid-row:1}.subtitle-grid-stacked .subtitle-grid-color:nth-of-type(3){grid-column:3;grid-row:1}.subtitle-grid-stacked .subtitle-grid-color:nth-of-type(4){grid-column:4;grid-row:1}.subtitle-grid-stacked .subtitle-grid-margin-full{grid-column:1 / -1;grid-row:2}.subtitle-grid-stacked .subtitle-grid-size .subtitle-size-input{width:100%;max-width:none;padding:4px 8px;text-align:center}.subtitle-grid-stacked .subtitle-grid-color .cyber-input-color{width:100%;max-width:none;min-width:0;height:32px;padding:2px}.subtitle-grid-stacked .subtitle-grid-font .cyber-select{width:100%;padding:4px 8px;font-size:11px}.subtitle-grid-stacked .subtitle-grid-field{min-width:0}.subtitle-grid-stacked .subtitle-grid-field .cyber-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle-grid-stacked .subtitle-grid-margin .cyber-slider{margin-top:2px}.subtitle-grid-inline .subtitle-grid-field{min-width:0}.subtitle-grid-inline .subtitle-grid-field .cyber-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtitle-grid-inline .subtitle-grid-size .subtitle-size-input{width:100%;max-width:44px;padding:4px 2px;text-align:center}.subtitle-grid-inline .subtitle-grid-font .cyber-select{padding:4px 6px;font-size:11px}.subtitle-grid-inline .subtitle-grid-color .cyber-input-color{width:34px;min-width:34px;height:28px;padding:2px}.subtitle-grid-inline .subtitle-grid-margin .cyber-slider{margin-top:2px}.subtitle-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c14bf;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.subtitle-modal{width:min(720px,96vw);max-height:88vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:12px;box-shadow:0 20px 60px #00000073}.subtitle-modal-header,.subtitle-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid rgba(34,211,238,.15)}.subtitle-modal-footer{border-bottom:none;border-top:1px solid rgba(34,211,238,.15);justify-content:flex-end}.subtitle-modal-header h3{margin:0;font-size:15px;color:var(--text-primary)}.subtitle-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer}.voice-name-modal{width:min(420px,92vw)}.voice-name-modal-body{padding:16px}.subtitle-modal-body{display:grid;grid-template-columns:240px 1fr;gap:12px;padding:12px 16px;overflow:hidden;min-height:320px}.subtitle-style-panel,.subtitle-list-panel{display:flex;flex-direction:column;gap:8px;min-height:0}.subtitle-list-panel{overflow-y:auto;max-height:52vh;padding-right:4px}.subtitle-style-row{display:flex;flex-direction:column;gap:4px}.subtitle-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.subtitle-position-btns{display:flex;gap:6px}.subtitle-pos-btn{flex:1;padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid rgba(34,211,238,.25);background:#0f172a99;color:var(--text-secondary);cursor:pointer}.subtitle-pos-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#22d3ee1f}.subtitle-style-hint,.subtitle-empty,.subtitle-error{font-size:11px;margin:0;color:var(--text-muted)}.subtitle-error{color:#f87171}.subtitle-item{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:start;padding:8px;border:1px solid rgba(34,211,238,.12);border-radius:8px;background:#0f172a59}.subtitle-item-meta{font-size:11px;color:var(--neon-cyan);padding-top:6px}.subtitle-item-text{min-height:52px;resize:vertical}@media (max-width: 720px){.subtitle-modal-body{grid-template-columns:1fr}}.cyber-input-color{padding:1px 3px;height:28px}.panel-actions{display:flex;gap:6px;margin-top:auto;padding-top:4px;flex-shrink:0}.panel-compact-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-shrink:0}.panel-inline-toggles{display:flex;gap:12px;align-items:center;flex-shrink:0;font-size:11px;color:var(--text-secondary)}.media-preview-box{border:1px dashed rgba(167,139,250,.35);border-radius:6px;padding:4px 6px;flex-shrink:0}.media-preview-audio{width:100%;height:28px;margin-top:2px}.toggle-inline{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.panel-inline-toggles .cyber-toggle{width:34px;height:18px}.panel-inline-toggles .cyber-toggle .thumb{width:14px;height:14px}.panel-inline-toggles .cyber-toggle input:checked~.thumb{left:18px}.cover-thumb{width:100%;max-height:52px;object-fit:cover;border-radius:4px;border:1px solid rgba(34,211,238,.2);flex-shrink:0}.cover-preview-body{background:#0a0f18}.cover-preview-wrap{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.cover-preview-scaler{position:relative;overflow:hidden;flex-shrink:0}.cover-preview-stage{position:absolute;top:0;left:0;transform-origin:top left;overflow:hidden;background:#0a0f18}.cover-preview-main{height:100%}.cover-preview-live,.cover-preview-mock{position:relative;width:100%;height:100%;min-height:120px;border-radius:6px;overflow:hidden;background:#0a0f18}.cover-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cover-preview-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.cover-template-dark_mask_1 .cover-preview-mask{background:none}.cover-template-dark_mask_2 .cover-preview-mask{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.82) 100%)}.cover-template-bright_center .cover-preview-mask{background:radial-gradient(circle at 50% 45%,#00000026,#0000008c)}.cover-preview-mock{border:1px dashed rgba(34,211,238,.25);background:linear-gradient(180deg,#141e30f2,#080c14fa)}.cover-preview-img{width:100%;height:100%;object-fit:contain;border-radius:6px}.cover-preview-title{position:absolute;z-index:2;text-align:center;font-weight:700;white-space:pre-wrap;word-break:normal}.cover-preview-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#141e30f2,#080c14fa)}.cover-preview-refreshing{position:absolute;right:12px;bottom:12px;z-index:4;font-size:11px;color:#94a3b8;background:#0000008c;padding:4px 8px;border-radius:4px}.cover-preview-hint{position:absolute;bottom:12px;left:0;right:0;z-index:2;margin:0;text-align:center;font-size:11px;color:var(--text-muted)}.publish-platform-list{display:flex;flex-direction:column;gap:8px}.publish-platform-row{display:grid;grid-template-columns:128px 1fr;gap:8px;align-items:end;padding:8px;border:1px solid rgba(34,211,238,.1);border-radius:8px;background:#080c1459;opacity:.72}.publish-platform-row.is-enabled{opacity:1;border-color:#22d3ee38}.publish-platform-check{display:flex;align-items:center;gap:8px;width:128px;min-width:128px;min-height:36px;cursor:pointer;-webkit-user-select:none;user-select:none}.publish-platform-check input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-cyan);flex-shrink:0}.publish-platform-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap}.platform-logo{flex-shrink:0;border-radius:8px;object-fit:contain;box-shadow:0 2px 8px #00000040;background:#ffffff0a}.publish-platform-account{min-width:0}.preview-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-panel-tabs{display:flex;gap:4px}.preview-tab{padding:2px 10px;font-size:11px;border-radius:999px;border:1px solid rgba(34,211,238,.25);background:transparent;color:var(--text-muted);cursor:pointer}.preview-tab.active{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#22d3ee1f}.audio-inline{width:100%;height:24px;flex-shrink:0}.preview-panel-card{height:100%}.preview-panel-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.preview-panel-body .video-preview{width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:9 / 16}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.flex-1{flex:1}.video-preview{aspect-ratio:9/16;max-height:100%;background:#000;border-radius:8px;border:1px solid var(--border-glow);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.video-preview-with-subs video{position:relative;z-index:1}.subtitle-overlay{position:absolute;z-index:2;pointer-events:none;text-align:center;width:auto}.subtitle-overlay-text{display:inline-block;max-width:100%;white-space:pre-wrap;word-break:normal}.cover-title-overlay{position:absolute;z-index:3;pointer-events:none;text-align:center;max-width:calc(100% - 24px)}.cover-title-overlay-text{display:inline-block;max-width:100%;white-space:pre-wrap;word-break:normal}.cover-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none}.video-preview video{width:100%;height:100%;object-fit:contain}.video-preview .placeholder{color:var(--text-muted);font-size:13px;text-align:center;padding:20px}.progress-bar{height:3px;background:#22d3ee1a;border-radius:2px;overflow:hidden}.progress-bar .fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));animation:scan 2s linear infinite;transition:width .3s}@keyframes scan{0%{filter:brightness(1)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c14b3;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 28px;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:10px;max-width:360px}.loading-text{font-size:13px;color:var(--text-secondary);text-align:center;line-height:1.5}.spinner{width:40px;height:40px;border:2px solid rgba(34,211,238,.2);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-toast{position:fixed;bottom:40px;right:20px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-glow);border-radius:8px;font-size:13px;z-index:1001;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{width:var(--sidebar-width);background:#080c14f7;border-right:1px solid rgba(34,211,238,.15);display:flex;flex-direction:column;flex-shrink:0;min-height:0}.sidebar-brand{display:flex;align-items:center;gap:8px;padding:12px 10px 10px;cursor:pointer;border-bottom:1px solid rgba(34,211,238,.1)}.sidebar-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#22d3ee,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 12px #22d3ee59;flex-shrink:0}.sidebar-title{font-size:13px;font-weight:700;color:#e2e8f0;line-height:1.2;white-space:nowrap}.sidebar-subtitle{font-size:10px;color:#64748b;white-space:nowrap}.sidebar-nav{padding:16px 10px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0;overflow-y:auto;justify-content:space-evenly}.sidebar-nav-item{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:12px 10px;border:none;border-radius:10px;background:transparent;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s}.sidebar-nav-item>span:last-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item:hover{background:#22d3ee14;color:#e2e8f0}.sidebar-nav-item.active{background:#22d3ee24;color:#22d3ee;box-shadow:inset 0 0 0 1px #22d3ee40}.sidebar-nav-icon{width:22px;text-align:center;flex-shrink:0;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.nav-line-icon{width:1.05em;height:1.05em;display:block}.sidebar-nav-top-link{text-decoration:none;border:1px solid rgba(167,139,250,.28);background:linear-gradient(135deg,#6366f11f,#22d3ee14);color:#c4b5fd}.sidebar-nav-top-link:hover{color:#e9d5ff;border-color:#a78bfa73;background:linear-gradient(135deg,#6366f133,#22d3ee1f)}.sidebar-nav-divider{height:1px;margin:4px 6px 8px;background:#22d3ee1f}.sidebar-templates{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid rgba(34,211,238,.1);margin-top:4px}.sidebar-section-title{padding:10px 14px 6px;font-size:11px;font-weight:600;color:#64748b;letter-spacing:.05em}.sidebar-template-scroll{flex:1;overflow-y:auto;padding:0 8px 8px}.sidebar-template-group{margin-bottom:10px}.sidebar-template-cat{font-size:11px;color:#22d3ee;padding:4px 6px;opacity:.85}.sidebar-template-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:7px 8px;margin-bottom:3px;border:none;border-radius:6px;background:transparent;color:#cbd5e1;cursor:pointer;text-align:left;transition:background .15s}.sidebar-template-item:hover{background:#a78bfa1a}.sidebar-template-item.active{background:#6366f133;box-shadow:inset 0 0 0 1px #a78bfa59}.sidebar-template-name{font-size:12px;font-weight:500;line-height:1.3}.sidebar-template-desc{font-size:10px;color:#64748b;margin-top:2px;line-height:1.3}.sidebar-footer{margin-top:auto;padding:6px;border-top:1px solid rgba(34,211,238,.1)}.config-layout{display:flex;gap:24px;width:100%;min-height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - 20px);overflow-y:auto}.config-tabs{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;min-height:calc(100vh - var(--topbar-height) - var(--statusbar-height) - 20px);padding-right:4px;border-right:1px solid rgba(34,211,238,.12)}.config-tabs-nav{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:space-evenly;min-height:0}.config-tabs-save{flex-shrink:0;margin-top:auto;padding-top:12px}.config-page-title{font-size:18px;font-weight:700;margin-bottom:8px;padding:0 6px;flex-shrink:0}.config-tab{display:flex;align-items:center;gap:12px;min-height:50px;padding:14px;border:none;border-radius:10px;background:transparent;color:#94a3b8;font-size:15px;font-weight:500;cursor:pointer;text-align:left;width:100%}.config-tab-icon{width:24px;height:24px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1}.config-tab-label{flex:1;min-width:0;line-height:1.3}.config-tab:hover{background:#22d3ee14}.config-tab.active{background:#22d3ee1f;color:#22d3ee}.config-subtabs{display:flex;gap:8px}.config-scheme-list{display:flex;flex-direction:column;gap:14px}.config-scheme-block{border:1px solid rgba(51,65,85,.55);border-radius:10px;padding:14px 16px;background:#0f172a59;transition:border-color .15s,background .15s}.config-scheme-block.is-active{border-color:#22d3ee66;background:#22d3ee0d}.config-scheme-header{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;min-height:28px}.config-scheme-header input[type=checkbox]{flex-shrink:0;cursor:pointer}.config-scheme-title{line-height:1.4}.config-scheme-body{margin-top:12px;padding-top:12px;border-top:1px solid rgba(51,65,85,.45)}.config-subtabs .config-tab{flex:1;justify-content:center}.config-panel{flex:1;min-width:0;overflow-y:auto;max-height:calc(100vh - 120px);padding-right:8px;display:flex;flex-direction:column;gap:12px}.config-panel .glass-card{padding:18px 22px}.config-panel .panel-header{margin-bottom:10px;font-size:16px;font-weight:600}.config-panel .config-subtabs{margin-bottom:0;flex-shrink:0}.config-stack{display:flex;flex-direction:column;gap:10px}.config-hint{font-size:12px;color:#64748b;margin:4px 0 0;line-height:1.45}.config-hint-muted{font-size:12px;color:#94a3b8;margin:0 0 4px;line-height:1.45}.config-panel .field-group+.field-group,.config-panel .field-group+.row,.config-panel p+.field-group,.config-panel .config-hint-muted+.config-stack,.config-panel .config-hint-muted+.field-group{margin-top:0}.config-panel .field-group{margin-bottom:0}.config-panel label.row{margin:0;font-size:13px}.config-panel .cyber-input,.config-panel .cyber-select{font-size:13px;padding:9px 12px;border-radius:6px}.config-panel .cyber-label{font-size:12px;margin-bottom:5px}.config-panel .glass-card.panel-card{height:auto;flex:0 0 auto;margin-bottom:0;padding:18px 22px}.config-panel details summary{margin-bottom:4px}.config-status-grid,.config-status-list{display:flex;flex-direction:column;gap:6px}.config-status-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0f172a73;border:1px solid rgba(51,65,85,.5);border-radius:8px;min-height:44px;font-size:13px}.config-status-label{min-width:180px;flex-shrink:0;color:#e2e8f0;font-weight:500}.config-status-message{flex:1;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-field-row{display:flex;gap:8px;align-items:stretch}.config-field-row .cyber-input{flex:1;min-width:0}.config-get-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;min-height:38px;font-size:13px;color:#22d3ee;background:#22d3ee14;border:1px solid rgba(34,211,238,.35);border-radius:4px;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.config-get-btn:hover{background:#22d3ee2e;border-color:#22d3ee99}.config-status-grid .row{font-size:12px;gap:8px}.library-page{overflow-y:auto;display:flex;flex-direction:column;min-height:0}.library-page-body{flex:1;min-height:0;display:flex;flex-direction:column}.library-character-page{flex:1;min-height:0}.library-character-card{flex:1;min-height:0;display:flex;flex-direction:column}.library-character-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:stretch}.library-character-list-pane{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;border-right:1px solid rgba(34,211,238,.12);padding-right:0}.library-character-list-toolbar{flex-shrink:0;display:flex;justify-content:flex-end;align-items:stretch;margin-bottom:10px;min-height:48px}.library-character-upload-btn{width:100%;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;border-radius:8px}.library-character-list-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:10px}.library-character-preview-pane{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;gap:8px}.library-table-row.selected{background:#22d3ee14;border-radius:6px;border-bottom-color:#22d3ee2e;cursor:pointer}.library-table-row.library-table-head-character-compact{cursor:pointer}.library-table-row.library-table-head-character-compact:hover{background:#22d3ee0a}.library-character-preview-head{display:flex;flex-direction:column;align-items:center;gap:6px}.library-preview-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:36px}.library-character-preview-title{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}.library-character-preview-body{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;background:#00000059;border-radius:8px;overflow:hidden;border:1px solid rgba(34,211,238,.12)}.library-character-video{width:100%;max-width:100%;max-height:100%;aspect-ratio:9 / 16;object-fit:contain;background:#000}.library-character-preview-placeholder{text-align:center;color:var(--text-muted);font-size:13px;line-height:1.6;padding:24px}.library-character-preview-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.library-character-preview-note{font-size:11px;color:var(--text-muted)}.library-voice-page{flex:1;min-height:0}.library-voice-card{flex:1;min-height:0;display:flex;flex-direction:column}.library-voice-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px;align-items:stretch}.library-voice-list-pane{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;border-right:1px solid rgba(34,211,238,.12);padding-right:0}.library-voice-list-toolbar{flex-shrink:0;display:flex;justify-content:flex-end;align-items:stretch;margin-bottom:10px;min-height:48px}.library-voice-upload-btn{width:100%;min-height:48px;padding:0 24px;font-size:15px;font-weight:600;border-radius:8px}.library-voice-list-scroll{flex:1;min-height:0;overflow-y:auto;padding-right:10px}.library-voice-player-pane{min-width:0;display:flex;flex-direction:column;gap:10px;padding-left:4px}.library-voice-player-head{display:flex;flex-direction:column;align-items:center;gap:6px}.library-voice-player-title{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;text-align:center}.library-voice-player-text{margin:0;font-size:11px;line-height:1.5;color:var(--text-muted);max-height:72px;overflow-y:auto;text-align:center}.library-voice-player-empty{margin:auto 0;font-size:12px;color:var(--text-muted);line-height:1.6;text-align:center}.library-audio-player{display:flex;flex-direction:column;gap:10px}.library-audio-progress-wrap{display:flex;flex-direction:column;gap:4px}.library-audio-progress{height:6px;background:#22d3ee1f;border-radius:999px;overflow:hidden;cursor:pointer}.library-audio-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:999px;transition:width .12s linear}.library-audio-time{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums}.library-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.library-page-header.has-center{align-items:stretch}.library-page-header-start{flex-shrink:0;max-width:42%}.library-page-header-center{flex:1;display:flex;align-items:stretch;justify-content:center;min-width:0;padding:0 12px}.library-page-header-center .library-header-primary-btn{align-self:stretch;min-width:160px;padding:0 36px;font-size:15px;font-weight:600;border-radius:8px}.library-page-header.has-center .library-page-actions{align-items:stretch}.library-page-header.has-center .library-page-actions .neon-btn{align-self:stretch}.library-page-title{margin:0;font-size:18px;color:var(--text-primary)}.library-page-subtitle{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.library-page-actions{display:flex;gap:8px;flex-shrink:0}.library-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.library-tabs-rest{display:contents}.library-select-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;padding:8px 10px;border-radius:10px;border:1px solid rgba(34,211,238,.15);background:#0f172a8c}.library-select-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none}.library-select-count{font-size:12px;color:#64748b;margin-right:auto}.library-select-delete{color:#fca5a5!important;border-color:#f8717173!important}.library-tab{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;min-height:44px;border-radius:999px;border:1px solid rgba(34,211,238,.15);background:#080c1473;color:var(--text-muted);font-size:15px;font-weight:500;line-height:1.3;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.library-tab:hover:not(.active){border-color:#22d3ee47;color:var(--text-secondary)}.library-tab.active{color:var(--accent-cyan);border-color:#22d3ee59;background:#22d3ee1a;font-weight:600}.library-message{margin:0 0 10px;font-size:12px;color:#22d3ee}.library-message.is-error{color:#fb7185}.library-message.is-success{color:#4ade80}.library-field-error{margin:4px 0 0;font-size:11px;color:#fb7185}.cyber-input.has-error{border-color:#fb7185bf}.library-card{padding:10px 12px}.login-qrcode-card{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px;max-width:280px}.login-qrcode-image{width:220px;height:220px;object-fit:contain;background:#fff;border-radius:8px;padding:8px}.library-form-card{margin-bottom:10px}.library-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.accounts-add-form{padding:16px 18px}.accounts-add-form-grid{gap:14px}.accounts-add-form .cyber-label{font-size:14px;margin-bottom:8px}.accounts-add-form .cyber-input,.accounts-add-form .cyber-select{font-size:15px;padding:14px;min-height:52px;border-radius:8px}.accounts-add-form .accounts-add-btn{width:100%;margin-top:14px;min-height:52px;padding:14px 20px;font-size:16px;font-weight:600;border-radius:8px}.library-empty{margin:0;padding:28px 12px;text-align:center;color:var(--text-muted);font-size:13px}.library-table{display:flex;flex-direction:column;gap:4px}.library-table-head,.library-table-row{display:grid;gap:8px;align-items:center;font-size:12px}.library-table-head{color:var(--text-muted);padding:0 4px 6px;border-bottom:1px solid rgba(34,211,238,.12)}.library-table-row{padding:8px 4px;border-bottom:1px solid rgba(34,211,238,.06)}.library-table-head,.library-table-row{grid-template-columns:minmax(0,1.6fr) .7fr .7fr 1fr .9fr}.library-table-head-material,.library-table-row.library-table-head-material{grid-template-columns:36px minmax(0,1.6fr) .7fr .7fr 1fr .9fr}.library-table-check{display:flex;align-items:center;justify-content:center}.library-checkbox{width:16px;height:16px;accent-color:#22d3ee;cursor:pointer}.confirm-modal{width:min(420px,92vw)}.confirm-modal-body{padding:16px 20px;font-size:14px;color:#cbd5e1;line-height:1.6}.confirm-modal-body p{margin:0 0 8px}.confirm-modal-list{margin:8px 0;padding-left:18px;max-height:160px;overflow-y:auto;font-size:13px;color:#94a3b8}.confirm-modal-hint{margin-top:12px!important;font-size:12px;color:#64748b!important}.library-table-head-voice,.library-table-row.library-table-head-voice{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr) .9fr 1fr}.library-table-head-character,.library-table-row.library-table-head-character{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) .9fr 1fr}.library-table-head-account,.library-table-row.library-table-head-account{grid-template-columns:.85fr minmax(0,.95fr) minmax(0,1fr) .65fr .55fr 1.05fr}.library-table-head.library-table-head-character-compact,.library-table-row.library-table-head-character-compact{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.1fr)}.library-table-head.library-table-head-voice-compact,.library-table-row.library-table-head-voice-compact{grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.85fr) minmax(0,1fr)}.library-cell-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.library-cell-muted{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-platform-cell{display:flex;align-items:center;gap:6px}.library-row-actions{display:flex;gap:8px;flex-wrap:wrap}.library-link{border:none;background:transparent;color:#22d3ee;font-size:12px;cursor:pointer;text-decoration:none;padding:0}.library-link.danger{color:#f87171}.library-link:hover{text-decoration:underline}.panel-quick-pick{display:flex;gap:6px;align-items:center}.panel-quick-pick .cyber-select{flex:1;min-width:0}.panel-quick-pick .neon-btn{flex-shrink:0}.publish-hint{margin:0 0 8px;font-size:11px;line-height:1.5}.publish-hint.warn{color:#fbbf24}.publish-progress-panel{margin-top:10px;padding:10px;border-radius:8px;border:1px solid rgba(34,211,238,.15);background:#080c1473}.publish-progress-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;align-items:center}.publish-progress-status{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publish-progress-logs{margin-top:8px;max-height:120px;overflow-y:auto;font-size:10px;color:var(--text-muted);line-height:1.45}.publish-progress-log-line{padding:2px 0;border-bottom:1px solid rgba(34,211,238,.06)}.library-cell-login.ok{color:#34d399}@keyframes license-border-spin{to{--license-angle: 360deg}}@keyframes license-scan{0%{transform:translateY(-100%);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(400%);opacity:0}}@keyframes license-glow-pulse{0%,to{text-shadow:0 0 8px rgba(34,211,238,.4)}50%{text-shadow:0 0 16px rgba(34,211,238,.8),0 0 24px rgba(167,139,250,.4)}}@keyframes license-id-flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.9}}@keyframes license-grid-drift{0%{background-position:0 0,0 0}to{background-position:40px 40px,40px 40px}}@property --license-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.license-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(34,211,238,.12) 0%,transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(244,114,182,.08) 0%,transparent 50%),var(--bg-primary)}.app-layout--gated{pointer-events:none;-webkit-user-select:none;user-select:none}.activate-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto}.activate-gate-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040a1438;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}.activate-gate-card{position:relative;z-index:1;max-height:min(92vh,720px);overflow:auto;box-shadow:0 0 0 1px #22d3ee59,0 24px 80px #0000008c,0 0 60px #22d3ee26}.license-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px);background-size:40px 40px;animation:license-grid-drift 20s linear infinite;pointer-events:none}.license-card{position:relative;width:min(480px,100%);background:#080c14eb;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #22d3ee40,0 0 40px #22d3ee1f,0 0 80px #a78bfa14,inset 0 1px #ffffff0a;--license-angle: 0deg;animation:license-border-spin 8s linear infinite}.license-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--license-angle),transparent 0deg,var(--neon-cyan) 60deg,var(--neon-purple) 120deg,var(--neon-pink) 180deg,transparent 240deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.license-scanline{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:inherit}.license-scanline:after{content:"";position:absolute;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent,rgba(34,211,238,.06) 50%,transparent);animation:license-scan 4s ease-in-out infinite}.license-titlebar{position:relative;display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(180deg,#0f172af2,#080c14e6);border-bottom:1px solid rgba(34,211,238,.2)}.license-titlebar-dots{display:flex;align-items:center;gap:8px}.license-titlebar-dot{width:10px;height:10px;border-radius:50%;background:#64748b80;box-shadow:inset 0 0 4px #0006}.license-titlebar-dot:first-child{background:#f87171b3;box-shadow:0 0 6px #f8717166}.license-titlebar-dots .license-titlebar-dot:nth-child(2){background:#fbbf24b3;box-shadow:0 0 6px #fbbf244d}.license-titlebar-dots .license-titlebar-dot:nth-child(3){background:#34d399b3;box-shadow:0 0 6px #34d3994d}.license-titlebar-brand{position:absolute;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(34,211,238,.35))}.license-titlebar-text{margin-left:auto;font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.05em}.license-body{padding:28px 32px 32px;text-align:center}.license-device-heading{font-size:14px;color:var(--text-primary);margin-bottom:10px;animation:license-glow-pulse 3s ease-in-out infinite}.subscription-account{margin-top:-10px;margin-bottom:22px;padding-bottom:2px}.subscription-account .license-device-heading{margin-bottom:6px}.subscription-account .license-device-id{display:inline-block;margin-bottom:0;max-width:100%}.subscription-price-hint{margin-top:10px;margin-bottom:14px;line-height:1.6}.license-device-row{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.license-device-id{font-size:13px;padding:8px 12px;background:#080c14e6;border:1px solid rgba(34,211,238,.35);border-radius:4px;color:#38bdf8;letter-spacing:.02em;animation:license-id-flicker 6s step-end infinite;box-shadow:0 0 12px #22d3ee26}.license-copy-btn{flex-shrink:0}.license-instruction{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.license-input{width:100%;padding:10px 14px;font-size:13px;background:#080c14f2;border:1px solid rgba(34,211,238,.25);border-radius:4px;color:var(--text-primary);text-align:center;transition:border-color .2s,box-shadow .2s}.license-input::placeholder{color:var(--text-muted)}.license-input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 0 2px #22d3ee26,0 0 20px #22d3ee33}.license-status{margin-top:14px;padding:8px 12px;font-size:12px;border-radius:4px;line-height:1.5}.license-status.is-warn{color:var(--warning);background:#fbbf2414;border:1px solid rgba(251,191,36,.3)}.license-status.is-error{color:var(--error);background:#f871711a;border:1px solid rgba(248,113,113,.35)}.license-actions{display:flex;gap:10px;justify-content:center;margin-top:24px;flex-wrap:wrap}.license-action-btn{min-width:100px;flex:1;max-width:140px}.license-corner{position:absolute;width:16px;height:16px;pointer-events:none;border-color:var(--neon-cyan);border-style:solid;opacity:.6}.license-corner-tl{top:36px;left:8px;border-width:2px 0 0 2px}.license-corner-tr{top:36px;right:8px;border-width:2px 2px 0 0}.license-corner-bl{bottom:8px;left:8px;border-width:0 0 2px 2px}.license-corner-br{bottom:8px;right:8px;border-width:0 2px 2px 0}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tab{flex:1;padding:10px 12px;border:1px solid rgba(34,211,238,.25);border-radius:8px;background:#0f172a99;color:#94a3b8;font-size:14px;cursor:pointer;transition:all .15s}.auth-tab.active{background:#22d3ee1f;color:#22d3ee;border-color:#22d3ee80;box-shadow:0 0 12px #22d3ee26}.auth-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:6px;margin-top:12px}.auth-label:first-of-type{margin-top:0}.auth-bonus-hint strong{color:#22d3ee}.auth-footnote{margin-top:16px;font-size:11px;color:#64748b;line-height:1.5;text-align:center}.auth-password-wrap{position:relative}.auth-password-input{width:100%;padding-right:42px;box-sizing:border-box}.auth-password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(34,211,238,.35);background:#0f172ad9;color:#94a3b8;cursor:pointer;padding:0;border-radius:6px;z-index:2}.auth-password-toggle:hover{color:#22d3ee;border-color:#22d3eea6;background:#22d3ee1f}.account-page-body{flex:1;min-height:0;display:flex;flex-direction:column}.account-card{display:flex;flex-direction:column;gap:20px;padding:18px 16px;max-width:480px}.account-section{display:flex;flex-direction:column;gap:10px}.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.account-section-title{font-size:14px;font-weight:600;color:#e2e8f0}.account-info-list{display:flex;flex-direction:column;gap:8px}.account-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:#22d3ee0d;border:1px solid rgba(34,211,238,.12)}.account-info-label{font-size:12px;color:#94a3b8;flex-shrink:0}.account-info-value{font-size:13px;color:#e2e8f0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-credits-box{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;background:#22d3ee14;border:1px solid rgba(34,211,238,.2)}.account-credits-label{font-size:12px;color:#94a3b8}.account-credits-value{font-size:28px;font-weight:700;color:#22d3ee;line-height:1}.account-refresh-btn{border:none;background:transparent;color:#64748b;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px}.account-refresh-btn:hover:not(:disabled){color:#22d3ee;background:#22d3ee14}.account-refresh-btn:disabled{opacity:.6;cursor:default}.account-empty{margin:0;font-size:13px;color:#64748b;line-height:1.5}.account-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.account-action-btn{width:100%;min-height:44px}.sidebar-account{margin-top:auto;padding:12px 10px 14px;border-top:1px solid rgba(34,211,238,.12);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.sidebar-account-user{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-account-name{font-size:13px;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-refresh{border:none;background:transparent;color:#64748b;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px}.sidebar-account-refresh:hover:not(:disabled){color:#22d3ee;background:#22d3ee14}.sidebar-account-credits{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;border-radius:8px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.15)}.sidebar-account-credits-label{font-size:11px;color:#94a3b8}.sidebar-account-credits-value{font-size:18px;font-weight:700;color:#22d3ee}.sidebar-subscription-text{font-size:11px;font-weight:500;line-height:1.35;text-align:right;max-width:62%}.sidebar-renew-link{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.sidebar-account-sub-row{margin-top:-4px}.sidebar-account-hint{margin:0;font-size:10px;line-height:1.4;color:#64748b;text-align:center}.sidebar-account-recharge{position:relative}.sidebar-recharge-btn{width:100%}.sidebar-recharge-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:#080c14fa;border:1px solid rgba(34,211,238,.25);border-radius:8px;overflow:hidden;z-index:20;box-shadow:0 -8px 24px #0006}.sidebar-recharge-item{display:block;padding:10px 12px;font-size:13px;color:#cbd5e1;text-decoration:none;border-bottom:1px solid rgba(34,211,238,.08)}.sidebar-recharge-item:last-child{border-bottom:none}.sidebar-recharge-item:hover{background:#22d3ee1a;color:#22d3ee}.sidebar-logout-btn{border:none;background:transparent;color:#64748b;font-size:12px;cursor:pointer;padding:4px 0;text-align:center}.sidebar-logout-btn:hover{color:#f87171}.inline-link{display:inline;padding:0;margin-left:4px;text-decoration:underline;color:#64748b}.inline-link:hover{color:#22d3ee}.library-page-fill{overflow:hidden}.batch-page-body{flex:1;min-height:0;display:flex;flex-direction:column}.batch-page-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;align-items:stretch}.batch-settings-card,.batch-queue-card{padding:16px;display:flex;flex-direction:column;min-height:0;height:100%}.batch-settings-card{padding-bottom:22px}.batch-settings-card>.batch-section-title{flex-shrink:0;margin-bottom:10px}.batch-settings-split{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.batch-url-zone,.batch-options-zone{flex:1 1 50%;min-height:0;display:flex;flex-direction:column}.batch-url-zone{padding-bottom:10px;border-bottom:1px solid rgba(34,211,238,.12)}.batch-url-field{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.batch-url-field .batch-url-input{flex:1;min-height:0;resize:none}.batch-options-zone{padding-top:2px;justify-content:flex-start;gap:8px}.batch-options-fields{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.batch-options-fields .field-group{margin-bottom:0;flex-shrink:0}.batch-section-title{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:14px}.batch-url-input{font-family:var(--font-mono, monospace);font-size:12px}.batch-hint{margin:6px 0 0;font-size:11px;color:#64748b}.batch-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#64748b;font-size:13px;line-height:1.6}.batch-queue-summary{font-size:11px;color:#64748b;font-weight:400}.batch-task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto}.batch-task-item{padding:12px;border-radius:10px;border:1px solid rgba(100,116,139,.2);background:#0f172a73}.batch-task-item.is-running.is-active{border-color:#22d3ee73;box-shadow:0 0 18px #22d3ee26;animation:panel-running-glow 2.2s ease-in-out infinite}.batch-task-item.is-completed{border-color:#34d39959}.batch-task-item.is-failed{border-color:#f8717159}.batch-task-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.batch-task-index{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#22d3ee26;color:#22d3ee}.batch-task-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.batch-task-status.is-pending{color:#94a3b8;background:#94a3b81f}.batch-task-status.is-running{color:#22d3ee;background:#22d3ee1f}.batch-task-status.is-completed{color:#34d399;background:#34d3991f}.batch-task-status.is-failed{color:#f87171;background:#f871711f}.batch-task-step{font-size:11px;color:#67e8f9}.batch-task-url{font-size:12px;color:#cbd5e1;word-break:break-all;line-height:1.5}.batch-task-message{margin-top:6px;font-size:11px;color:#64748b}.batch-task-error{margin-top:6px;font-size:11px;color:#fca5a5}.batch-add-btn{width:100%;min-height:48px;margin-top:8px;margin-bottom:4px;padding:0 24px;font-size:15px;font-weight:600;border-radius:8px;flex-shrink:0}.batch-task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.batch-task-meta span{font-size:10px;color:#94a3b8;padding:2px 8px;border-radius:999px;background:#64748b26}.batch-task-progress-wrap{display:flex;align-items:center;gap:8px;margin-top:8px}.batch-task-progress-track{flex:1;height:6px;border-radius:999px;background:#64748b33;overflow:hidden}.batch-task-progress-bar{height:100%;border-radius:999px;transition:width .35s ease;background:linear-gradient(90deg,#22d3ee,#6366f1)}.batch-task-progress-bar.is-completed{background:linear-gradient(90deg,#34d399,#10b981)}.batch-task-progress-bar.is-failed{background:linear-gradient(90deg,#f87171,#ef4444)}.batch-task-progress-label{font-size:10px;color:#64748b;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.batch-task-remove{margin-left:auto;border:none;background:transparent;color:#64748b;font-size:11px;cursor:pointer;padding:0}.batch-task-remove:hover{color:#f87171}.batch-task-download{margin-top:8px;border:none;background:transparent;color:#22d3ee;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}@media (max-width: 960px){.library-page-fill:has(.batch-page-body){overflow:hidden;display:flex;flex-direction:column;min-height:0}.batch-page-body{flex:1;min-height:0;display:flex;flex-direction:column}.batch-page-grid{flex:1;min-height:0;display:flex;flex-direction:column;grid-template-columns:none;height:auto;gap:12px;overflow:hidden}.batch-settings-card{flex:0 0 auto;height:auto;min-height:0;overflow:visible}.batch-settings-split,.batch-url-zone,.batch-options-zone{flex:none;min-height:0}.batch-url-field{flex:none}.batch-url-field .batch-url-input{flex:none;min-height:72px;height:84px;max-height:110px}.batch-options-fields{flex:none;min-height:auto}.batch-add-btn{position:static}.batch-queue-card{flex:1 1 auto;height:auto;min-height:120px;overflow:hidden}.batch-queue-card>.batch-section-title{flex-shrink:0}.batch-queue-card .batch-empty,.batch-queue-card .batch-task-list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.batch-empty{padding:20px 12px}}@media (max-width: 960px) and (max-height: 720px){.batch-url-field .batch-url-input{min-height:56px;height:64px;max-height:72px}.library-page:has(.batch-page-body) .library-page-subtitle{display:none}.batch-settings-split{gap:8px}}@media (max-width: 768px){:root{--pipeline-hero-height: 96px;--studio-chrome-saas: calc(var(--pipeline-hero-height) + var(--mobile-toolbar-height, 36px) + var(--mobile-status-height) + var(--mobile-tab-height) + var(--mobile-safe-bottom) + 12px);--studio-height: calc(100vh - var(--studio-chrome-saas));--studio-row-min: 0}.topbar{padding:0 10px;gap:6px}.topbar-brand-line1{font-size:14px}.topbar-brand-line2{font-size:11px}.topbar .topbar-mode-btn{padding:5px 12px;font-size:12px}.topbar-cloud-status{padding:4px 8px;font-size:11px;gap:5px}.topbar-cloud-dot{width:6px;height:6px}html,body,#root{overflow:hidden}.app-layout--mobile{flex-direction:column;height:100vh;height:100dvh}.app-layout--mobile .main-area{flex:1;min-height:0;padding-bottom:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom))}.mobile-bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;align-items:stretch;justify-content:space-around;gap:2px;height:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom));padding:0 4px var(--mobile-safe-bottom);background:#080c14fa;border-top:1px solid rgba(34,211,238,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-tab-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:10px;cursor:pointer;transition:color .15s,background .15s}.mobile-tab-item.active{color:#22d3ee;background:#22d3ee1a}.mobile-tab-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mobile-tab-icon .nav-line-icon{width:1.1em;height:1.1em}.mobile-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.mobile-app-status-bar{position:fixed;left:0;right:0;bottom:calc(var(--mobile-tab-height) + var(--mobile-safe-bottom));z-index:940;min-height:var(--mobile-status-height);padding:8px 12px;font-size:12px;line-height:1.4;text-align:center;color:#cbd5e1;background:#0f172af5;border-top:1px solid rgba(34,211,238,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .25s}.mobile-app-status-bar.is-running{color:#67e8f9;border-top-color:#22d3ee40;background:#22d3ee1a}.mobile-app-status-bar.is-success{color:#6ee7b7;border-top-color:#34d39940;background:#34d3991f}.mobile-app-status-bar.is-error{color:#fca5a5;border-top-color:#f8717140;background:#f871711f}.message-toast{display:none}.pipeline-hero--mobile{padding:8px 10px 6px}.pipeline-hero-toolbar--mobile{grid-template-columns:auto minmax(0,1fr);gap:8px}.pipeline-hero-toolbar--mobile .pipeline-hero-left{flex-shrink:0}.pipeline-hero-toolbar--mobile .topbar-mode-btn{padding:5px 14px;font-size:12px}.pipeline-hero-toolbar--mobile .pipeline-step-track{justify-content:center;overflow-x:auto;overflow-y:visible;padding-top:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.pipeline-hero-toolbar--mobile .pipeline-step-item{flex:0 0 auto;min-width:44px;max-width:52px;scroll-snap-align:center}.pipeline-hero-toolbar--mobile .pipeline-step-node{width:28px;height:28px}.pipeline-hero-toolbar--mobile .pipeline-step-num{font-size:11px}.pipeline-hero-toolbar--mobile .pipeline-step-label{font-size:9px;margin-top:4px}.pipeline-hero-toolbar--mobile .pipeline-step-line{top:14px;left:calc(50% + 16px);width:calc(100% - 32px)}.pipeline-step-item.is-selectable .pipeline-step-btn{all:unset;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer}.pipeline-step-item.is-selectable .pipeline-step-btn:active{opacity:.85}.pipeline-hero-mobile-cloud{display:flex;align-items:center;justify-content:center;margin-top:4px;font-size:12px;font-weight:600;color:#64748b}.pipeline-hero-mobile-cloud.is-online{color:#34d399}.pipeline-hero-mobile-cloud.is-offline{color:#f87171}.content-area.studio-content.studio-content-mobile{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 8px;overflow:hidden}.studio-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 6px;flex-shrink:0;--mobile-toolbar-height: 36px}.studio-mobile-preview-toggle{padding:5px 14px;border:1px solid rgba(34,211,238,.35);border-radius:999px;background:#22d3ee14;color:#22d3ee;font-size:12px;font-weight:600;cursor:pointer}.studio-mobile-preview-toggle.is-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;color:#fff}.studio-mobile-swipe-hint{font-size:10px;color:#64748b}.studio-mobile-step-strip{display:flex;justify-content:center;gap:4px;padding:4px 8px 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.studio-mobile-step-chip{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid rgba(100,116,139,.45);background:#0f172ae6;color:#64748b;font-size:12px;font-weight:700;cursor:pointer}.studio-mobile-step-chip.is-active{border-color:#22d3ee99;color:#22d3ee;background:#22d3ee1f}.studio-mobile-step-chip.is-running{animation:panel-running-glow 1.5s ease-in-out infinite}.studio-grid--mobile{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;gap:0}.studio-grid--mobile.studio-grid--auto{display:flex;flex-direction:column}.studio-grid--mobile .slot-auto.is-active{display:flex;flex:1 1 auto;min-height:0;align-items:stretch}.studio-grid--mobile .slot-auto>.glass-card{flex:0 1 auto;height:auto;max-height:100%;overflow:hidden}.studio-grid--mobile .auto-setup-card .panel-body{flex:0 1 auto}.studio-grid--mobile .slot-auto>.glass-card{flex:1 1 auto;height:100%;max-height:none}.studio-grid--mobile .auto-setup-card .panel-body{flex:1;min-height:0}.studio-grid--mobile .auto-setup-pick-grid{grid-template-columns:1fr}.studio-grid--mobile .auto-setup-body{padding-bottom:4px;overflow-y:auto}.studio-grid--mobile .auto-run-console{flex:1 1 auto;min-height:180px}.studio-grid--mobile .auto-run-console-body{max-height:none}.studio-grid--mobile .studio-slot{display:none;flex:1;min-height:0;height:100%}.studio-grid--mobile .studio-slot.is-active{display:flex;flex-direction:column}.studio-grid--mobile .studio-slot.is-mobile-hidden{display:none}.studio-grid--mobile .studio-slot>.glass-card{width:100%;flex:1;min-height:0;height:100%;max-height:none;overflow:hidden}.studio-grid--mobile .slot-preview.is-active>.preview-panel-card{min-height:calc(100vh - var(--studio-chrome-saas) - 8px)}.studio-grid--mobile .preview-panel-body{min-height:220px}.studio-grid--mobile .panel4-split{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:6px}.studio-grid--mobile .panel4-controls.panel-body{flex:0 0 auto;overflow:visible;gap:6px}.studio-grid--mobile .panel4-generate-btn{margin-top:4px}.studio-grid--mobile .panel4-controls .mobile-upload-drop{min-height:72px;padding:10px 12px;gap:4px}.studio-grid--mobile .panel4-controls .mobile-upload-drop-icon{font-size:22px}.studio-grid--mobile .panel4-controls .mobile-upload-drop-title{font-size:13px}.studio-grid--mobile .panel4-preview{min-height:260px;border-left:none;padding-left:0;border-top:1px solid rgba(34,211,238,.12);padding-top:6px}.studio-grid--mobile .panel4-preview-body{min-height:220px;align-items:stretch;justify-content:center}.studio-grid--mobile .panel4-preview-body .video-preview{height:100%;width:auto;max-width:100%;aspect-ratio:9 / 16;margin:0 auto}.studio-grid--mobile .panel-field-hint{max-height:none;white-space:normal;min-height:auto}.studio-grid--mobile .slot-p1 .panel-step-head,.studio-grid--mobile .slot-p2 .panel-step-head{min-height:0;flex-shrink:0}.studio-grid--mobile .slot-p1 .panel-body,.studio-grid--mobile .slot-p2 .panel-body{flex:1;min-height:0;overflow:hidden}.studio-grid--mobile .slot-p1 .panel-primary-btn,.studio-grid--mobile .slot-p1 .panel-body>p,.studio-grid--mobile .slot-p2 .panel-primary-btn,.studio-grid--mobile .slot-p2 .panel-body>p{flex-shrink:0}.studio-grid--mobile .slot-p1 .field-grow,.studio-grid--mobile .slot-p2 .field-grow{flex:1 1 auto;min-height:220px}.studio-grid--mobile .slot-p1 .field-grow .cyber-textarea,.studio-grid--mobile .slot-p2 .field-grow .cyber-textarea{flex:1;min-height:220px;height:auto}.studio-grid--mobile .rewrite-template-picker{max-height:min(28vh,200px);flex-shrink:0}.content-area{padding:6px 8px}.library-page-header{flex-wrap:wrap;gap:8px}.library-page-actions{flex-wrap:wrap}.library-page:has(.batch-page-body) .library-page-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.batch-settings-card{padding:12px 12px 16px}.batch-settings-card>.batch-section-title,.batch-queue-card>.batch-section-title{margin-bottom:8px}.batch-url-field .batch-url-input{min-height:64px;height:72px;max-height:88px}.batch-options-fields{gap:6px}.batch-add-btn{min-height:44px;margin-bottom:2px;bottom:calc(8px + var(--mobile-safe-bottom, 0px))}.library-tabs{overflow:visible;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding-bottom:2px}.library-tab{padding:7px 12px;min-height:34px;font-size:12px;flex:0 0 auto}.library-tabs--material-mobile{flex-wrap:nowrap;align-items:stretch;gap:8px}.library-tabs--material-mobile .library-tab--all{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 40px;width:40px;min-width:40px;padding:6px 4px;min-height:0;align-self:stretch;line-height:1.1;font-size:13px;font-weight:700}.library-tabs--material-mobile .library-tabs-rest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;flex:1;min-width:0}.library-tabs--material-mobile .library-tabs-rest .library-tab{width:100%;min-width:0;padding:7px 4px;font-size:11px;justify-content:center}.library-select-bar{position:sticky;top:0;z-index:5;margin-bottom:10px}.library-table-head,.library-table-row{grid-template-columns:28px 1fr 48px 56px!important;font-size:11px}.library-table-head-material,.library-table-row.library-table-head-material{grid-template-columns:32px minmax(0,1fr) 40px 44px!important}.library-table-head span:nth-child(n+5),.library-table-row span:nth-child(n+5){display:none}.library-table-head-material>span:nth-child(4),.library-table-head-material>span:nth-child(5),.library-table-row.library-table-head-material>span:nth-child(4),.library-table-row.library-table-head-material>span:nth-child(5){display:none!important}.library-table-head-material>span:nth-child(6),.library-table-row.library-table-head-material>span:nth-child(6){display:flex!important;justify-content:flex-end;align-items:center}.library-table-row.library-table-head-material .library-link:not(.danger){display:none}.mobile-upload-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:112px;padding:16px 14px;border:2px dashed rgba(34,211,238,.45);border-radius:12px;background:#22d3ee0f;color:#e2e8f0;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.mobile-upload-drop:active:not(:disabled){background:#22d3ee1f;border-color:#22d3eeb3}.mobile-upload-drop:disabled{opacity:.75;cursor:wait}.mobile-upload-drop--audio{border-color:#a78bfa73;background:#a78bfa0f}.mobile-audio-source-stack{display:flex;flex-direction:column;gap:8px;width:100%}.mobile-upload-drop--record{border-color:#f8717180;background:#f8717112;min-height:96px}.mobile-upload-drop--record .mobile-upload-drop-title{color:#fca5a5}.mobile-upload-drop--record.is-recording{border-color:#f87171d9;background:#f8717124;box-shadow:0 0 0 1px #f8717140}.mobile-upload-drop--record.is-recording .mobile-upload-drop-icon{color:#f87171;animation:record-pulse 1s ease-in-out infinite}.mobile-record-meter{display:block;width:100%;max-width:200px;height:3px;margin-top:2px;border-radius:999px;background:#64748b59;overflow:hidden}.mobile-record-meter-bar{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f87171,#fb7185);transition:width .3s ease}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.45}}.mobile-upload-drop--video{border-color:#f472b673;background:#f472b60f}.mobile-upload-drop--material{margin-bottom:10px}.mobile-upload-drop-icon{font-size:28px;line-height:1;opacity:.9}.mobile-upload-drop-title{font-size:15px;font-weight:600;color:#22d3ee}.mobile-upload-drop--audio .mobile-upload-drop-title{color:#a78bfa}.mobile-upload-drop--video .mobile-upload-drop-title{color:#f472b6}.mobile-upload-drop-hint{font-size:11px;color:#64748b}.mobile-upload-drop-file{font-size:10px;color:#94a3b8;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-upload-drop-progress{display:block;width:100%;max-width:200px;height:3px;margin-top:4px;border-radius:999px;background:#22d3ee26;overflow:hidden}.mobile-upload-drop-progress-bar{display:block;height:100%;width:40%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#a78bfa);animation:mobile-upload-indeterminate 1.2s ease-in-out infinite}@keyframes mobile-upload-indeterminate{0%{transform:translate(-100%)}to{transform:translate(350%)}}.mobile-upload-drop.is-uploading{border-style:solid}.activate-gate-overlay--mobile-ready{align-items:flex-end;padding:12px 12px calc(12px + var(--mobile-safe-bottom))}.activate-gate-overlay--mobile-ready .activate-gate-card{width:100%;max-width:none;max-height:min(88vh,680px);border-radius:12px 12px 8px 8px}.activate-gate-overlay--mobile-ready .license-body{padding:20px 18px 22px;text-align:left}.activate-gate-overlay--mobile-ready .license-instruction{text-align:left;font-size:12px}.activate-gate-overlay--mobile-ready .license-actions{flex-direction:column;align-items:stretch;gap:8px}.activate-gate-overlay--mobile-ready .license-action-btn{max-width:none;width:100%;min-width:0;flex:none}.activate-gate-overlay--mobile-ready .auth-footnote{text-align:center}.activate-gate-overlay--mobile-ready .license-titlebar-brand{font-size:12px}.activate-gate-overlay--mobile-ready .license-titlebar-text{font-size:11px}}
