: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;--statusbar-height: 28px;--studio-chrome: calc(var(--topbar-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-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}.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}.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:linear-gradient(180deg,transparent 0%,transparent 52%,rgba(0,0,0,.82) 100%)}.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;max-width:calc(100% - 24px);left:12px;right:12px}.subtitle-overlay-text{display:inline-block;max-width:100%;white-space:pre-wrap}.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}.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,1fr);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;align-items:center;justify-content:space-between;gap:8px}.library-character-preview-title{font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;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(220px,26%);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;gap:4px}.library-voice-player-title{font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-voice-player-text{margin:0;font-size:11px;line-height:1.5;color:var(--text-muted);max-height:72px;overflow-y:auto}.library-voice-player-empty{margin:0;font-size:12px;color:var(--text-muted);line-height:1.6}.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-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-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)}.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:14px;animation:license-glow-pulse 3s ease-in-out infinite}.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}