:root{--color-bg-pure: #000000;--color-bg-surface: #0a0e12;--color-bg-surface-elevated: #111823;--color-bg-code: #05070a;--color-terminal-green: #10b981;--color-terminal-green-bright: #34d399;--color-terminal-green-dim: #047857;--color-terminal-green-fade: rgba(16, 185, 129, .15);--color-terminal-green-glow: rgba(16, 185, 129, .4);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-error-red: #ef4444;--color-error-red-bg: rgba(239, 68, 68, .1);--color-error-red-border: rgba(239, 68, 68, .3);--color-warning-amber: #f59e0b;--color-warning-amber-bg: rgba(245, 158, 11, .1);--color-warning-amber-border: rgba(245, 158, 11, .3);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--color-text-primary);background-color:var(--color-bg-pure);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--color-bg-pure);background-image:linear-gradient(rgba(18,24,38,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(18,24,38,.3) 1px,transparent 1px);background-size:24px 24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-pure)}::-webkit-scrollbar-thumb{background:var(--color-terminal-green-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-terminal-green)}.app-shell{margin:0 auto;max-width:1400px;padding:40px 24px}.hero{margin-bottom:32px;border-bottom:2px solid var(--color-terminal-green);padding-bottom:24px;position:relative}.hero h1{margin:0;font-size:1.8rem;letter-spacing:-.025em;color:var(--color-terminal-green);font-weight:700;text-transform:uppercase}.hero h1:before{content:"⚡ [SYSTEM] ";color:var(--color-text-primary)}.hero p{margin:12px 0 0;color:var(--color-text-secondary);font-size:.95rem}.warning-grid{display:grid;gap:16px;margin-bottom:32px}.warning{border:1px solid var(--color-warning-amber-border);border-radius:8px;background:var(--color-warning-amber-bg);padding:16px;position:relative;overflow:hidden}.warning:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-warning-amber)}.warning h2{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--color-warning-amber);text-transform:uppercase;letter-spacing:.05em}.warning p{margin:0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.4}.panel-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:32px}.panel{border:1px solid #1e293b;border-radius:12px;background:var(--color-bg-surface);padding:24px;position:relative;transition:border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.panel:hover{border-color:var(--color-terminal-green-dim);box-shadow:0 4px 20px #10b9810d}.panel h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-terminal-green);display:flex;align-items:center;gap:8px;border-bottom:1px solid #1e293b;padding-bottom:12px}.panel h2:before{content:">";color:var(--color-text-secondary)}.panel p{margin:12px 0 20px;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.controls{display:grid;gap:16px}.control-label,label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}input,select,button{font-family:inherit;font-size:.9rem}input[type=file]{border:1px dashed #334155;border-radius:8px;padding:16px;background:var(--color-bg-pure);color:var(--color-text-secondary);cursor:pointer;transition:border-color .25s ease}input[type=file]:hover{border-color:var(--color-terminal-green)}input[type=number],select{border:1px solid #334155;border-radius:6px;padding:10px 12px;background:var(--color-bg-pure);color:var(--color-text-primary);outline:none;transition:border-color .25s ease,box-shadow .25s ease}input[type=number]:focus,select:focus{border-color:var(--color-terminal-green);box-shadow:0 0 0 2px var(--color-terminal-green-fade)}button{border:1px solid var(--color-terminal-green);border-radius:6px;padding:12px 20px;background:transparent;color:var(--color-terminal-green);font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 #10b98100}button:hover:not(:disabled){background:var(--color-terminal-green);color:var(--color-bg-pure);box-shadow:0 0 16px var(--color-terminal-green-glow);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{border-color:#334155;color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.option-grid{display:grid;gap:12px;margin:16px 0 24px}.option{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.option input[type=checkbox]{accent-color:var(--color-terminal-green);width:16px;height:16px;cursor:pointer}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#0f172a66;padding:16px;border-radius:8px;border:1px solid #1e293b;margin-top:-4px}.source-mode-toggle{display:flex;border:1px solid #1e293b;border-radius:8px;overflow:hidden;background:var(--color-bg-pure);padding:2px}.toggle-button{flex:1;border:none;border-radius:6px;padding:8px 12px;font-size:.8rem;background:transparent;color:var(--color-text-secondary);box-shadow:none;text-transform:capitalize;font-weight:500}.toggle-button:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary);box-shadow:none;transform:none}.toggle-button.active{background:var(--color-terminal-green-fade);color:var(--color-terminal-green-bright);border:1px solid rgba(16,185,129,.3)}.test-source-controls{display:grid;gap:14px;border:1px solid #1e293b;border-radius:8px;background:#0a0e1280;padding:16px}.test-source-note{margin:0;color:var(--color-text-secondary);font-size:.8rem;line-height:1.45;border-left:2px solid var(--color-terminal-green-dim);padding-left:8px}.status,.json,.source-summary{margin:16px 0 0;border-radius:6px;padding:12px;white-space:pre-wrap;word-break:break-all;font-size:.8rem;line-height:1.5;border:1px solid #1e293b}.status{background:var(--color-bg-code);color:var(--color-terminal-green-bright);border-color:var(--color-terminal-green-dim)}.json{background:var(--color-bg-code);color:var(--color-text-primary);max-height:250px;overflow-y:auto}.source-summary{margin:0;background:#0f172a99;color:var(--color-text-secondary);border-color:#1e293b}.media-grid{display:grid;gap:16px;margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.media-card{border:1px solid #1e293b;border-radius:8px;padding:12px;background:#0f172a4d;display:flex;flex-direction:column}.media-card h3{margin:0 0 10px;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #1e293b;padding-bottom:6px}.media-card p{margin:auto 0;color:var(--color-text-muted);font-size:.8rem;text-align:center;padding:16px 0}.media-card img,.media-card video,.media-card audio{width:100%;border-radius:4px;display:block;border:1px solid #1e293b;background:#000;max-height:180px;object-fit:contain}.media-card audio{max-height:none;background:transparent;border:none}.validation-lab{margin-top:32px;border:1px solid #1e293b;border-radius:12px;background:var(--color-bg-surface);padding:32px 24px}.validation-lab>header{border-bottom:1px solid #1e293b;padding-bottom:16px;margin-bottom:24px}.validation-lab>header h2{margin:0;font-size:1.5rem;color:var(--color-terminal-green);text-transform:uppercase;letter-spacing:.02em}.validation-lab>header p{margin:8px 0 0;color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.validation-columns{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));align-items:start}.validation-group{border:1px solid #1e293b;border-radius:10px;background:#0a0e1280;padding:20px;display:flex;flex-direction:column;gap:16px}.validation-group-head h3{margin:0;font-size:1.1rem;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.validation-group-head h3:before{content:"⚡";color:var(--color-terminal-green)}.source-picker{display:flex;flex-direction:column;gap:12px}.source-picker .control-label{margin:0}.summary-card{border:1px solid #1e293b;border-radius:8px;padding:16px;background:var(--color-bg-surface-elevated);display:flex;flex-direction:column;gap:12px}.summary-card h4{margin:0;font-size:.9rem;text-transform:uppercase;color:var(--color-text-primary)}.summary-checks{display:grid;gap:12px}.summary-check{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:6px;background:#0003;border:1px solid #1e293b}@media(min-width:640px){.summary-check{flex-direction:row;align-items:flex-start}}.summary-check>.badge{flex-shrink:0;text-align:center;min-width:60px}.summary-check div{flex-grow:1}.summary-check strong{font-size:.8rem;color:var(--color-text-primary);display:block}.summary-check p{margin:4px 0 0;color:var(--color-text-secondary);font-size:.75rem;line-height:1.4}.case-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #1e293b;padding-bottom:8px}.case-header h4{margin:0}.case-branch{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.case-branch strong{color:var(--color-text-primary)}.badge{display:inline-block;border-radius:4px;font-size:.7rem;font-weight:700;padding:2px 6px;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-idle{color:var(--color-text-secondary);background:#94a3b81a;border-color:#94a3b833}.badge-running{color:var(--color-warning-amber);background:var(--color-warning-amber-bg);border-color:var(--color-warning-amber-border)}.badge-pass{color:var(--color-terminal-green-bright);background:var(--color-terminal-green-fade);border-color:#10b9814d}.badge-fail{color:var(--color-error-red);background:var(--color-error-red-bg);border-color:var(--color-error-red-border)}.slider-wrapper{border:1px solid #1e293b;border-radius:8px;overflow:hidden;background:var(--color-bg-pure);margin-bottom:16px}.slider-meta{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg-surface-elevated);font-size:.75rem;border-bottom:1px solid #1e293b;font-weight:600}.meta-orig{color:var(--color-text-secondary)}.meta-reduct{color:var(--color-terminal-green-bright);text-shadow:0 0 4px var(--color-terminal-green-fade)}.meta-proc{color:var(--color-terminal-green-bright)}.slider-container{position:relative;width:100%;height:240px;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}.slider-layer{position:absolute;top:0;left:0;width:100%;height:100%}.slider-layer img{width:100%;height:100%;object-fit:contain}.layer-label{position:absolute;top:8px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;z-index:10;border:1px solid rgba(255,255,255,.15)}.label-left{left:8px;background:#0f172ad9;color:var(--color-text-secondary)}.label-right{right:8px;background:#10b981d9;color:var(--color-bg-pure);border-color:#10b98180}.slider-bar{position:absolute;top:0;bottom:0;width:2px;background-color:var(--color-terminal-green-bright);box-shadow:0 0 10px var(--color-terminal-green-bright);z-index:20;pointer-events:none}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--color-bg-pure);border:2px solid var(--color-terminal-green-bright);color:var(--color-terminal-green-bright);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 0 8px var(--color-terminal-green-glow)}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:30;margin:0}.audio-visualizer{display:flex;flex-direction:column;gap:10px;width:100%}.waveform-container{position:relative;width:100%;height:64px;border:1px solid #1e293b;border-radius:6px;background:var(--color-bg-pure);overflow:hidden;cursor:pointer}.waveform-canvas{display:block}.waveform-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-terminal-green);text-transform:uppercase;background:#000c}.waveform-controls{display:flex;justify-content:space-between;align-items:center}.waveform-btn{padding:6px 12px;font-size:.75rem;font-weight:700}.waveform-time{font-size:.75rem;color:var(--color-text-secondary)}.segmentation-visualizer{display:flex;flex-direction:column;gap:12px;width:100%;align-items:center}.visualizer-screen{position:relative;width:100%;height:150px;border:1px solid #1e293b;border-radius:6px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.visualizer-canvas{max-width:100%;max-height:100%;display:block;object-fit:contain}.visualizer-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-terminal-green);background:#000000b3;text-transform:uppercase}.visualizer-tabs{display:flex;gap:4px;width:100%}.vis-tab-btn{flex:1;padding:4px 6px;font-size:.7rem;text-transform:uppercase;font-weight:700;background:#0f172a66;color:var(--color-text-secondary);border:1px solid #1e293b;border-radius:4px;cursor:pointer;box-shadow:none}.vis-tab-btn:hover:not(:disabled){background:#ffffff0d;color:var(--color-text-primary);box-shadow:none;transform:none}.vis-tab-btn.active{background:var(--color-terminal-green-fade);color:var(--color-terminal-green-bright);border-color:#10b98166}.vis-tab-btn:disabled{opacity:.3;cursor:not-allowed;color:var(--color-text-muted)}.metadata-inspector-card{border:1px solid #1e293b;border-radius:8px;background:#0a0e1280;padding:14px;margin-bottom:8px}.inspector-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1e293b;padding-bottom:8px;margin-bottom:10px}.inspector-header h4{margin:0;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.metadata-table-wrapper{max-height:160px;overflow-y:auto}.metadata-alert{margin:0 0 10px;font-size:.75rem;font-weight:600}.warning-text{color:var(--color-warning-amber)}.metadata-table{width:100%;border-collapse:collapse;font-size:.7rem;text-align:left}.metadata-table th,.metadata-table td{padding:6px 8px;border-bottom:1px solid rgba(30,41,59,.5)}.metadata-table th{color:var(--color-text-muted);text-transform:uppercase;font-weight:700;background:var(--color-bg-pure)}.meta-val{color:var(--color-terminal-green-bright);word-break:break-all}.metadata-sanitized-banner{display:flex;gap:12px;align-items:flex-start;padding:8px 4px}.sanitized-icon{width:24px;height:24px;border-radius:50%;background:var(--color-terminal-green-fade);border:1px solid var(--color-terminal-green);color:var(--color-terminal-green-bright);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.sanitized-text h5{margin:0 0 4px;font-size:.8rem;color:var(--color-terminal-green-bright)}.sanitized-text p{margin:0;font-size:.75rem;line-height:1.45;color:var(--color-text-secondary)}.sanitized-text strong{color:var(--color-text-primary)}