:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--surface-card:#f8f9fc;--surface:#f1f3f7;--surface-2:#e8eaf0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--stat-card-bg:#00000008;--stat-card-border:#00000014;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--surface-card:#1e293b;--surface:#1e1f2e;--surface-2:#2a2b3d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--stat-card-bg:#ffffff0a;--stat-card-border:#ffffff14}#social .button-icon{filter:invert()brightness(2)}}[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-card:#1e293b;--surface:#1e1f2e;--surface-2:#2a2b3d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--stat-card-bg:#ffffff0a;--stat-card-border:#ffffff14}[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}[data-theme=light]{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-card:#f8f9fc;--surface:#f1f3f7;--surface-2:#e8eaf0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--stat-card-bg:#00000008;--stat-card-border:#00000014}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}[data-font-level=small] .seg-translated,[data-font-level=small] .seg-source{font-size:.82rem}[data-font-level=large] .seg-translated,[data-font-level=large] .seg-source{font-size:1.05rem}.compact-mode .segment-item{padding:6px 8px!important}.compact-mode .segment-item+.segment-item{margin-top:4px!important}.compact-mode .seg-translated{rows:1;min-height:32px!important}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=768px){.nav-tabs{-webkit-overflow-scrolling:touch;gap:4px;padding:0 12px;display:flex;overflow-x:auto}.nav-tab{white-space:nowrap;padding:10px 12px;font-size:.8rem}.page-container{padding:12px!important}.workspace-body{flex-direction:column!important;overflow:auto!important}.workspace-left,.workspace-right{width:100%!important;min-height:0!important}.workspace-right{flex-shrink:0;height:40vh}.header-actions{flex-wrap:wrap;gap:6px}.btn-primary,.btn-secondary{padding:7px 12px;font-size:.82rem}.segments-list{padding:8px!important}.projects-grid{grid-template-columns:1fr!important}.project-mini-card{width:100%}.search-bar{flex-wrap:nowrap;gap:6px}.search-bar input{flex:1;min-width:0}.search-bar button{white-space:nowrap;flex-shrink:0}.wizard-steps{padding-bottom:4px;overflow-x:auto}.wizard-step-item{min-width:80px;font-size:.75rem}.status-filter{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.modal-box{margin:0 auto;border-radius:12px!important;width:95vw!important;max-width:95vw!important}.running-card{max-width:90vw!important;padding:24px 16px!important}.video-container video{max-height:180px!important}.panel-tabs button{padding:10px 8px;font-size:.8rem}.dev-links{flex-direction:column}.onboarding-steps{max-width:100%}}@media (width<=480px){.header-left h2{max-width:55vw;font-size:.9rem}.running-card h3{font-size:1.1rem!important}.btn-primary,.btn-secondary{gap:4px;padding:6px 10px}}.toast-notification{z-index:2000;background:var(--surface-card,#1e293b);border:1px solid var(--accent,#6366f1);color:var(--text-primary,#e2e8f0);border-radius:12px;align-items:flex-start;gap:10px;max-width:320px;padding:.85rem 1.2rem;font-size:.88rem;animation:.3s cubic-bezier(.34,1.56,.64,1) toast-in;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 32px #0006}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-notification button{cursor:pointer;color:var(--text-secondary,#94a3b8);background:0 0;border:none;flex-shrink:0;margin-left:auto;padding:2px;line-height:1}.url-download-status{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid #6366f14d;border-radius:12px;align-items:flex-start;gap:14px;margin:1rem 0;padding:1rem 1.25rem;animation:.3s fadeIn;display:flex}.url-download-icon{color:#6366f1;flex-shrink:0;padding-top:2px}.url-dl-spin{animation:1.5s ease-in-out infinite url-dl-pulse}@keyframes url-dl-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.url-download-text{flex:1}.url-download-title{color:var(--text-primary,#e2e8f0);margin-bottom:2px;font-size:.95rem;font-weight:600}.url-download-source{color:var(--text-secondary,#94a3b8);margin-bottom:6px;font-size:.8rem}.url-download-step{color:#6366f1;margin-bottom:8px;font-size:.82rem}.url-download-bar{background:#6366f126;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.url-download-bar-inner{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:60%;height:100%}.url-download-bar-animated{animation:2s linear infinite url-bar-slide}@keyframes url-bar-slide{0%{transform:translate(-100%)}to{transform:translate(200%)}}.url-download-hint{color:var(--text-secondary,#94a3b8);opacity:.7;font-size:.75rem}.pwa-install-banner{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border:1px solid #6366f140;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:10px;margin-bottom:1rem;padding:.75rem 1rem;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pwa-install-icon{flex-shrink:0;font-size:1.4rem}.pwa-install-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pwa-install-text strong{color:var(--text-primary,#e2e8f0);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.pwa-install-text span{color:var(--text-secondary,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.pwa-install-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:background .2s;display:flex}.pwa-install-btn:hover{background:#4f46e5}.pwa-dismiss-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;display:flex}.pwa-dismiss-btn:hover{color:var(--text-primary,#e2e8f0)}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.25rem;display:grid}@media (width<=640px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{border:1px solid var(--stat-card-border,#ffffff14);background:var(--stat-card-bg,#ffffff0a);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;transition:transform .15s;display:flex}.stat-card:hover{transform:translateY(-1px)}.stat-icon{opacity:.7;font-size:1.2rem}.stat-value{font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}@media (width<=480px){.stat-label{text-transform:none;letter-spacing:0;font-size:.7rem}.stat-icon{font-size:1.4rem}.stat-value{font-size:1.3rem}}.stat-total .stat-value{color:#a5b4fc}.stat-total .stat-icon{color:#6366f1}.stat-ok .stat-value{color:#86efac}.stat-ok .stat-icon{color:#22c55e}.stat-running .stat-value{color:#fde68a}.stat-running .stat-icon{color:#f59e0b}.stat-fail .stat-value{color:#fca5a5}.stat-fail .stat-icon{color:#ef4444}.btn-back-projects{color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-size:.84rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.btn-back-projects:hover{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.btn-back-projects span{white-space:nowrap}.project-card .project-title,.project-list-item .project-name{font-size:.96rem!important}.project-card .project-meta,.project-list-item .project-meta{font-size:.82rem!important}.disk-warning-banner{background:linear-gradient(135deg,#f59e0b26,#ef444414);border:1px solid #f59e0b59;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:1rem;padding:.85rem 1rem;animation:.3s slideDown;display:flex}.disk-warning-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.disk-warning-text{flex-direction:column;flex:1;gap:2px;display:flex}.disk-warning-text strong{color:#fde68a;font-size:.88rem}.disk-warning-text span{color:#94a3b8;font-size:.78rem}.disk-warning-dismiss{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px}.disk-warning-dismiss:hover{color:#e2e8f0}@media (width<=768px){button,.btn-primary,.btn-secondary,.btn-icon,.btn-back-projects,.pwa-install-btn,.pwa-dismiss-btn,.disk-warning-dismiss,input[type=submit]{min-width:44px;min-height:44px}.project-grid,.projects-grid{grid-template-columns:1fr!important}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:10px 6px}.stat-value{font-size:1.3rem!important}.header-row-title{flex-wrap:wrap;gap:8px}.workspace-header h2{word-break:break-all;font-size:1rem}}#pwa-splash{z-index:9999;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#pwa-splash.hidden{opacity:0;visibility:hidden;pointer-events:none}#pwa-splash .splash-logo{margin-bottom:1rem;font-size:4rem;animation:1.5s ease-in-out infinite splash-pulse}@keyframes splash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}#pwa-splash .splash-title{color:#e2e8f0;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}#pwa-splash .splash-subtitle{color:#6366f1;font-size:.9rem}#pwa-splash .splash-bar{background:#6366f133;border-radius:2px;width:120px;height:3px;margin-top:1.5rem;overflow:hidden}#pwa-splash .splash-bar-fill{transform-origin:0;background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;animation:1.5s ease-in-out infinite splash-load}@keyframes splash-load{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(0)translate(100%)}}.autosave-badge{animation:.5s autosave-flash}@keyframes autosave-flash{0%{background:#10b98166;transform:scale(1.08)}to{background:0 0;transform:scale(1)}}.running-qa-hint{cursor:help;opacity:.7;margin:0 2px;font-size:10px}.adv-tts-speed-badge{color:var(--color-accent,#6366f1);vertical-align:middle;background:#6366f126;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.72rem;font-weight:600;display:inline-block}.adv-glossary{flex-direction:column;gap:6px;margin-top:4px;display:flex}.adv-glossary-row{background:#6366f112;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:.82rem;display:flex}.adv-glossary-source{color:var(--color-text,#e2e8f0);font-weight:600}.adv-glossary-target{color:var(--color-accent,#6366f1);font-weight:600}.adv-glossary-arrow{opacity:.5;font-size:1rem}.adv-glossary-add-row{align-items:center;gap:6px;margin-top:4px;display:flex}.adv-glossary-input{min-width:0;color:inherit;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:4px 8px;font-size:.82rem}.btn-download-cta{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,transform .15s;animation:2s infinite pulse-green;display:inline-flex;box-shadow:0 2px 8px #10b98159}.btn-download-cta:hover{color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #10b98180}@keyframes pulse-green{0%,to{box-shadow:0 2px 8px #10b98159}50%{box-shadow:0 2px 16px #10b98199}}.drop-prompt-title{margin-top:8px;font-size:1.2rem;font-weight:700}.drop-prompt-formats{opacity:.5;letter-spacing:.05em;font-size:.75rem}.stage-elapsed{color:var(--color-muted,#94a3b8);font-variant-numeric:tabular-nums;background:#94a3b81f;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.7rem;display:inline-block}.btn-icon--labeled{align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.btn-icon-label{opacity:.8;font-size:.7rem;font-weight:500}@media (width<=640px){.btn-icon-label{display:none}}.privacy-notice{color:var(--color-muted,#94a3b8);background:#6366f11a;border:1px solid #6366f140;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;font-size:.78rem;display:flex}.privacy-notice-text{flex:1;min-width:200px}.privacy-notice-ok{cursor:pointer;color:var(--color-accent,#6366f1);white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:5px;padding:3px 12px;font-size:.75rem}.privacy-notice-ok:hover{background:#6366f140}.quality-report-section{flex-direction:column;gap:10px;margin-top:16px;display:flex}.quality-report-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.qr-grade-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qr-grade{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;font-weight:900;display:inline-flex}.qr-grade--a{color:#10b981;background:#10b98133}.qr-grade--b{color:#3b82f6;background:#3b82f633}.qr-grade--c{color:#f59e0b;background:#f59e0b33}.qr-grade--d{color:#ef4444;background:#ef444433}.qr-grade-label{font-size:.9rem;font-weight:600}.qr-issues{color:var(--color-muted,#94a3b8);margin-left:auto;font-size:.78rem}.qr-recommendations{color:var(--color-muted,#94a3b8);margin:0;padding:0 0 0 18px;font-size:.78rem;line-height:1.7}.seg-copy-btn{cursor:pointer;opacity:.4;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:.85rem;transition:opacity .15s}.seg-copy-btn:hover{opacity:.9}.shortcuts-modal{width:95%;max-width:420px}.shortcuts-grid{flex-direction:column;gap:8px;padding:4px 0;display:flex}.shortcut-row{align-items:center;gap:12px;font-size:.82rem;display:flex}.shortcut-row kbd{white-space:nowrap;text-align:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;min-width:60px;padding:2px 8px;font-family:monospace;font-size:.78rem;display:inline-block}.shortcut-row span{color:var(--color-muted,#94a3b8)}.seg-search-bar{border-bottom:1px solid #ffffff0f;align-items:center;gap:4px;padding:6px 12px;display:flex}.seg-search-input{color:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:5px 10px;font-size:.82rem}.seg-search-clear{cursor:pointer;color:var(--color-muted,#94a3b8);background:0 0;border:none;padding:0 4px;font-size:1.1rem}.seg-source-row{align-items:flex-start;gap:8px;display:flex}.seg-source-row .seg-source{flex:1}.seg-diff-badge{white-space:nowrap;cursor:help;border-radius:4px;flex-shrink:0;margin-top:2px;padding:2px 5px;font-family:monospace;font-size:.65rem;display:inline-block}.seg-diff--ok{color:#10b981;background:#10b9811f}.seg-diff--long{color:#f59e0b;background:#f59e0b1f}.seg-diff--short{color:#6366f1;background:#6366f11f}.segments-list{scroll-behavior:smooth}.seg-notes-input{width:100%;color:var(--color-muted,#94a3b8);box-sizing:border-box;background:#ffffff08;border:1px solid #ffffff0f;border-radius:5px;padding:4px 10px;font-size:.76rem;font-style:italic}.seg-notes-input::placeholder{color:#94a3b866}.seg-qa-filter{border-radius:var(--radius-sm,4px);border:1px solid var(--border);background:var(--surface-2,#f5f5f5);color:var(--text-secondary);cursor:pointer;height:28px;margin-left:.25rem;padding:.25rem .4rem;font-size:.75rem}.seg-merge-btn{border-radius:var(--radius-sm,4px);border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;align-items:center;gap:.25rem;margin-top:.25rem;padding:.15rem .5rem;font-size:.72rem;transition:opacity .15s;display:inline-flex}.seg-merge-btn:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.segment-item.seg-qa-critical{border-left:3px solid var(--color-error,#ef4444);background:#ef44440a}.segment-item.seg-qa-error{border-left:3px solid var(--color-warning,#f59e0b);background:#f59e0b0a}.segment-item.seg-qa-warning{border-left:3px solid var(--color-info,#3b82f6);background:#3b82f608}.seg-checkbox{cursor:pointer;width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;margin-right:6px}.segment-item.seg-selected{outline:2px solid var(--accent);outline-offset:-2px}.bulk-actions-bar{background:var(--surface-2,#f0f0f0);border-radius:var(--radius-sm,4px);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.bulk-count{color:var(--accent);flex:1;font-weight:600}.dashboard-drag-over{outline:3px dashed var(--accent);outline-offset:-4px}.dashboard-dnd-overlay{z-index:999;pointer-events:none;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dashboard-dnd-overlay span{color:#fff;background:var(--accent);text-shadow:0 1px 4px #0006;border-radius:16px;padding:1.5rem 3rem;font-size:2rem}.project-tags{flex-wrap:wrap;gap:.35rem;margin-top:4px;display:flex}.project-tag{background:var(--accent,#6366f1);color:#fff;opacity:.85;border-radius:9999px;padding:.1rem .5rem;font-size:.7rem}.seg-edit-count{background:var(--surface-2,#f0f0f0);color:var(--text-secondary);white-space:nowrap;border-radius:9999px;padding:.1rem .35rem;font-size:.68rem}@media (width<=768px){.panel-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{flex-shrink:0;min-width:60px;padding:10px;font-size:.75rem}.run-btn,button[id*=run],button[id*=pipeline]{min-height:48px!important;padding:12px 20px!important;font-size:1rem!important}.seg-translated,.seg-source{font-size:1rem}button.btn-danger,button[id*=cancel],button[id*=delete]{border:2px solid var(--color-error,#e53e3e)!important}}.download-all-cta{background:linear-gradient(135deg,#48bb7826,#3182ce26);border:1px solid #48bb7866;border-radius:10px;flex-wrap:wrap;gap:10px;margin:12px 0;padding:12px 16px;display:flex}.download-all-cta .cta-label{color:var(--color-success,#48bb78);align-self:center;font-weight:600}.btn-sm{cursor:pointer;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:500}.btn-xs{cursor:pointer;border-radius:5px;padding:4px 10px;font-size:.78rem;font-weight:500}.stage-error-hint summary{cursor:pointer;color:var(--color-accent,#63b3ed);-webkit-user-select:none;user-select:none;margin-top:6px;font-size:.82rem}.stage-error-hint ul{color:var(--color-text-muted,#a0aec0);margin:4px 0 0 16px;font-size:.8rem}.stage-error-msg{color:var(--color-error,#fc8181);word-break:break-word;margin-top:4px;font-size:.82rem;display:block}.seg-replace-row{flex-wrap:wrap;align-items:center;gap:6px;width:100%;padding:6px 0 2px;display:flex}@media (width<=768px){.panel-tabs{position:relative}.panel-tabs:after{content:"";background:linear-gradient(to right, transparent, var(--color-surface,#1a202c));pointer-events:none;width:24px;height:100%;position:absolute;top:0;right:0}}.provider-hint{color:var(--color-text-muted,#a0aec0);margin-top:4px;font-size:.75rem;display:block}[data-tooltip]{cursor:help;position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-surface-2,#2d3748);color:var(--color-text,#e2e8f0);white-space:pre-wrap;z-index:999;opacity:0;pointer-events:none;border-radius:6px;max-width:240px;padding:6px 10px;font-size:.78rem;transition:opacity .15s;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}[data-tooltip]:hover:after{opacity:1}.btn-delete-project{padding:6px 10px;color:#ef4444!important;border-color:#ef44444d!important}.btn-delete-project:hover{background:#ef44441f!important;border-color:#ef444499!important}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:background .2s;display:inline-flex}.btn-danger:hover{background:#dc2626}.delete-confirm-modal h3{color:#ef4444;margin:0 0 10px}.delete-confirm-modal p{margin:0 0 20px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.seg-side-by-side .segment-item{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;align-items:start;gap:0 12px;display:grid}.seg-side-by-side .seg-header{grid-column:1/-1}.seg-side-by-side .seg-source-row{border-right:1px solid var(--border);flex-direction:column;padding-right:12px;display:flex}.seg-side-by-side .seg-source{color:var(--text);opacity:.8;white-space:pre-wrap;min-height:40px;padding:6px 0;font-size:.82rem;line-height:1.5}.seg-side-by-side .seg-translated{min-height:60px!important}.seg-side-by-side .seg-diff-badge{display:none}@media (width<=768px){.seg-side-by-side .segment-item{grid-template-columns:1fr}.seg-side-by-side .seg-source-row{border-right:none;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:8px;padding-right:0}}@keyframes modal-slide-in{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#000000b8;justify-content:center;align-items:center;animation:.18s modal-overlay-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface,#1e1f2e);border:1px solid var(--border,#2e303a);border-radius:16px;animation:.22s cubic-bezier(.34,1.4,.64,1) modal-slide-in;box-shadow:0 24px 60px #0000008c}@media (pointer:coarse){.btn-sm,.btn-xs,.btn-icon{min-width:44px;min-height:44px;padding:10px 14px;font-size:.9rem}.seg-translated{min-height:80px!important;padding:10px!important;font-size:1rem!important}.card-actions{gap:10px}.header-row-actions{flex-wrap:wrap;gap:8px}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{pointer-events:none;opacity:.7}.skeleton-line{background:linear-gradient(90deg, var(--border,#2e303a) 25%, color-mix(in srgb, var(--border,#2e303a) 50%, transparent) 50%, var(--border,#2e303a) 75%);background-size:800px 100%;border-radius:6px;animation:1.4s ease-in-out infinite skeleton-shimmer}.skeleton-title{width:70%;height:18px;margin-bottom:10px}.skeleton-meta{width:50%;height:12px;margin-bottom:10px}.skeleton-actions{width:90%;height:28px}.dnd-options{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:16px;display:flex}.dnd-option-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;padding:10px 20px;font-size:.9rem;transition:all .18s}.dnd-option-btn:hover{background:#ffffff38}.dnd-option-run{background:#6366f166;border-color:#6366f1cc;font-weight:600}.dnd-option-run:hover{background:#6366f1a6}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:90%;max-width:480px;animation:.2s slide-up;box-shadow:0 24px 60px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:20px 24px 16px;display:flex}.modal-header h3{color:var(--text-primary);flex:1;font-size:1.05rem;font-weight:600}.modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.modal-project-id{color:var(--text-secondary);font-size:.9rem}.modal-project-id strong{color:var(--text-primary)}.modal-provider{flex-direction:column;gap:4px;font-size:.9rem;display:flex}.modal-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.modal-warning{color:var(--text-secondary);background:#fbbf2414;border:1px solid #fbbf2433;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.875rem;line-height:1.5;display:flex}.modal-warning--danger{color:#fca5a5;background:#ef444414;border-color:#ef444440}.modal-warning--warn{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2440}.modal-warning--info{color:var(--text-secondary);background:#3b82f614;border-color:#3b82f633}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.modal-from-stage{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:6px;margin-top:4px;padding:10px 12px;display:flex}.modal-from-stage-label{color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.modal-from-stage-select{color:#e5e7eb;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:6px;width:100%;padding:7px 10px;font-size:.88rem;transition:border-color .15s}.modal-from-stage-select:hover,.modal-from-stage-select:focus{border-color:#a78bfa80;outline:none}.modal-from-stage-note{color:#a78bfa;align-items:flex-start;gap:5px;font-size:.75rem;line-height:1.4;display:flex}.modal-from-stage-note svg{flex-shrink:0;margin-top:2px}.modal-from-stage-note--warn{color:#fbbf24}.modal-speed-warn{flex-direction:column;align-items:flex-start;gap:8px}.modal-speed-warn-btn{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:6px;align-self:flex-end;margin-top:2px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s}.modal-speed-warn-btn:hover{background:#f59e0b40;border-color:#f59e0ba6}.modal-cost-estimate{background:#6366f10f;border:1px solid #6366f133;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.modal-cost-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.modal-cost-row svg{color:var(--accent-primary);flex-shrink:0}.modal-cost-row strong{color:var(--text-primary)}.modal-cost-row--free svg{color:var(--success)}.modal-cost-note{color:var(--text-muted);font-size:.75rem;font-style:italic}.search-bar{flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:30px;padding:20px;display:flex}.search-bar .text-input{flex:1;min-width:0}.search-bar-actions{flex-shrink:0;gap:8px;display:flex}@media (width<=480px){.search-bar{flex-wrap:nowrap;gap:6px;padding:12px 16px}.search-bar .text-input{flex:1;min-width:0}.search-bar-actions{flex-shrink:0;gap:4px}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state h3{margin-bottom:8px;font-size:1.2rem}.dashboard-content{flex-direction:column;gap:24px;display:flex}.project-card{flex-direction:column;display:flex;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{align-items:center;gap:16px;display:flex}.card-title h3{font-size:1.4rem}.card-actions{gap:12px;display:flex}.card-body{flex-direction:column;gap:30px;padding:24px;display:flex}.meta-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.meta-value{align-items:center;gap:8px;font-size:1rem;font-weight:500;display:flex}.stages h4{color:var(--text-secondary);margin-bottom:16px;font-size:1rem}.stages-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.stage-pill{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.stage-pill.completed{background:#10b9810d;border-color:#10b9814d}.stage-pill.failed{background:#ef44440d;border-color:#ef44444d}.stage-pill.running{background:#f59e0b0d;border-color:#f59e0b4d}.stage-header{justify-content:space-between;align-items:center;display:flex}.stage-header strong{text-transform:capitalize;font-size:.9rem}.stage-error{color:var(--danger);word-break:break-word;background:#ef44441a;border-radius:4px;padding:6px;font-size:.8rem}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mb-4{margin-bottom:16px}.inline-icon{opacity:.5}.projects-section{padding:24px}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.section-header-left{align-items:baseline;gap:10px;display:flex}.section-header-left h3{margin:0;font-size:1.1rem}.section-count{color:var(--text-muted);font-size:.82rem;font-weight:400}.section-header-controls{align-items:center;gap:8px;display:flex}.project-list-search{color:var(--text-muted);align-items:center;gap:6px;display:flex}.search-input-compact{border-radius:6px;width:140px;padding:6px 10px!important;font-size:.82rem!important}.select-compact{border-radius:6px;min-width:0;padding:6px 10px!important;font-size:.82rem!important}.status-filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.project-mini-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s,box-shadow .2s;display:flex}.project-mini-card:hover{border-color:#8b5cf640;box-shadow:0 2px 16px #8b5cf60f}.mini-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.mini-card-actions{border-top:1px solid var(--border-color,#ffffff0f);align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.btn-card-download{cursor:pointer;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-card-download:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px);box-shadow:0 3px 10px #15803d4d}.btn-card-open{cursor:pointer;white-space:nowrap;background:var(--accent-primary,#8b5cf6);color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 6px #8b5cf633}.btn-card-open:hover{background:var(--accent-hover,#7c3aed);transform:translateY(-1px)}.btn-card-delete{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-card-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.delete-modal{background:var(--bg-surface,#18181b);border:1px solid var(--border-color,#3f3f46);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:8px;width:90vw;max-width:400px;padding:32px 28px 24px;animation:.22s cubic-bezier(.34,1.4,.64,1) modal-slide-in;display:flex;box-shadow:0 24px 64px #00000080}.delete-modal-icon{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex}.delete-modal-title{color:var(--text-primary,#fafafa);margin:0;font-size:1.15rem;font-weight:700}.delete-modal-desc{color:var(--text-secondary,#a1a1aa);margin:0 0 8px;font-size:.88rem;line-height:1.5}.delete-modal-desc strong{color:var(--text-primary,#fafafa);word-break:break-all}.delete-modal-actions{gap:10px;width:100%;margin-top:8px;display:flex}.delete-modal-cancel{cursor:pointer;background:var(--bg-elevated,#27272a);border:1px solid var(--border-color,#3f3f46);color:var(--text-primary,#fafafa);border-radius:10px;flex:1;padding:10px 16px;font-size:.88rem;font-weight:500;transition:all .15s}.delete-modal-cancel:hover{background:var(--border-color,#3f3f46)}.delete-modal-confirm{cursor:pointer;color:#f87171;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.delete-modal-confirm:hover{color:#fca5a5;background:#ef444438;border-color:#ef444499}.mini-card-actions>*+*{margin-left:8px}@supports (gap:10px){.mini-card-actions>*+*{margin-left:0}}.card-title h3{text-overflow:ellipsis;white-space:nowrap;max-width:55vw;overflow:hidden}.mini-card-title strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;overflow:hidden}.onboarding-hero{text-align:center;margin-bottom:24px}.onboarding-icon{margin-bottom:12px;font-size:3rem}.onboarding-steps{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex}.onboarding-step{align-items:flex-start;gap:14px;display:flex}.step-num{background:linear-gradient(135deg, var(--accent-primary), #a855f7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.onboarding-step strong{color:var(--text-primary);font-size:.9rem}.onboarding-step p{color:var(--text-muted);margin:2px 0 0;font-size:.82rem;line-height:1.4}.onboarding-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.onboarding-docs-link{align-items:center;gap:6px;font-size:.85rem;text-decoration:none;display:flex}.section-header-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-filter svg{color:var(--text-muted);flex-shrink:0}.filter-pill{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:99px;padding:4px 10px;font-size:.78rem;transition:all .15s}.filter-pill:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-pill.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-primary);font-weight:600}.meta-label,.meta-value,.mini-card-meta{font-size:.87rem!important}.quick-downloads{flex-wrap:wrap;gap:6px;width:100%;margin-top:6px;display:flex}.btn-xs{text-decoration:none;gap:4px!important;padding:.25rem .6rem!important;font-size:.75rem!important}.stale-warning{color:var(--text-primary,#e2e8f0);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.stale-warning svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.error-human{color:var(--text-primary,#e2e8f0);background:#ef444414;border:1px solid #ef444440;border-radius:10px;gap:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.error-human svg{color:#ef4444;flex-shrink:0;margin-top:1px}.error-human-msg{color:var(--text-secondary,#94a3b8)}.card-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin:0 0 8px;position:relative;overflow:hidden}.card-progress-fill{background:linear-gradient(90deg, var(--accent-primary), #60a5fa);border-radius:3px;height:100%;transition:width .8s;animation:2s ease-in-out infinite progress-pulse}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}.card-progress-label{color:var(--text-muted);font-size:.7rem;position:absolute;top:-18px;right:0}.badge[title]{cursor:help;position:relative}.stat-card.stat-words{border-color:#3b82f64d}.stat-card.stat-time{border-color:#10b9814d}.batch-queue{border-radius:10px;margin:0 0 16px;padding:12px 16px;font-size:.85rem}.batch-queue-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.batch-queue-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:5px 0;font-size:.82rem;display:flex}.batch-queue-item:last-child{border-bottom:none}.batch-queue-status{flex-shrink:0;font-size:1rem}.batch-queue-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;overflow:hidden}.batch-queue-error{color:var(--danger);font-size:.78rem}.batch-queue-item--done .batch-queue-name{color:var(--success)}.batch-queue-item--error .batch-queue-name{color:var(--danger);opacity:.8}.batch-queue-item--uploading .batch-queue-name{color:var(--warning)}@media (width<=768px){.dashboard-content,.project-list,.project-card,.batch-progress{box-sizing:border-box;max-width:100%;overflow-x:hidden}.project-card .btn-icon,.project-card button{min-width:36px;min-height:36px}}.card-filename{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:2px;font-size:.78rem;font-weight:400;display:block;overflow:hidden}@media (width<=480px){.card-filename{max-width:180px}}.card-progress-eta{opacity:.9;font-size:.78rem;font-weight:500}@media (width<=480px){.projects-grid{grid-template-columns:1fr}.mini-card-actions{flex-flow:wrap;justify-content:stretch}.mini-card-actions .btn-secondary,.mini-card-actions .btn-primary{flex:1;justify-content:center;min-width:0;min-height:44px;font-size:.85rem}.card-header{flex-direction:column;align-items:flex-start;gap:8px}.card-actions{flex-wrap:wrap;width:100%}.card-actions .btn-primary,.card-actions .btn-secondary{flex:1;justify-content:center;min-height:44px}.status-filter{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.filter-pill{white-space:nowrap;min-height:36px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header-right{flex-wrap:wrap;gap:6px;width:100%}#project-list-search-input{width:100%!important}}.btn-success{cursor:pointer;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:1px solid #15803d;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-success:hover{background:linear-gradient(135deg,#15803d,#166534);transform:translateY(-1px);box-shadow:0 4px 12px #15803d59}.btn-download-cta{animation:2s ease-in-out download-pulse}@keyframes download-pulse{0%{box-shadow:0 0 #15803d80}50%{box-shadow:0 0 0 6px #15803d00}to{box-shadow:0 0 #15803d00}}.pagination-controls{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:12px 16px;display:flex}.pagination-info{color:var(--text-muted,#888);font-size:.85rem}.pagination-buttons{align-items:center;gap:12px;display:flex}.pagination-page{color:var(--text-secondary,#aaa);text-align:center;min-width:60px;font-size:.9rem}.btn-outline{color:var(--text-secondary,#ccc);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:all .2s}.btn-outline:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff4d}.btn-outline:disabled{opacity:.35;cursor:not-allowed}.ssml-toolbar{background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;flex-wrap:wrap;align-items:center;gap:3px;padding:5px 8px;font-size:11px;display:flex}.ssml-divider{background:#ffffff14;flex-shrink:0;width:1px;height:16px;margin:0 2px}.ssml-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff17;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;height:22px;padding:2px 8px;font-family:inherit;font-size:11px;line-height:1;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ssml-btn:hover:not(:disabled){color:#c4b5fd;background:#8b5cf62e;border-color:#8b5cf659}.ssml-btn:active:not(:disabled){background:#8b5cf64d;transform:translateY(.5px)}.ssml-btn:disabled{opacity:.35;cursor:not-allowed}.ssml-btn--stress{color:#fbbf24;border-color:#fbbf242e;font-weight:700}.ssml-btn--stress:hover:not(:disabled){color:#fde68a;background:#fbbf241f;border-color:#fbbf2459}.ssml-btn--accent{color:#fb923c;border-color:#fb923c2e;font-size:11px;font-weight:700}.ssml-btn--accent:hover:not(:disabled){color:#fdba74;background:#fb923c1f;border-color:#fb923c59}.ssml-btn--phoneme{color:#60a5fa;border-color:#60a5fa2e}.ssml-btn--phoneme:hover:not(:disabled){color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa59}.ssml-btn--reset{color:#f87171;border-color:#f871712e;font-size:11px}.ssml-btn--reset:hover:not(:disabled){color:#fca5a5;background:#f871711a;border-color:#f8717159}.ssml-btn--preview{color:#34d399;border-color:#34d39933;font-weight:500}.ssml-btn--preview:hover:not(:disabled){color:#6ee7b7;background:#34d3991a;border-color:#34d39966}.ssml-btn--loading{animation:.9s ease-in-out infinite ssml-pulse}@keyframes ssml-pulse{0%,to{opacity:1}50%{opacity:.45}}.ssml-select{color:#ffffffa6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff17;border-radius:4px;outline:none;flex-shrink:0;height:22px;padding:0 4px;font-family:inherit;font-size:11px}.ssml-select:hover{border-color:#8b5cf64d}.ssml-select:focus{border-color:#8b5cf680}.ssml-override-badge{color:#c4b5fd;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:10px;flex-shrink:0;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:600}.ssml-preview-err{color:#f87171;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;max-width:200px;font-size:10px;overflow:hidden}.tts-rich-preview{color:#fffc;word-break:break-word;-webkit-user-select:none;user-select:none;pointer-events:none;background:#00000040;border:1px solid #ffffff12;border-radius:5px;margin-top:4px;padding:6px 10px;font-size:13px;line-height:1.6}.tts-rich-preview .tts-accent{color:#fb923c;font-style:normal;font-weight:700}.tts-rich-preview .tts-sil{color:#c4b5fd;vertical-align:middle;background:#8b5cf626;border:1px solid #8b5cf640;border-radius:4px;align-items:center;gap:1px;margin:0 2px;padding:0 5px;font-size:11px;display:inline-flex}.tts-rich-preview .tts-ctx-pause{color:#a5b4fc;vertical-align:middle;background:#6366f11f;border:1px solid #6366f138;border-radius:4px;align-items:center;margin:0 2px;padding:0 5px;font-size:11px;display:inline-flex}.tts-rich-preview .tts-phoneme{color:#93c5fd;vertical-align:middle;background:#60a5fa1a;border:1px solid #60a5fa38;border-radius:4px;align-items:center;gap:2px;margin:0 2px;padding:0 5px;font-family:monospace;font-size:11px;display:inline-flex}.tts-rich-preview .tts-stress{color:#fbbf24;font-weight:600}.tts-rich-preview .tts-logic-accent{color:#f97316;border-bottom:2px solid #f97316;padding-bottom:1px;font-style:normal;font-weight:700}.ssml-btn--logic-accent{letter-spacing:-1px;color:#f97316;font-family:Georgia,serif;font-weight:700}.ssml-btn--logic-accent:hover{background:#f973162e;border-color:#f97316}.adv-settings{flex-direction:column;gap:16px;display:flex}.adv-field{flex-direction:column;gap:6px;display:flex}.adv-section{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-2) 72%, transparent);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.adv-section--muted{opacity:.78}.adv-section--info{background:#3b82f60f;border-color:#3b82f638;flex-direction:row;align-items:flex-start;gap:14px}.adv-section-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.adv-professional-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.adv-field--toggle{flex-direction:row;justify-content:space-between;align-items:center}.adv-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:600}.adv-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:8px 10px;font-size:.92rem;transition:border-color .15s}.adv-select:focus{border-color:var(--accent)}.adv-select:disabled{opacity:.5;cursor:not-allowed}.adv-toggle{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;min-width:56px;padding:5px 14px;font-size:.85rem;transition:all .15s}.adv-toggle--on{border-color:var(--accent);color:var(--accent);background:#8b5cf626}.adv-toggle:disabled{opacity:.4;cursor:not-allowed}.adv-tags{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:6px 8px;transition:border-color .15s;display:flex}.adv-tags:focus-within{border-color:var(--accent)}.adv-tag{color:var(--accent);background:#8b5cf61f;border:1px solid #8b5cf64d;border-radius:5px;align-items:center;gap:4px;padding:2px 6px;font-size:.82rem;display:inline-flex}.adv-tag-remove{color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 1px;font-size:.95rem;line-height:1;transition:opacity .1s}.adv-tag-remove:hover{opacity:1}.adv-tag-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:100px;font-size:.88rem}.adv-tag-add{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:2px 8px;font-size:.95rem;line-height:1;transition:opacity .15s}.adv-tag-add:disabled{opacity:.3;cursor:not-allowed}.adv-hint{color:var(--text-tertiary,var(--text-secondary));opacity:.6;font-size:.75rem}.adv-hint--error{color:#f87171;opacity:.9}.adv-balance-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px;display:grid}.adv-balance-card{background:color-mix(in srgb, var(--surface-2) 80%, transparent);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;min-height:72px;padding:10px 12px;transition:border-color .15s;display:flex}.adv-balance-card--unconfigured{opacity:.55}.adv-balance-card__header{justify-content:space-between;align-items:center;display:flex}.adv-balance-card__name{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);opacity:.85;font-size:.78rem;font-weight:700;text-decoration:none;transition:opacity .15s}.adv-balance-card__name:hover{opacity:1;text-decoration:underline}.adv-balance-card__refresh{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:2px 7px;font-size:1rem;line-height:1;transition:all .15s}.adv-balance-card__refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.adv-balance-card__refresh:disabled{opacity:.4;cursor:not-allowed}@keyframes adv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adv-balance-card__refresh--spinning{animation:.7s linear infinite adv-spin}.adv-balance-card__loading{color:var(--text-secondary);opacity:.6;font-size:.78rem}.adv-balance-card__error{color:#f87171;font-size:.75rem}.adv-balance-card__body{flex-direction:column;gap:2px;display:flex}.adv-balance-card__main{align-items:baseline;gap:6px;display:flex}.adv-balance-card__value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.adv-balance-card__sublabel{color:var(--text-secondary);opacity:.6;font-size:.72rem}.adv-balance-card__secondary{color:var(--text-secondary);opacity:.75;font-size:.76rem}.adv-balance-card__hint{color:var(--text-secondary);opacity:.5;font-size:.7rem;line-height:1.3}@media (width<=760px){.adv-professional-grid,.adv-balance-row{grid-template-columns:1fr}}.adv-field--devmode{border-top:1px solid #ffffff0f;margin-top:4px;padding-top:10px}.adv-devmode-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.adv-devmode-info{flex-direction:column;flex:1;gap:3px;display:flex}.adv-label--devmode{color:#a5b4fc;font-size:.8rem}.adv-tts-block{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:10px;padding:10px;display:flex}.adv-tts-row{align-items:flex-end;gap:10px;display:flex}.adv-tts-row .adv-field{flex:1}.adv-tts-voices-label{color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.05em;padding:2px 0;font-size:.73rem;font-weight:500}.adv-tts-voices-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.adv-tts-voice-card{cursor:pointer;text-align:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;transition:border-color .15s,background .15s,transform .1s;display:flex}.adv-tts-voice-card:hover:not(:disabled){background:#a78bfa0f;border-color:#a78bfa66;transform:translateY(-1px)}.adv-tts-voice-card--selected{box-shadow:0 0 0 2px #a78bfa33;background:#a78bfa1f!important;border-color:#a78bfa!important}.adv-tts-voice-card:disabled{opacity:.5;cursor:not-allowed}.adv-tts-voice-gender{font-size:1.1rem;line-height:1}.adv-tts-voice-name{color:var(--text-primary,#f9fafb);font-size:.78rem;font-weight:600}.adv-tts-voice-tone{color:var(--text-muted,#6b7280);font-size:.65rem;line-height:1.3}.adv-tts-roles{flex-wrap:wrap;gap:6px;padding:2px 0 4px;display:flex}.adv-tts-role-btn{color:var(--text-muted,#9ca3af);cursor:pointer;background:#ffffff0a;border:1.5px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-size:.73rem;transition:all .15s}.adv-tts-role-btn:hover:not(:disabled){color:#e5e7eb;border-color:#a78bfa66}.adv-tts-role-btn--active{font-weight:600;color:#c4b5fd!important;background:#a78bfa26!important;border-color:#a78bfa!important}.adv-tts-role-btn:disabled{opacity:.4;cursor:not-allowed}.adv-tts-sliders{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:12px;margin-top:10px;padding:12px 14px;display:flex}.adv-tts-slider-row{flex-direction:column;gap:4px;display:flex}.adv-tts-slider-label{color:var(--text-secondary,#9ca3af);align-items:center;gap:6px;font-size:.78rem;display:flex}.adv-tts-slider-label strong{color:#c4b5fd;min-width:44px}.adv-tts-slider-hint{color:#9ca3af8c;margin-left:auto;font-size:.68rem;font-style:italic}.adv-tts-slider{appearance:none;cursor:pointer;accent-color:#a78bfa;background:#a78bfa33;border-radius:2px;outline:none;width:100%;height:4px}.adv-tts-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#a78bfa;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 0 6px #a78bfa80}.adv-tts-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.adv-tts-slider:disabled{opacity:.4;cursor:not-allowed}.adv-tts-slider-ticks{color:#9ca3af80;justify-content:space-between;padding:0 2px;font-size:.68rem;display:flex}.adv-emotion-note{color:#9ca3afbf;margin-bottom:8px;font-size:.72rem;line-height:1.4}.adv-role-btns{flex-wrap:wrap;gap:6px;display:flex}.devlog-panel{flex-direction:column;height:100%;font-size:.78rem;display:flex;overflow:hidden}.devlog-toolbar{border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:5px;padding:8px 10px 6px;display:flex}.devlog-toolbar-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.devlog-select{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;flex:1;min-width:90px;max-width:130px;padding:3px 6px;font-size:.72rem}.devlog-select:focus{border-color:var(--accent);outline:none}.devlog-icon-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:3px;padding:4px 7px;font-size:.72rem;transition:all .15s;display:flex}.devlog-icon-btn:hover{color:var(--text-primary);background:#ffffff1a}.devlog-ai-btn{margin-left:auto}.devlog-ai-btn.active{border-color:var(--accent);color:var(--accent);background:#8b5cf633}.devlog-search-row{background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;display:flex}.devlog-search-icon{color:var(--text-secondary);flex-shrink:0}.devlog-search{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.76rem}.devlog-search::placeholder{color:var(--text-secondary);opacity:.6}.devlog-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:1px;transition:color .15s;display:flex}.devlog-search-clear:hover{color:var(--text-primary)}.devlog-meta-row{align-items:center;gap:10px;display:flex}.devlog-meta-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;display:flex}.devlog-meta-warn{color:#fbbf24}.devlog-ai-panel{background:#8b5cf60d;border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:8px;max-height:55vh;padding:10px;display:flex;overflow-y:auto}.devlog-ai-header{color:var(--accent);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.devlog-ai-modes{flex-wrap:wrap;gap:4px;display:flex}.devlog-ai-mode-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:99px;padding:3px 9px;font-size:.7rem;transition:all .15s}.devlog-ai-mode-btn:hover{border-color:var(--accent);color:var(--text-primary)}.devlog-ai-mode-btn.active{border-color:var(--accent);color:var(--accent);background:#8b5cf633;font-weight:600}.devlog-ai-run-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .15s;display:flex}.devlog-ai-run-btn:hover:not(:disabled){opacity:.88}.devlog-ai-run-btn:disabled{opacity:.5;cursor:not-allowed}.devlog-ai-error{color:#f87171;background:#ef444414;border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:.75rem;display:flex}.devlog-ai-result{flex-direction:column;gap:6px;display:flex}.devlog-ai-result-meta{color:var(--text-secondary);font-size:.7rem}.devlog-ai-result-meta code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:.68rem}.devlog-ai-result-text{color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;padding:10px 12px;font-size:.76rem;line-height:1.6}.devlog-ai-result-text h3{color:var(--accent);margin:8px 0 4px;font-size:.85rem}.devlog-ai-result-text h4{color:#c4b5fd;margin:6px 0 3px;font-size:.8rem}.devlog-ai-result-text p{margin:2px 0}.devlog-ai-result-text li{margin:2px 0 2px 14px;list-style:outside;display:list-item}.devlog-ai-result-text br{height:4px;display:block}.devlog-events{flex:1;overflow:hidden auto}.devlog-events::-webkit-scrollbar{width:4px}.devlog-events::-webkit-scrollbar-track{background:0 0}.devlog-events::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:99px}.devlog-empty{text-align:center;color:var(--text-secondary);padding:24px 12px;font-size:.78rem}.devlog-evt{border-bottom:1px solid #ffffff08;border-left:3px solid #0000;transition:background .1s}.devlog-evt:hover{background:#ffffff06}.devlog-evt.expanded{background:#ffffff08}.devlog-evt.evt-translate{border-left-color:#8b5cf6}.devlog-evt.evt-rewrite{border-left-color:#f59e0b}.devlog-evt.evt-stage{border-left-color:#6366f1}.devlog-evt.evt-tts{border-left-color:#10b981}.devlog-evt.evt-error{background:#ef44440a;border-left-color:#ef4444}.devlog-evt.evt-transcribe{border-left-color:#ec4899}.devlog-evt-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:5px 8px;display:flex}.devlog-evt-icon{flex-shrink:0;font-size:.8rem}.devlog-evt-time{color:var(--text-secondary);flex-shrink:0;font-family:monospace;font-size:.66rem}.devlog-evt-name{color:var(--text-secondary);flex-shrink:0;min-width:80px;font-size:.72rem;font-weight:600}.evt-translate .devlog-evt-name{color:#c4b5fd}.evt-rewrite .devlog-evt-name{color:#fcd34d}.evt-error .devlog-evt-name{color:#f87171}.devlog-evt-summary{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.devlog-evt-toggle{color:var(--text-secondary);opacity:.5;flex-shrink:0}.devlog-evt-body{flex-direction:column;gap:4px;padding:4px 12px 8px 22px;display:flex}.devlog-field{flex-direction:column;gap:2px;display:flex}.devlog-field--inline{flex-direction:row;align-items:center;gap:8px}.devlog-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);opacity:.7;flex-shrink:0;font-size:.66rem;font-weight:600}.devlog-field-val{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;max-height:200px;margin:0;padding:5px 8px;font-size:.73rem;line-height:1.5;overflow-y:auto}.devlog-mono{font-family:Fira Code,JetBrains Mono,monospace;font-size:.7rem}.devlog-field-code{color:#a5f3fc;word-break:break-all;background:#ffffff0d;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.7rem}.devlog-disabled{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 20px;display:flex}.devlog-disabled-icon{opacity:.3;color:var(--accent)}.devlog-disabled strong{color:var(--text-primary);font-size:.85rem}.devlog-disabled p{font-size:.76rem;line-height:1.5}.devlog-error{color:#f87171;background:#ef444412;border-bottom:1px solid #ef44441a;align-items:center;gap:6px;padding:8px 10px;font-size:.75rem;display:flex}.artifact-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.artifact-card:hover{border-color:var(--accent)}.artifact-icon{color:var(--accent);opacity:.85;flex-shrink:0}.artifact-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.artifact-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.artifact-meta{flex-wrap:wrap;gap:8px;display:flex}.artifact-meta span{color:var(--text-secondary);opacity:.75;font-size:.72rem}.artifact-checksum{letter-spacing:.02em;font-family:monospace}.artifact-actions{flex-shrink:0;gap:4px;display:flex}.artifact-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:5px 7px;text-decoration:none;transition:all .15s;display:flex}.artifact-btn:hover{border-color:var(--accent);color:var(--accent)}.qa-summary{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px;font-size:.83rem;display:flex}.qa-ok{background:#22c55e0a;border-color:#22c55e4d}.qa-warn{background:#fbbf240a;border-color:#fbbf244d}.qa-fail{background:#ef44440a;border-color:#ef444440}.qa-verdict{align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.qa-ok .qa-verdict{color:#4ade80}.qa-warn .qa-verdict{color:#fbbf24}.qa-fail .qa-verdict{color:#f87171}.qa-metrics{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qa-metric{background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;flex-direction:column;gap:2px;padding:7px 4px;display:flex}.qa-metric-value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.qa-metric-value.qa-metric--error{color:#f87171}.qa-metric-value.qa-metric--warn{color:#fbbf24}.qa-metric-value.qa-metric--info{color:#60a5fa}.qa-metric-label{color:var(--text-secondary);font-size:.68rem;line-height:1.2}.qa-severity-bar{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.qa-sev-badge{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.qa-sev-critical{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.qa-sev-error{color:#fb923c;background:#fb923c1f;border:1px solid #fb923c47}.qa-sev-warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440}.qa-sev-info{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f633}.qa-issues{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.qa-flag-group{border:1px solid #0000;border-radius:8px;transition:opacity .15s;overflow:hidden}.qa-flag-header{-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:7px 10px;line-height:1.3;display:flex}.qa-flag-header:hover{opacity:.9}.qa-flag-severity-icon{opacity:.9;flex-shrink:0;align-items:center;display:flex}.qa-flag-text{flex:1;font-size:.78rem;line-height:1.35}.qa-flag-count{opacity:.9;border-radius:99px;flex-shrink:0;padding:1px 7px;font-size:.69rem;font-weight:700}.qa-flag-expand{opacity:.6;flex-shrink:0;align-items:center;display:flex}.qa-flag-segments{border-top:1px solid #ffffff0f;flex-direction:column;gap:3px;margin:0;padding:6px 10px 8px;list-style:none;display:flex}.qa-seg-item{background:#00000026;border-radius:5px;align-items:center;gap:6px;padding:3px 5px;font-size:.71rem;display:flex}.qa-seg-num{font-variant-numeric:tabular-nums;opacity:.7;min-width:28px;color:inherit;font-size:.67rem;font-weight:700}.qa-seg-time{opacity:.6;flex-shrink:0;min-width:36px;font-family:monospace;font-size:.67rem}.qa-seg-text{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.71rem;overflow:hidden}.qa-seg-more{opacity:.5;padding:2px 5px;font-size:.68rem;font-style:italic}.qa-info-section{flex-direction:column;gap:5px;display:flex}.qa-info-toggle{color:#60a5fa;cursor:pointer;text-align:left;background:#3b82f60f;border:1px solid #3b82f626;border-radius:7px;align-items:center;gap:5px;width:100%;padding:5px 9px;font-size:.71rem;transition:background .15s;display:flex}.qa-info-toggle:hover{background:#3b82f61a}.qa-issues--info-block{padding-left:4px}.qa-issue{border-radius:8px;align-items:flex-start;gap:6px;padding:6px 10px;line-height:1.4;display:flex}.qa-issue--warn{color:#fbbf24;background:#fbbf2414}.qa-issue--info{color:#93c5fd;background:#3b82f614}.stats-panel{color:var(--text-primary);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 35%, transparent) transparent;flex-direction:column;flex:1;gap:0;min-height:0;font-size:.8rem;display:flex;overflow:hidden auto}.stats-panel::-webkit-scrollbar{width:4px}.stats-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 40%, transparent);border-radius:99px}.stats-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 12px 6px;display:flex}.stats-title{color:var(--text-secondary);letter-spacing:.02em;font-size:.82rem;font-weight:600}.stats-refresh-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;font-size:.75rem;transition:all .15s;display:flex}.stats-refresh-btn:hover{color:var(--accent);background:#8b5cf61a}.stats-refresh-btn:disabled{opacity:.5;cursor:default}.stats-status-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:6px 12px;display:flex}.stats-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 7px;font-size:.7rem;font-weight:600}.stats-badge--completed{color:#34d399;background:#10b98126}.stats-badge--running{color:#fbbf24;background:#f59e0b26}.stats-badge--failed{color:#f87171;background:#ef444426}.stats-badge--created{color:#a5b4fc;background:#6366f11a}.stats-lang{color:var(--text-secondary);font-size:.74rem}.stats-quality-badge{border-radius:99px;margin-left:auto;padding:2px 8px;font-size:.72rem}.stats-quality-badge.professional{color:#c4b5fd;background:linear-gradient(90deg,#8b5cf633,#ec489926)}.stats-quality-badge.amateur{color:#9ca3af;background:#6b728026}.stats-section{border-bottom:1px solid #ffffff0a;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.stats-section-title{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;opacity:.85;align-items:center;gap:5px;font-size:.74rem;font-weight:600;display:flex}.stats-time-total{color:var(--text-secondary);align-items:center;gap:10px;font-size:.8rem;display:flex}.stats-time-total strong{color:var(--text-primary);font-size:.9rem}.stats-slowest{color:#f59e0b;background:#f59e0b1a;border-radius:6px;padding:2px 6px;font-size:.72rem}.stats-time-bar-wrap{flex-direction:column;gap:6px;display:flex}.stats-time-bar{background:#ffffff0f;border-radius:4px;height:8px;display:flex;overflow:hidden}.stats-time-bar-seg{min-width:2px;height:100%;transition:width .3s}.stats-time-bar-seg:first-child{border-radius:4px 0 0 4px}.stats-time-bar-seg:last-child{border-radius:0 4px 4px 0}.stats-time-legend{flex-direction:column;gap:3px;display:flex}.stats-time-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.74rem;display:flex}.stats-time-legend-item strong{color:var(--text-primary);margin-left:auto;font-size:.78rem}.stats-legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.stats-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;flex-direction:column;gap:2px;padding:7px 9px;transition:border-color .15s;display:flex}.stats-card:hover{border-color:#8b5cf64d}.stats-card-val{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1}.stats-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}.stats-kv-group{flex-direction:column;gap:4px;display:flex}.stats-kv{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:2px 0;font-size:.77rem;display:flex}.stats-kv strong{color:var(--text-primary);font-weight:600}.stats-kv--warn strong,.text-warn{color:#fbbf24!important}.stats-providers,.stats-flags{flex-direction:column;gap:4px;display:flex}.stats-expand-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:3px 0;font-size:.74rem;transition:color .15s;display:flex}.stats-expand-btn:hover{color:var(--accent)}.stats-provider-list{flex-direction:column;gap:4px;margin-top:2px;display:flex}.stats-provider-row{background:#ffffff08;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:relative;overflow:hidden}.stats-provider-bar{background:#8b5cf61f;border-radius:6px;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.stats-provider-name{color:var(--text-secondary);flex:1;font-size:.74rem;position:relative}.stats-provider-count{color:var(--accent);font-size:.72rem;font-weight:600;position:relative}.stats-flag-list{flex-direction:column;gap:3px;margin-top:2px;display:flex}.stats-flag-item{background:#ef44440f;border-radius:6px;justify-content:space-between;align-items:center;padding:3px 6px;font-size:.74rem;display:flex}.stats-flag-name{color:#fca5a5}.stats-flag-count{color:#f87171;background:#ef444426;border-radius:99px;padding:1px 6px;font-size:.7rem;font-weight:600}.stats-failed-stages{color:#f87171;background:#ef444414;border-top:1px solid #ef444426;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;display:flex}.stats-loading{color:var(--text-secondary);align-items:center;gap:8px;padding:20px 12px;font-size:.8rem;display:flex}.stats-spinner{border:2px solid #8b5cf633;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.stats-error{color:#f87171;align-items:center;gap:8px;padding:12px;font-size:.78rem;display:flex}.spin{animation:1s linear infinite spin}.stats-billing-block{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.stats-billing-block-header{justify-content:space-between;align-items:center;display:flex}.stats-billing-provider-label{color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.stats-billing-currency{color:var(--text-muted);background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:.68rem}.stats-billing-amount-row{align-items:baseline;gap:6px;display:flex}.stats-billing-spent{font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#34d399,#10b981);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.stats-billing-balance-row{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.7rem}.stats-billing-provider{color:#a78bfa;font-size:.78rem}.stats-billing-no-data{color:var(--text-muted);align-items:flex-start;gap:6px;padding:4px 0;font-size:.75rem;font-style:italic;line-height:1.4;display:flex}.stats-quality-gauge{border:1px solid var(--border-color);background:#ffffff08;border-radius:8px;margin:8px 0 4px;padding:10px 12px}.stats-quality-gauge--excellent{background:#10b9810d;border-color:#10b98159}.stats-quality-gauge--good{background:#6366f10d;border-color:#6366f159}.stats-quality-gauge--warn{background:#f59e0b0d;border-color:#f59e0b59}.stats-quality-gauge--poor{background:#ef44440f;border-color:#ef444459}.stats-quality-gauge-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.stats-quality-gauge-label{color:var(--text-secondary);flex:1;font-size:.78rem;font-weight:600}.stats-quality-gauge-score{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:700}.stats-quality-gauge-grade{border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:600}.stats-quality-gauge--excellent .stats-quality-gauge-grade{color:#34d399;background:#10b9812e}.stats-quality-gauge--good .stats-quality-gauge-grade{color:#a5b4fc;background:#6366f12e}.stats-quality-gauge--warn .stats-quality-gauge-grade{color:#fbbf24;background:#f59e0b2e}.stats-quality-gauge--poor .stats-quality-gauge-grade{color:#f87171;background:#ef44442e}.stats-quality-gauge-bar-wrap{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.stats-quality-gauge-bar{border-radius:99px;height:100%;transition:width .5s}.stats-quality-gauge--excellent .stats-quality-gauge-bar{background:linear-gradient(90deg,#10b981,#34d399)}.stats-quality-gauge--good .stats-quality-gauge-bar{background:linear-gradient(90deg,#6366f1,#a5b4fc)}.stats-quality-gauge--warn .stats-quality-gauge-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stats-quality-gauge--poor .stats-quality-gauge-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.stats-quality-gauge-issues{flex-direction:column;gap:2px;margin:6px 0 0;padding:0;list-style:none;display:flex}.stats-quality-gauge-issues li{color:var(--text-muted);font-size:.72rem}.workspace{box-sizing:border-box;flex-direction:column;height:100vh;padding:20px;display:flex;overflow:hidden}.workspace-loading{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.workspace-header{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 20px;display:flex}.workspace-message{border-radius:var(--radius-sm);color:var(--text-secondary);background:#38bdf81f;border:1px solid #38bdf840;margin-bottom:16px;padding:10px 14px}.header-row{align-items:center;gap:10px;width:100%;display:flex}.header-row-title{min-width:0}.header-row-title h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.header-row-actions{flex-wrap:wrap;gap:8px}.partial-rerun-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.seg-reviewed-badge{color:#86efac;background:#10b9811a;border:1px solid #10b98138;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-left h2{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-size:1.05rem;overflow:hidden}.btn-icon{border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);background:0 0;padding:8px}.btn-icon:hover{background:var(--bg-elevated)}.workspace-grid{flex:1;grid-template-columns:minmax(280px,1fr) 340px;gap:16px;min-height:0;display:grid;overflow:hidden}.workspace-left{flex-direction:column;gap:16px;min-height:0;display:flex;overflow:hidden}.workspace-right{flex-direction:column;min-height:0;display:flex;overflow:hidden}.right-tabs{flex-shrink:0}.right-tab-content{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.panel{flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);background:#0003;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 16px;display:flex}.panel-header h3{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:1rem;overflow:hidden}.panel-header-meta{white-space:nowrap;color:#ffffff73;flex-shrink:0;align-items:center;gap:4px;font-size:.8rem;display:flex}.panel-tabs{border-bottom:1px solid var(--border-color);background:#0003;display:flex}.panel-tabs button{color:var(--text-muted);background:0 0;border-radius:0;flex:1;padding:14px 10px;font-size:.9rem}.panel-tabs button:hover{color:var(--text-primary)}.panel-tabs button.active{color:var(--accent-primary);box-shadow:inset 0 -2px 0 var(--accent-primary)}.video-container{background:#000;flex:1;justify-content:center;align-items:center;display:flex}.video-container video{outline:none;width:100%;max-height:100%}.segments-list{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.segment-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);border-left:4px solid var(--border-light);flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.segment-item.translated{border-left-color:var(--accent-primary)}.segment-item.tts_ready{border-left-color:var(--success)}.seg-header{justify-content:space-between;align-items:center;display:flex}.seg-timing{color:var(--accent-primary);background:var(--accent-glow);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.seg-status{text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.seg-source{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.seg-translated{resize:vertical;min-height:80px}.timeline-container{flex:1;padding:20px;overflow-y:auto}.artifact-downloads{border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.artifact-downloads h4{color:var(--text-secondary);font-size:.9rem}.artifact-link{color:var(--accent-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);align-items:center;gap:8px;padding:8px 10px;font-size:.9rem;text-decoration:none;display:flex}.artifact-link:hover{border-color:var(--accent-primary)}.timeline{margin:0;padding:0;list-style:none}.timeline-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.timeline-icon{z-index:2;background:var(--bg-surface);justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.timeline-marker{background:var(--border-light);border-radius:50%;width:10px;height:10px}.timeline-item:after{content:"";background:var(--border-color);z-index:1;width:2px;position:absolute;top:24px;bottom:-24px;left:11px}.timeline-item:last-child:after{display:none}.timeline-content{flex-direction:column;gap:4px;padding-top:2px;display:flex}.status-text{color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.undo-redo-group{gap:4px;display:flex}.btn-icon:disabled{opacity:.3;cursor:not-allowed}.dirty-indicator{color:var(--warning);font-weight:500}.seg-empty{background:#fbbf240a!important;border-color:#fbbf2466!important}.seg-has-ssml{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82rem;background:#8b5cf60a!important;border-color:#8b5cf666!important}.seg-duration{opacity:.6;margin-left:6px;font-size:.75rem}.qa-section{border-bottom:1px solid var(--border-color);padding:16px 20px}.timeline-content strong{text-transform:none;font-size:.9rem}.workspace-config-panel{border-radius:12px;margin:0 0 12px;padding:16px 20px}.config-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.segment-active{border-color:var(--accent)!important;background:#8b5cf60f!important}.seg-timing--clickable{cursor:pointer;transition:color .15s}.seg-timing--clickable:hover{color:var(--accent);text-decoration:underline}.running-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.running-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:420px;padding:40px 48px;display:flex;box-shadow:0 24px 64px #00000080}.running-spinner{color:var(--accent-primary)}.running-card h3{color:var(--text-primary);margin:0;font-size:1.3rem}.running-stage{color:var(--text-secondary);margin:0;font-size:.9rem}.running-eta{color:var(--accent-primary);letter-spacing:.01em;margin:0;font-size:.95rem;font-weight:600}.running-progress-wrap{background:var(--bg-elevated);border-radius:99px;width:100%;height:6px;overflow:hidden}.running-progress-bar{background:linear-gradient(90deg, var(--accent-primary), #a855f7);border-radius:99px;height:100%;transition:width .5s}.running-stage-progress{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff0a;flex-direction:column;gap:8px;width:100%;padding:10px;display:flex}.running-stage-progress-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;display:flex}.running-stage-progress-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.running-stage-progress-head strong{color:var(--text-primary);font-variant-numeric:tabular-nums;flex-shrink:0}.running-progress-wrap-stage{height:8px}.running-progress-bar-stage{background:linear-gradient(90deg, var(--success), var(--accent-primary))}.running-hint{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.5}.video-panel{flex:none}.video-container video{object-fit:contain;border-radius:0 0 var(--radius-md) var(--radius-md);background:#000;width:100%;max-height:260px}.segments-panel{flex:1;min-height:0}.segments-panel .panel-header{flex-shrink:0}.segments-list{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow:hidden auto}.header-left h2{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.modal-project-id strong{text-overflow:ellipsis;white-space:nowrap;word-break:break-all;max-width:100%;display:block;overflow:hidden}.stage-error-block{background:#ef444414;border:1px solid #ef444440;border-radius:6px;flex-direction:column;gap:4px;margin-top:6px;padding:8px 10px;display:flex}.stage-error-label{color:var(--danger);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.stage-error-msg{color:var(--text-secondary);word-break:break-all;white-space:pre-wrap;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;line-height:1.5}.doctor-panel{background:#38bdf812;border:1px solid #38bdf840;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.doctor-panel--warn{background:#f59e0b12;border-color:#f59e0b52}.doctor-panel-head,.doctor-panel-title,.doctor-summary,.doctor-panel-actions{align-items:center;gap:8px;display:flex}.doctor-panel-head{justify-content:space-between}.doctor-panel-title strong{color:var(--text-primary);font-size:.88rem}.doctor-close{padding:4px}.doctor-summary{color:var(--text-secondary);flex-wrap:wrap;font-size:.78rem}.doctor-summary span{border:1px solid var(--border-color);background:#ffffff0a;border-radius:999px;padding:3px 7px}.doctor-issues,.doctor-snapshots ul{margin:0;padding:0;list-style:none}.doctor-issues{flex-direction:column;gap:6px;display:flex}.doctor-issue{background:#0f172a38;border-left:3px solid #94a3b873;border-radius:6px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.doctor-issue--error{border-left-color:var(--danger)}.doctor-issue--warning{border-left-color:var(--warning)}.doctor-issue-code{color:var(--text-muted);text-transform:uppercase;font-size:.68rem}.doctor-issue-msg{color:var(--text-secondary);font-size:.76rem;line-height:1.35}.doctor-actions-list{flex-wrap:wrap;gap:6px;display:flex}.doctor-segment-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.doctor-segment-summary span{color:var(--text-secondary);background:#0f172a38;border-radius:6px;padding:6px 8px;font-size:.72rem}.doctor-action-chip{color:var(--text-secondary);background:#10b9811a;border:1px solid #10b98138;border-radius:999px;padding:3px 7px;font-size:.72rem}.doctor-panel-actions{flex-wrap:wrap}.doctor-snapshots{border-top:1px solid var(--border-color);padding-top:4px}.doctor-snapshots-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:5px;font-size:.72rem;display:block}.doctor-snapshots li{color:var(--text-secondary);justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.doctor-snapshots time{color:var(--text-muted);white-space:nowrap}.timeline-progress{flex-direction:column;gap:6px;margin-top:8px;display:flex}.timeline-progress-head{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.timeline-progress-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timeline-progress-head strong{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0}.timeline-progress-track{background:var(--bg-elevated);border-radius:99px;height:5px;overflow:hidden}.timeline-progress-bar{background:linear-gradient(90deg, var(--success), var(--accent-primary));border-radius:99px;height:100%;transition:width .5s}.btn-sm{gap:5px;padding:5px 10px;font-size:.8rem}.config-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.config-panel-header h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.config-panel-actions{align-items:center;gap:8px;display:flex}.config-close-btn{color:var(--text-secondary);border-color:#0000}.config-close-btn:hover{color:var(--danger);background:#ef444414;border-color:#ef444466}.editor-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:48px 24px;display:flex}.editor-empty-icon{opacity:.6;font-size:2.5rem;line-height:1}.editor-empty-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.editor-empty-hint{color:var(--text-secondary);max-width:280px;margin:0;font-size:.85rem;line-height:1.5}.adv-scroll-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 45%, transparent);border-radius:99px}.right-tab-content--flush{padding:0!important;overflow:hidden!important}.right-tab-content--stats{flex-direction:column;display:flex}.right-tab-content--devlog{flex-direction:column;height:100%;display:flex}.running-qa-feed{flex-direction:column;gap:5px;width:100%;margin-top:4px;display:flex}.running-qa-feed-title{text-transform:uppercase;letter-spacing:.06em;color:#fbbf24;opacity:.75;align-items:center;gap:5px;padding:0 2px;font-size:.68rem;font-weight:600;display:flex}.running-qa-list{flex-direction:column;gap:3px;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.running-qa-list::-webkit-scrollbar{width:3px}.running-qa-list::-webkit-scrollbar-track{background:0 0}.running-qa-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.running-qa-item{border-left:2px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.71rem;animation:.25s qa-item-in;display:flex}@keyframes qa-item-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.running-qa-item--critical{color:#f87171;background:#ef44441f;border-left-color:#f87171}.running-qa-item--error{color:#fb923c;background:#fb923c1a;border-left-color:#fb923c}.running-qa-item--warning{color:#fbbf24;background:#fbbf2414;border-left-color:#fbbf24}.running-qa-item--info{color:#60a5fa;background:#3b82f612;border-left-color:#60a5fa}.running-qa-label{flex:1;font-size:.71rem;line-height:1.3}.running-qa-count{font-variant-numeric:tabular-nums;background:#ffffff14;border-radius:99px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:700}.running-qa-more{color:#ffffff59;padding:2px 8px;font-size:.68rem;font-style:italic}.running-cancel-btn{color:#f87171;cursor:pointer;background:#ef444414;border:1px solid #ef444459;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:8px 18px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:flex}.running-cancel-btn:hover:not(:disabled){background:#ef444429;border-color:#ef44448c}.running-cancel-btn:disabled,.running-cancel-btn--cancelling{opacity:.55;cursor:not-allowed;color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff1a}.running-cancel-confirm{background:#ef444414;border:1px solid #ef444438;border-radius:10px;flex-direction:column;gap:10px;width:100%;padding:10px 12px;animation:.2s qa-item-in;display:flex}.running-cancel-confirm-text{color:#fca5a5;align-items:flex-start;gap:7px;margin:0;font-size:.75rem;line-height:1.4;display:flex}.running-cancel-confirm-actions{gap:8px;display:flex}.running-cancel-confirm-keep,.running-cancel-btn--confirm{flex:1;padding:6px 10px;font-size:.74rem}.running-cancel-waiting{color:#ffffff73;align-items:center;gap:7px;padding:6px 0;font-size:.74rem;animation:.2s qa-item-in;display:flex}.running-cancel-btn--force{margin-top:2px;font-weight:700;animation:.3s qa-item-in;color:#fca5a5!important;background:#ef444424!important;border-color:#ef444499!important}.running-cancel-btn--force:hover{background:#ef444442!important}.seg-preview-bar{align-items:center;gap:6px;display:flex}.seg-preview-btn{color:var(--accent,#a78bfa);cursor:pointer;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:.75rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.seg-preview-btn:hover:not(:disabled){background:#8b5cf62e;border-color:#8b5cf680}.seg-preview-btn:disabled{opacity:.4;cursor:not-allowed}.seg-preview-btn--loading{color:var(--text-secondary);background:#ffffff0a;border-color:#ffffff1f}@keyframes seg-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seg-preview-spinner{animation:.8s linear infinite seg-preview-spin}.workspace-overlay{-webkit-backdrop-filter:blur(4px);z-index:2000;background:#000000b8;justify-content:center;align-items:center;animation:.2s qa-item-in;display:flex;position:fixed;inset:0}.yandex-revert-card{background:var(--bg-surface);text-align:center;border:1px solid #fbbf244d;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:90vw;max-width:440px;padding:32px 36px;display:flex;box-shadow:0 24px 64px #0000008c,0 0 0 1px #fbbf241f}.yandex-revert-icon{font-size:2.4rem;line-height:1}.yandex-revert-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.yandex-revert-body{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.55}.yandex-revert-body code{color:#c4b5fd;background:#ffffff12;border:1px solid #ffffff1f;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.82rem}.yandex-revert-actions{gap:10px;width:100%;margin-top:6px;display:flex}.yandex-revert-btn-keep,.yandex-revert-btn-reset{cursor:pointer;border-radius:10px;flex:1;padding:9px 14px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.yandex-revert-btn-keep{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff24}.yandex-revert-btn-keep:hover{color:var(--text-primary);background:#ffffff1a}.btn-danger,.yandex-revert-btn-reset{color:#f87171;background:#ef44441f;border:1px solid #ef444459}.btn-danger:hover:not(:disabled),.yandex-revert-btn-reset:hover:not(:disabled){color:#fca5a5;background:#ef444438;border-color:#ef444499}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.autosave-badge{color:var(--accent-success,#22c55e);opacity:1;align-items:center;gap:4px;font-size:.75rem;animation:3s ease-out forwards autosave-fade;display:inline-flex}@keyframes autosave-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.video-container video{max-width:100%}@media (orientation:portrait){.video-container video{max-height:50vh}}.video-container.is-portrait{background:linear-gradient(#000,#000)}.video-container.is-portrait video{max-width:200px;max-height:380px;margin:auto}.seg-number{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border-color);text-align:center;cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:-.02em;border-radius:4px;flex-shrink:0;min-width:32px;padding:1px 5px;font-size:.72rem;font-weight:700}.project-list-search{align-items:center;gap:6px;display:flex}.video-container{position:relative}.subtitle-overlay{color:#fff;text-align:center;text-shadow:0 1px 3px #000c;pointer-events:none;z-index:10;background:#000000bf;border-radius:6px;max-width:80%;padding:6px 14px;font-size:1rem;font-weight:500;line-height:1.4;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}@media (width<=768px){.workspace{padding:12px 8px}.workspace-header{gap:8px;padding:10px 12px}.workspace-grid{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow:auto}.workspace-right{max-height:280px}.btn-icon{padding:6px}.btn-sm{padding:5px 8px;font-size:.78rem}.running-card{border-radius:12px;max-width:calc(100vw - 32px);margin:16px;padding:24px 20px}.running-card h3{font-size:1.1rem}.segments-list{gap:8px;padding:8px}.segment-item{padding:12px}.partial-rerun-group{flex-wrap:wrap;gap:4px}.right-tab-content{padding:10px}.video-container video{max-height:180px}.doctor-panel{padding:8px}.header-left h2,.header-row-title h2{max-width:50vw;font-size:.92rem}}@media (width<=480px){.workspace{padding:6px 4px}.workspace-header{padding:8px 10px}.workspace-right{max-height:220px}.running-card{gap:12px;padding:20px 16px}.running-card h3{font-size:1rem}.header-row-actions{gap:4px}.segment-item{gap:6px;padding:8px}.seg-translated{min-height:60px}.btn-icon span{display:none}.seg-header{flex-wrap:wrap;gap:4px}.header-left h2,.header-row-title h2{max-width:60vw;font-size:.88rem}}@media (pointer:coarse){.btn-icon{min-width:40px;min-height:40px}.panel-tabs button{min-height:44px;padding:10px}.segment-item{cursor:default}.seg-timing--clickable{padding:4px 8px}}@media (pointer:coarse) and (width>=600px){.btn-xs{min-width:44px;min-height:44px;padding:10px 14px;font-size:.85rem}.btn-secondary.btn-xs,.btn-primary.btn-xs{min-height:44px;padding:10px 14px}.right-tab-content a.btn-xs{justify-content:center;align-items:center;min-height:44px;padding:10px 16px;display:inline-flex}}.seg-source-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:2px;font-size:.7rem;font-weight:600;display:block}.new-project{max-width:700px;margin:0 auto}.wizard-form{flex-direction:column;gap:24px;display:flex}.input-type-toggle{background:var(--bg-surface);border-radius:8px;gap:4px;padding:4px;display:flex}.input-type-toggle button{color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-weight:500;transition:all .2s}.input-type-toggle button:hover{color:var(--text-primary)}.input-type-toggle button.active{background:var(--bg-elevated);color:var(--accent-primary);box-shadow:0 1px 3px #0003}.drop-zone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:#18181b80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;transition:all .3s;display:flex}.drop-zone:hover{border-color:var(--accent-primary);background:#3b82f60d}.drop-zone.has-file{border-style:solid;border-color:var(--accent-primary);background:#3b82f614}.drop-prompt{color:var(--text-primary);flex-direction:column;align-items:center;gap:12px;font-weight:500;display:flex}.file-info{flex-direction:column;align-items:center;gap:8px;display:flex}.file-name{color:var(--text-primary);word-break:break-all;font-size:1.1rem;font-weight:600}.file-size{color:var(--text-muted);font-size:.9rem}.change-file{color:var(--accent-primary);opacity:.8;margin-top:10px;font-size:.85rem}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.form-actions{border-top:1px solid var(--border-color);margin-top:10px;padding-top:20px}.preflight-button{margin-top:12px}.preflight-report{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);padding:14px}.preflight-report.ok{border-color:#10b98159}.preflight-report.failed{border-color:#ef444459}.preflight-report ul{flex-direction:column;gap:8px;margin-top:10px;padding:0;list-style:none;display:flex}.preflight-report li{color:var(--text-secondary);gap:8px;display:flex}.preflight-report li span{min-width:42px;color:var(--text-muted);font-family:monospace}.preflight-report li.ok span{color:var(--success)}.preflight-report li.failed span{color:var(--danger)}.preflight-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.preflight-duration{color:var(--text-secondary);align-items:center;gap:5px;font-size:.85rem;display:flex}.advanced-section{border-top:1px solid var(--border-color);padding-top:4px}.advanced-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 0;font-size:.9rem;transition:color .2s;display:flex}.advanced-toggle:hover{color:var(--text-primary)}.advanced-body{flex-direction:column;gap:16px;padding-top:16px;animation:.15s fade-in;display:flex}.provider-warning{color:var(--text-secondary);background:#fbbf2412;border:1px solid #fbbf2433;border-radius:8px;align-items:flex-start;gap:7px;margin-top:8px;padding:10px 12px;font-size:.85rem;line-height:1.5;display:flex}.provider-info{color:var(--text-secondary);background:#3b82f60f;border:1px solid #3b82f62e;border-radius:8px;align-items:flex-start;gap:7px;margin-top:8px;padding:10px 12px;font-size:.85rem;line-height:1.5;display:flex}.wizard-steps{background:var(--surface-1,var(--surface-2));border-radius:12px;gap:0;margin-bottom:20px;display:flex;overflow:hidden}.wizard-step{cursor:default;border-right:1px solid var(--border);opacity:.45;flex:1;align-items:center;gap:8px;padding:10px 16px;transition:opacity .2s;display:flex}.wizard-step:last-child{border-right:none}.wizard-step.active{opacity:1;background:#8b5cf614}.wizard-step.done{opacity:.75;cursor:pointer}.wizard-step.done:hover{opacity:1}.wizard-step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.wizard-step-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.wizard-nav{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.preset-card{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;transition:all .15s;display:flex}.preset-card:hover{border-color:var(--accent);background:#8b5cf60f}.preset-card.active{border-color:var(--accent);background:#8b5cf61f}.preset-icon{color:var(--accent)}.preset-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.preset-desc{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.mode-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=600px){.mode-cards{grid-template-columns:1fr}}.mode-card{background:var(--surface-2);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 14px;transition:all .18s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;background:radial-gradient(at top,#8b5cf614,#0000 70%);transition:opacity .2s;position:absolute;inset:0}.mode-card:hover{border-color:#8b5cf680;transform:translateY(-2px)}.mode-card:hover:before{opacity:1}.mode-card--active{border-color:var(--accent);background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf62e}.mode-card--active:before{opacity:1}.mode-card__icon{filter:drop-shadow(0 2px 6px #8b5cf659);font-size:2rem;line-height:1}.mode-card__label{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.mode-card__desc{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.adv-scroll-wrap{max-height:58vh;margin-right:-6px;padding-right:6px;overflow:hidden auto}.adv-scroll-wrap::-webkit-scrollbar{width:5px}.adv-scroll-wrap::-webkit-scrollbar-track{background:0 0;border-radius:99px}.adv-scroll-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 45%, transparent);border-radius:99px;transition:background .2s}.adv-scroll-wrap::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 75%, transparent)}.adv-scroll-wrap{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 45%, transparent) transparent}.upload-progress-wrap{margin:.5rem 0 1rem}.upload-progress-label{color:var(--text-secondary,#94a3b8);align-items:center;gap:6px;margin-bottom:6px;font-size:.82rem;display:flex}.upload-progress-bar{background:var(--surface-raised,#ffffff14);border-radius:9999px;width:100%;height:6px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg, var(--accent,#6366f1), var(--accent-secondary,#8b5cf6));border-radius:9999px;height:100%;transition:width .3s}.term-tooltip-wrap{align-items:center;gap:3px;display:inline-flex;position:relative}.term-help-btn{cursor:pointer;color:var(--text-secondary,#94a3b8);opacity:.7;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.term-help-btn:hover,.term-help-btn:focus{opacity:1;color:var(--accent,#6366f1)}.term-tooltip{z-index:200;background:var(--surface-overlay,#1e293b);color:var(--text-primary,#e2e8f0);border:1px solid var(--border,#ffffff1a);white-space:normal;pointer-events:none;border-radius:8px;max-width:280px;padding:8px 12px;font-size:.78rem;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0006}.mobile-upload-btn{display:none}@media (width<=768px){.mobile-upload-btn{min-height:44px;padding:10px 20px;font-size:.95rem;display:inline-flex}.drop-zone .text-muted svg{width:40px;height:40px}.drop-zone{min-height:160px;padding:24px 16px}}@media (width<=480px){.new-project-page{padding:12px 8px}.new-project-form.glass-panel{padding:16px 12px}.drop-zone{cursor:pointer;min-height:140px;padding:20px 12px}.mobile-upload-btn{width:100%;min-height:48px;margin-top:12px;font-size:1rem}.drop-prompt-title{font-size:.95rem}.form-actions{flex-direction:column;gap:8px}.form-actions .btn-primary,.form-actions .btn-secondary{justify-content:center;width:100%;min-height:48px}}.drop-zone.drag-active{border-color:var(--accent-color,#6366f1);background:#6366f114;transform:scale(1.01);box-shadow:0 0 0 3px #6366f14d}.onboarding-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;animation:.25s onb-fade-in;display:flex;position:fixed;inset:0}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}.onboarding-modal{background:var(--surface-card,#1e293b);border:1px solid var(--border,#ffffff1a);text-align:center;border-radius:20px;width:90vw;max-width:480px;padding:2.5rem 2.5rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) onb-slide-up;position:relative;box-shadow:0 24px 64px #00000080}@keyframes onb-slide-up{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.onboarding-close{cursor:pointer;color:var(--text-secondary,#94a3b8);background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s;position:absolute;top:1rem;right:1rem}.onboarding-close:hover{color:var(--text-primary,#e2e8f0);background:var(--surface-raised,#ffffff0f)}.onboarding-dots{justify-content:center;gap:6px;margin-bottom:1.5rem;display:flex}.onboarding-dot{cursor:pointer;background:var(--border,#ffffff26);border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.onboarding-dot.active{background:var(--accent,#6366f1);transform:scale(1.4)}.onboarding-dot.done{background:var(--accent-success,#22c55e)}.onboarding-icon{margin-bottom:.75rem;font-size:3rem;line-height:1}.onboarding-title{color:var(--text-primary,#f1f5f9);margin:0 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.onboarding-body{color:var(--text-secondary,#94a3b8);margin-bottom:1rem;font-size:.92rem;line-height:1.65}.onboarding-hint{color:var(--accent-secondary,#a78bfa);background:var(--accent-subtle,#6366f11a);text-align:left;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.82rem}.onboarding-nav{align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.onboarding-btn-secondary{border:1px solid var(--border,#ffffff1f);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:.55rem 1.1rem;font-size:.88rem;transition:background .15s,color .15s;display:inline-flex}.onboarding-btn-secondary:hover{background:var(--surface-raised,#ffffff0f);color:var(--text-primary,#e2e8f0)}.onboarding-btn-primary{background:var(--accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:.6rem 1.3rem;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.onboarding-btn-primary:hover{background:var(--accent-hover,#4f46e5)}.onboarding-btn-primary:active{transform:scale(.97)}.onboarding-btn-finish{background:linear-gradient(135deg,#22c55e,#16a34a)}.onboarding-btn-finish:hover{background:linear-gradient(135deg,#16a34a,#15803d)}[data-theme=light] .onboarding-modal{background:#fff;border-color:#0000001a;box-shadow:0 24px 64px #00000026}[data-theme=light] .onboarding-body{color:#475569}:root,[data-theme=dark]{--bg-base:#09090b;--bg-surface:#18181b;--bg-elevated:#27272a;--border-color:#3f3f46;--border-light:#52525b;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf626;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--surface-1:#09090b;--surface-2:#18181b;--border:#3f3f46;--accent:#8b5cf6}[data-theme=light]{--bg-base:#f4f4f5;--bg-surface:#fff;--bg-elevated:#e4e4e7;--border-color:#d4d4d8;--border-light:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-glow:#7c3aed1f;--success:#059669;--warning:#d97706;--danger:#dc2626;--surface-1:#f4f4f5;--surface-2:#fff;--border:#d4d4d8;--accent:#7c3aed}@media (prefers-color-scheme:light){[data-theme=system]{--bg-base:#f4f4f5;--bg-surface:#fff;--bg-elevated:#e4e4e7;--border-color:#d4d4d8;--border-light:#a1a1aa;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#71717a;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-glow:#7c3aed1f;--success:#059669;--warning:#d97706;--danger:#dc2626;--surface-1:#f4f4f5;--surface-2:#fff;--border:#d4d4d8;--accent:#7c3aed}}.large-text{font-size:20px!important}.large-text .text-sm,.large-text small,.large-text .help-text{font-size:1rem!important}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:600}.text-accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.text-sm{font-size:.85rem}.w-full{width:100%}.fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-header h1{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem}.sidebar nav{flex:1;padding:20px 12px}.sidebar nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar nav li{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.sidebar nav li:hover{background:var(--bg-elevated);color:var(--text-primary)}.sidebar nav li.active{background:var(--accent-glow);color:var(--accent-primary);border-right:3px solid var(--accent-primary)}.main-content{background-color:var(--bg-base);flex:1;position:relative;overflow-y:auto}.page-container{max-width:1400px;margin:0 auto;padding:40px}.page-header{margin-bottom:30px}.page-header h2{margin-bottom:8px;font-size:1.8rem}.subtitle{color:var(--text-muted);margin:0;font-size:1rem}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);background:#18181b99;box-shadow:0 4px 24px #0003}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.help-text{color:var(--text-muted);font-size:.8rem}.api-key-row{align-items:stretch;gap:0;display:flex}.api-key-row .api-key-input{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:1;min-width:0}.api-key-row .api-key-copy-btn{border-radius:0 var(--radius-sm,8px) var(--radius-sm,8px) 0;border-left:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;padding:8px 14px;display:flex}.api-key-row .api-key-input:focus{z-index:1;position:relative}.text-input,.select-input{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.text-input:focus,.select-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);outline:none}button{cursor:pointer;border:none;align-items:center;gap:8px;font-family:inherit;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);padding:10px 20px;box-shadow:0 2px 10px #3b82f64d}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 16px}.btn-secondary:hover{background:var(--border-color)}.btn-success{color:#bbf7d0;border-radius:var(--radius-sm);background:#166534;border:1px solid #15803d;padding:8px 16px;font-weight:600}.btn-success:hover{color:#dcfce7;background:#15803d}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge.completed{color:var(--success);background:#10b98126;border:1px solid #10b9814d}.badge.running{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d}.badge.failed{color:var(--danger);background:#ef444426;border:1px solid #ef44444d}.badge.cancelled{color:var(--text-secondary);background:#94a3b826;border:1px solid #94a3b84d}.badge.created{color:var(--text-secondary);background:#a1a1aa26;border:1px solid #a1a1aa4d}.error-banner{border-left:4px solid var(--danger);color:#fca5a5;background:#ef44441a;border-radius:4px;padding:12px 16px;font-size:.9rem}.theme-toggle{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;margin-left:auto;padding:4px 7px;transition:all .15s;display:flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--accent-primary)}[data-theme=light] .glass-panel{background:#ffffffd9}[data-theme=light] body{background-color:var(--bg-base)}[data-theme=light] .sidebar{background:var(--bg-surface);border-right-color:var(--border-color)}.sidebar-toggle{z-index:1000;background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 10px;font-size:18px;line-height:1;display:none;position:fixed;top:12px;left:12px;box-shadow:0 2px 12px #0000004d}.sidebar-overlay{z-index:999;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar{z-index:1001;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{width:100%;padding-top:52px}.page-container{padding:16px}body,html{max-width:100vw;overflow-x:hidden}.app-container{overflow-x:hidden}.sidebar nav li{min-height:44px;padding:12px 14px;font-size:1rem}.sidebar-close{display:flex!important}}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:20px;display:none}.sidebar-close:hover{color:var(--text-primary);background:var(--bg-elevated)}[title]:not(button):hover:after{content:attr(title);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;pointer-events:none;z-index:100;border-radius:6px;padding:4px 8px;font-size:.75rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.offline-banner{z-index:9999;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;font-weight:500;animation:.25s ease-out banner-slide-in;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #0000004d}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.offline-banner--offline{color:#fef3c7;background:linear-gradient(90deg,#92400e,#b45309)}.offline-banner--restored{color:#d1fae5;background:linear-gradient(90deg,#065f46,#047857);animation:.25s ease-out banner-slide-in}.offline-banner__icon{flex-shrink:0;font-size:1rem}.offline-banner__link{color:inherit;opacity:.8;cursor:default;margin-left:auto;font-size:.8rem;text-decoration:underline}.hint-dropdown-wrapper{display:inline-block;position:relative}.hint-trigger{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:.75rem;transition:background .15s,color .15s}.hint-trigger:hover{background:var(--accent);color:#fff}.hint-dropdown{z-index:1000;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:2px;min-width:260px;max-width:360px;padding:6px;animation:.15s ease-out hint-fade-in;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 32px #00000059}@keyframes hint-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hint-item{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:7px;width:100%;padding:8px 10px;font-size:.85rem;transition:background .12s}.hint-item:hover{background:var(--accent-muted,#6366f11f);color:var(--accent)}.hint-item--error,.hint-item--empty{color:var(--text-secondary);cursor:default;font-size:.8rem}.hint-item--close{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px;font-size:.75rem}.hint-item--close:hover{color:var(--text-primary)}.share-modal{max-width:520px}.share-description{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem;line-height:1.5}.share-url-block{flex-direction:column;gap:12px;display:flex}.share-url-row{gap:8px;display:flex}.share-url-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:.85rem}.share-url-input:focus{outline:2px solid var(--accent)}.share-expiry{color:var(--text-secondary);font-size:.82rem}.share-revoke{margin-top:8px;font-size:.85rem}.share-create-block{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.share-empty{color:var(--text-secondary);font-size:.9rem}.share-error{color:#f87171;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem}.analytics-page{max-width:1100px;padding:28px}.analytics-title{margin-bottom:24px;font-size:1.5rem;font-weight:700}.analytics-loading,.analytics-error{color:var(--text-secondary);text-align:center;padding:40px}.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.analytics-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:6px;padding:20px 24px;transition:transform .15s,box-shadow .15s;display:flex}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.analytics-stat-icon{font-size:1.5rem}.analytics-stat-value{color:var(--accent);font-size:1.8rem;font-weight:700}.analytics-stat-label{color:var(--text-secondary);font-size:.82rem}.analytics-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=720px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;padding:20px 24px}.analytics-card--highlight{border-color:var(--accent)}.analytics-card-title{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;font-weight:600}.analytics-chart{align-items:flex-end;gap:8px;height:120px;padding-bottom:24px;display:flex;position:relative}.analytics-bar-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.analytics-bar{background:linear-gradient(180deg, var(--accent), #6366f166);border-radius:4px 4px 0 0;width:100%;min-height:4px;margin-top:auto;transition:height .4s}.analytics-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:.68rem;position:absolute;bottom:-20px}.analytics-bar-count{color:var(--accent);font-size:.7rem;font-weight:600;position:absolute;top:-18px}.analytics-status-list{flex-direction:column;gap:8px;display:flex}.analytics-status-row{justify-content:space-between;align-items:center;display:flex}.analytics-status-label{font-size:.85rem}.analytics-status-count{background:var(--bg-elevated);border-radius:20px;padding:2px 10px;font-size:.85rem;font-weight:600}.analytics-table{border-collapse:collapse;width:100%;font-size:.85rem}.analytics-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:4px 0}.analytics-table td{padding:6px 0}.analytics-pct-bar{align-items:center;gap:8px;display:flex}.analytics-pct-fill{background:var(--accent);border-radius:3px;min-width:4px;height:6px}.analytics-top-provider{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.analytics-top-icon{font-size:2.5rem}.analytics-top-name{font-size:1.2rem;font-weight:700}.analytics-top-sub{color:var(--text-secondary);font-size:.8rem}.analytics-empty{color:var(--text-secondary);text-align:center;padding:16px 0;font-size:.85rem}
