:root{--ds-font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--ds-font-family-mono:"Monaco","Courier New",monospace;--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-secondary:#64748b;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#334155;--color-border:#334155;--color-border-subtle:#475569;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--ds-spacing-xs:4px;--ds-spacing-sm:8px;--ds-spacing-md:12px;--ds-spacing-lg:16px;--ds-spacing-xl:20px;--ds-spacing-2xl:24px;--ds-spacing-3xl:32px;--ds-spacing-4xl:40px;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-radius-full:50%;--ds-transition-fast:0.15s ease;--ds-transition-normal:0.2s ease;--ds-transition-slow:0.3s ease;--ds-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--ds-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--ds-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--ds-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--ds-z-dropdown:1000;--ds-z-modal:1050;--ds-z-tooltip:1100}html[data-theme=light]{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-secondary:#64748b;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--color-background:#ffffff;--color-surface:#ffffff;--color-surface-elevated:#f3f4f6;--color-border:#e2e8f0;--color-border-subtle:#cbd5e1;--color-text:#0f172a;--color-text-muted:#64748b;--color-text-inverse:#ffffff}.ds-h1{font-size:2rem;font-weight:800;line-height:1.2}.ds-h1,.ds-h2{margin-bottom:var(--ds-spacing-lg)}.ds-h2{font-size:1.5rem;font-weight:700;line-height:1.3}.ds-h3{font-size:1.25rem;margin-bottom:var(--ds-spacing-lg)}.ds-h3,.ds-h4{font-weight:600;line-height:1.4}.ds-h4{font-size:1.125rem;margin-bottom:var(--ds-spacing-md)}.ds-h5{font-size:1rem}.ds-h5,.ds-h6{font-weight:500;line-height:1.5;margin-bottom:var(--ds-spacing-md)}.ds-h6{font-size:.875rem}.ds-text-large{font-size:1rem;line-height:1.6}.ds-text-medium{font-size:.875rem;line-height:1.5}.ds-text-small{font-size:.75rem;line-height:1.4}.ds-text-muted{color:var(--text-muted)}.ds-text-primary{color:var(--live-accent)}.ds-text-success{color:#22c55e}.ds-text-warning{color:#f59e0b}.ds-text-danger{color:var(--live-danger)}.ds-text-center{text-align:center}.ds-text-left{text-align:left}.ds-text-right{text-align:right}.ds-form-group{margin-bottom:1.4rem}.ds-form-group:last-child{margin-bottom:0}.ds-form-label{display:block;margin-bottom:.55rem;font-weight:500}.ds-form-input,.ds-form-label{font-size:.875rem;color:var(--live-text)}.ds-form-input{width:100%;padding:.875rem 1rem;background:var(--live-bg-default);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);font-family:var(--ds-font-family-primary);transition:all var(--ds-transition-normal)}.ds-form-input:focus{outline:none;border-color:var(--live-accent);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.ds-form-input::placeholder{color:var(--text-muted)}.ds-form-input.error{border-color:var(--live-danger)}.ds-form-input.success{border-color:#22c55e}.ds-form-input:disabled{opacity:.5;cursor:not-allowed}.ds-form-textarea{resize:vertical;min-height:100px}.ds-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.ds-form-checkbox,.ds-form-radio{display:flex;align-items:center;gap:var(--ds-spacing-sm);margin-bottom:var(--ds-spacing-sm)}.ds-form-checkbox input,.ds-form-radio input{width:16px;height:16px;accent-color:var(--live-accent)}.ds-form-switch{position:relative;display:inline-block;width:44px;height:24px}.ds-form-switch input{opacity:0;width:0;height:0}.ds-switch-track{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--live-border)}.ds-switch-track,.ds-switch-track:before{position:absolute;border-radius:var(--ds-radius-full);transition:var(--ds-transition-normal)}.ds-switch-track:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background:white}.ds-form-switch input:checked+.ds-switch-track{background:var(--live-accent)}.ds-form-switch input:checked+.ds-switch-track:before{transform:translateX(20px)}.av-live .ds-btn,.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-spacing-sm);padding:.75rem 1.25rem;border:1px solid var(--live-border);border-radius:var(--ds-radius-md);font-size:.875rem;font-weight:500;font-family:var(--ds-font-family-primary);text-decoration:none;cursor:pointer;transition:all var(--ds-transition-normal);background:var(--live-bg-subtle);color:var(--live-text)}.av-live .ds-btn:hover,.ds-btn:hover{background:#334155;border-color:var(--live-accent);transform:translateY(-1px);box-shadow:var(--ds-shadow-md)}html[data-theme=light] .av-live .ds-btn:hover,html[data-theme=light] .ds-btn:hover{background:#e2e8f0}.av-live .ds-btn:active,.ds-btn:active{transform:translateY(0)}.av-live .ds-btn:disabled,.ds-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.av-live .ds-btn-primary,.ds-btn-primary{background:linear-gradient(135deg,var(--live-accent),#3b82f6);border-color:var(--live-accent);color:#fff}.av-live .ds-btn-primary:hover,.ds-btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,var(--live-accent))}.av-live .ds-btn-success,.ds-btn-success{background:#22c55e;border-color:#22c55e;color:#fff}.av-live .ds-btn-success:hover,.ds-btn-success:hover{background:#16a34a;border-color:#16a34a}.av-live .ds-btn-danger,.ds-btn-danger{background:var(--live-danger);border-color:var(--live-danger);color:#fff}.av-live .ds-btn-danger:hover,.ds-btn-danger:hover{background:#dc2626;border-color:#dc2626}.av-live .ds-btn-sm,.ds-btn-sm{padding:.5rem .75rem;font-size:.75rem}.av-live .ds-btn-lg,.ds-btn-lg{padding:1rem 1.5rem;font-size:1rem}.av-live .ds-btn-icon,.ds-btn-icon{width:34px;height:34px;padding:0}.av-live .ds-btn-icon,.av-live .ds-btn-round,.ds-btn-icon,.ds-btn-round{border-radius:var(--ds-radius-full)}.av-live .card-header-icon-btn.ds-btn-icon{background:var(--live-bg-subtle)!important;border:1px solid var(--live-border)!important;color:var(--text-muted)!important;transition:all var(--ds-transition-normal)!important}.av-live .card-header-icon-btn.ds-btn-icon:hover{color:var(--live-text)!important;border-color:var(--live-accent)!important;background:#334155!important;transform:translateY(-1px)!important;box-shadow:var(--ds-shadow-md)!important}html[data-theme=light] .av-live .card-header-icon-btn.ds-btn-icon:hover{background:#e2e8f0!important}.ds-grid{display:grid;gap:var(--ds-spacing-lg)}.ds-grid-2{grid-template-columns:repeat(2,1fr)}.ds-grid-3{grid-template-columns:repeat(3,1fr)}.ds-grid-4{grid-template-columns:repeat(4,1fr)}.ds-flex{display:flex;gap:var(--ds-spacing-lg)}.ds-flex-col{flex-direction:column}.ds-flex-wrap{flex-wrap:wrap}.ds-items-center{align-items:center}.ds-items-start{align-items:flex-start}.ds-items-end{align-items:flex-end}.ds-justify-between{justify-content:space-between}.ds-justify-center{justify-content:center}.ds-justify-start{justify-content:flex-start}.ds-justify-end{justify-content:flex-end}.ds-flex-1{flex:1}.ds-table{width:100%;border-collapse:collapse;font-size:.875rem;font-family:var(--ds-font-family-primary)}.ds-table th{background:var(--live-bg-subtle);text-align:left;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--live-border)}.ds-table td,.ds-table th{padding:var(--ds-spacing-md)}.ds-table td{border-bottom:1px solid var(--border-subtle)}.ds-badge,.ds-table tr:hover{background:var(--live-bg-subtle)}.ds-badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--ds-radius-sm);color:var(--live-text)}.ds-badge-primary{background:var(--live-accent);color:#fff}.ds-badge-success{background:#22c55e;color:#fff}.ds-badge-warning{background:#f59e0b;color:#fff}.ds-badge-danger{background:var(--live-danger);color:#fff}.ds-progress-bar{width:100%;height:8px;background:var(--live-border);overflow:hidden}.ds-progress-bar,.ds-progress-fill{border-radius:var(--ds-radius-full)}.ds-progress-fill{height:100%;background:linear-gradient(90deg,var(--live-accent),#3b82f6);transition:width var(--ds-transition-slow)}.ds-tabs{display:flex;border-bottom:1px solid var(--live-border);margin-bottom:var(--ds-spacing-lg)}.ds-tab{padding:var(--ds-spacing-md) var(--ds-spacing-lg);background:none;color:var(--text-muted);cursor:pointer;transition:all var(--ds-transition-normal);border:none;border-bottom:2px solid transparent;font-family:var(--ds-font-family-primary);font-size:.875rem}.ds-tab:hover{color:var(--live-text);background:var(--live-bg-subtle)}.ds-tab-active{color:var(--live-accent);border-bottom-color:var(--live-accent)}.ds-accordion{border:1px solid var(--live-border);border-radius:var(--ds-radius-md);overflow:hidden}.ds-accordion-item{border-bottom:1px solid var(--border-subtle)}.ds-accordion-item:last-child{border-bottom:none}.ds-accordion-header{padding:var(--ds-spacing-lg);background:var(--live-bg-subtle);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all var(--ds-transition-normal);font-family:var(--ds-font-family-primary)}.ds-accordion-header:hover{background:var(--live-bg-default)}.ds-accordion-content{padding:var(--ds-spacing-lg);display:none}.ds-accordion-item-open .ds-accordion-content{display:block}.ds-voice-preview{display:flex;gap:var(--ds-spacing-sm);align-items:center}.ds-voice-preview select{flex:1}.ds-glossary-list{display:flex;flex-direction:column;gap:4px;margin:8px 0}.ds-glossary-item{display:flex;align-items:center;gap:var(--ds-spacing-sm);padding:var(--ds-spacing-sm);background:var(--live-bg-default);border:1px solid var(--live-border);border-radius:var(--ds-radius-sm);font-size:13px;font-family:var(--ds-font-family-primary)}.ds-glossary-term{font-weight:500;color:var(--live-text)}.ds-glossary-arrow{font-size:16px;color:var(--text-muted);flex-shrink:0}.ds-glossary-translation{color:var(--live-accent)}.ds-glossary-delete{margin-left:auto;cursor:pointer;color:var(--text-muted);padding:var(--ds-spacing-xs);border-radius:var(--ds-radius-sm);transition:all var(--ds-transition-normal);background:none;border:none}.ds-glossary-delete:hover{color:var(--live-danger);background:rgba(239,68,68,.1)}.ds-screen-card{background:var(--live-bg-default);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);transition:all var(--ds-transition-normal)}.ds-screen-card.active{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.2)}.ds-screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--ds-spacing-md)}.ds-overlay-editor-modal{background:var(--live-bg-subtle);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);margin-bottom:var(--ds-spacing-lg)}.ds-logs-pane{font-family:var(--ds-font-family-mono);font-size:.75rem;line-height:1.4;max-height:300px;white-space:pre-wrap}.ds-logs-pane,.ds-preview-area{background:var(--live-bg-default);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);overflow-y:auto}.ds-preview-area{min-height:200px;max-height:400px}.ds-admin-feed-line{margin-bottom:var(--ds-spacing-md);font-family:var(--ds-font-family-primary)}.ds-feed-src{color:var(--live-text);font-size:.875rem}.ds-feed-src.interim{color:var(--text-muted);font-style:italic}.ds-feed-tgt{color:var(--live-accent);margin-left:var(--ds-spacing-md)}.ds-preview-controls{margin-top:var(--ds-spacing-lg);padding-top:var(--ds-spacing-lg);border-top:1px solid var(--live-border)}.ds-stats-card{background:var(--live-bg-subtle);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);text-align:center;transition:all var(--ds-transition-normal)}.ds-stats-card:hover{border-color:var(--live-accent);transform:translateY(-2px)}.ds-history-card{background:var(--live-bg-default);border:1px solid var(--live-border);border-radius:var(--ds-radius-md);padding:var(--ds-spacing-lg);transition:all var(--ds-transition-normal)}.ds-history-card:hover{border-color:var(--live-accent);transform:translateY(-2px)}.ds-history-card-header{margin-bottom:var(--ds-spacing-md)}.ds-history-card-content{display:flex;flex-direction:column;gap:var(--ds-spacing-md)}.ds-alert{padding:var(--ds-spacing-lg);border-radius:var(--ds-radius-md);margin-bottom:var(--ds-spacing-lg);display:flex;align-items:center;gap:var(--ds-spacing-sm);font-family:var(--ds-font-family-primary)}.ds-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.ds-alert-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.ds-alert-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--live-danger)}.ds-alert-info{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:var(--live-accent)}.ds-loading{display:inline-block;width:20px;height:20px;border-top:2px solid var(--live-border);border:2px solid var(--live-border);border-top-color:var(--live-accent);border-radius:var(--ds-radius-full);animation:ds-spin 1s linear infinite}@keyframes ds-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ds-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal)}.ds-modal{background:var(--live-bg-subtle);border:1px solid var(--live-border);border-radius:var(--ds-radius-lg);padding:var(--ds-spacing-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;font-family:var(--ds-font-family-primary)}.ds-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--ds-spacing-lg);border-bottom:1px solid var(--live-border)}.ds-modal-body,.ds-modal-header{margin-bottom:var(--ds-spacing-lg)}.ds-modal-footer{display:flex;justify-content:flex-end;gap:var(--ds-spacing-lg);padding-top:var(--ds-spacing-lg);border-top:1px solid var(--live-border)}.ds-mb-0{margin-bottom:0}.ds-mb-1{margin-bottom:var(--ds-spacing-xs)}.ds-mb-2{margin-bottom:var(--ds-spacing-sm)}.ds-mb-3{margin-bottom:var(--ds-spacing-md)}.ds-mb-4{margin-bottom:var(--ds-spacing-lg)}.ds-mt-0{margin-top:0}.ds-mt-1{margin-top:var(--ds-spacing-xs)}.ds-mt-2{margin-top:var(--ds-spacing-sm)}.ds-mt-3{margin-top:var(--ds-spacing-md)}.ds-mt-4{margin-top:var(--ds-spacing-lg)}.ds-p-0{padding:0}.ds-p-1{padding:var(--ds-spacing-xs)}.ds-p-2{padding:var(--ds-spacing-sm)}.ds-p-3{padding:var(--ds-spacing-md)}.ds-p-4{padding:var(--ds-spacing-lg)}.ds-w-full{width:100%}.ds-w-auto{width:auto}.ds-hidden{display:none}.ds-block{display:block}.ds-inline{display:inline}.ds-inline-block{display:inline-block}.av-live .ds-font-feed-src,.av-live .ds-font-feed-tgt,.av-live .ds-font-select,.ds-font-feed-src,.ds-font-feed-tgt,.ds-font-select{font-family:var(--ds-font-family-primary)!important;font-size:.875rem!important;line-height:1.5!important}@media (max-width:768px){.ds-grid-2,.ds-grid-3,.ds-grid-4{grid-template-columns:1fr}.ds-flex-wrap{flex-direction:column}.ds-modal{width:95%;padding:var(--ds-spacing-lg)}.ds-btn{font-size:.875rem;padding:.625rem 1rem}.ds-form-input{font-size:.875rem;padding:.75rem .875rem}}.ds-btn:focus,.ds-form-input:focus,.ds-tab:focus{outline:2px solid var(--live-accent);outline-offset:2px}.ds-btn:focus:not(:focus-visible){outline:none}@media print{.ds-btn,.ds-modal-overlay,.ds-tabs{display:none!important}.ds-glossary-list,.ds-table{break-inside:avoid}}