:root{color:#e8e6dc;background:#11110f;font-family:Aptos,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(23,45,42,.72),transparent 38%),radial-gradient(circle at 70% 8%,rgba(159,133,74,.23),transparent 30%),#11110f}button,input,select,textarea{font:inherit}button,a.downloadLink{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;cursor:pointer;color:#f8f0df;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.shell{min-height:100vh;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.eyebrow{margin:0 0 3px;color:#9fd1c8;text-transform:uppercase;font-size:12px;font-weight:800}h1,h2,p{margin:0}h1{font-size:clamp(26px,4vw,46px);letter-spacing:0}.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.primary{background:#d6a84f;color:#11110f;font-weight:800}.ghost,.downloadLink{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.iconButton{width:40px;padding:0;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.workspace{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr) minmax(250px,320px);gap:16px;align-items:start}.leftRail,.rightRail,.stage{display:grid;gap:16px}.panel,.editor,.progressPanel,.mediaPanel{background:#131412c7;border:1px solid rgba(255,255,255,.11);box-shadow:0 20px 80px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{padding:16px}.panelTitle,.sectionTitle{display:flex;align-items:center;gap:9px;margin-bottom:14px}.panelTitle h2,.sectionTitle h2{font-size:15px}.chipGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.chip{border:1px solid rgba(255,255,255,.14);padding:8px 9px;color:#a8a39a;font-size:12px}.chip.good{color:#0d1c16;background:#8ce0b5;border-color:transparent;font-weight:800}label{display:grid;gap:6px;margin-bottom:12px;color:#b9b4aa;font-size:12px}.configGroup{border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:14px}.configGroup:first-of-type{border-top:0;padding-top:0;margin-top:0}.configGroup h3{margin:0 0 12px;color:#fff3d8;font-size:13px;letter-spacing:0}input,select,textarea{width:100%;color:#f5efdf;background:#1c1e1bf5;border:1px solid rgba(255,255,255,.13);border-radius:0;padding:10px;outline:none}select{color:#fff8e8;background-color:#1c1e1b;border-color:#d6a84f5c}select:focus,input:focus,textarea:focus{border-color:#d6a84f;box-shadow:0 0 0 2px #d6a84f33}select option{color:#11110f;background:#fff8e8}textarea{min-height:64px;resize:vertical}.switchRow{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px;color:#d8d3c8}.switchRow input{width:18px;height:18px}.twoCols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layoutPreview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:4px 0 14px}.layoutPreview span{min-height:42px;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#bdb6a8;font-size:11px;line-height:1.25}.layoutPreview span.active{background:#d6a84f;color:#11110f;font-weight:900;border-color:transparent}.mediaPanel{min-height:340px;display:grid;place-items:center;overflow:hidden}.mediaPanel video,.mediaPanel audio{width:100%}.mediaPanel video{max-height:520px;background:#000}.videoFrame,.audioFrame{position:relative;width:100%}.captionOverlay,.audioCaption{white-space:pre-line;text-align:center;line-height:1.35;font-weight:800}.captionOverlay{position:absolute;left:8%;right:8%;bottom:58px;padding:8px 12px;color:#fff8e8;text-shadow:0 2px 8px #000,0 0 2px #000;background:#00000061}.audioCaption{min-height:92px;display:grid;place-items:center;padding:18px;color:#fff8e8;background:#ffffff0e}.dropState{display:grid;place-items:center;gap:10px;color:#bbb5a8;text-align:center}.dropState strong{color:#fff5df;font-size:18px}.progressPanel{display:grid;grid-template-columns:minmax(0,1fr) 160px 48px;gap:14px;align-items:center;padding:14px}.progressPanel p{color:#9fd1c8;font-size:11px;font-weight:900}.progressPanel span{display:block;margin-top:3px;color:#a8a39a;font-size:12px}.meter{height:9px;background:#ffffff1a;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#8ce0b5,#d6a84f);transition:width .18s ease}.editor{padding:16px}.sectionTitle .compact{margin-left:auto;min-height:32px;padding:0 10px}.originalBadge,.translatedBadge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:900}.originalBadge{color:#102018;background:#9fd1c8}.translatedBadge{color:#102018;background:#8ce0b5}.table{display:grid;gap:10px;max-height:52vh;overflow:auto}.row{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch;padding:10px;background:#ffffff0b;border-left:3px solid #d6a84f}.row time{color:#9fd1c8;font-size:12px;line-height:1.45}.subtitleCell{display:grid;gap:6px}.subtitleCell span{color:#a8d6ce;font-size:11px;font-weight:900;text-transform:uppercase}.translatedCell span{color:#e7bd76}.translatedCell p{padding:8px 10px;color:#fff3d8;background:#d6a84f1f;border-left:2px solid #d6a84f;font-size:13px;line-height:1.45}.emptyTable{min-height:160px;display:grid;place-items:center;color:#a8a39a}.stat{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cacheLine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.cacheLine span{color:#d8d3c8;font-size:12px}.cacheLine strong{color:#e7bd76;font-size:12px}.cacheLine strong.cacheGood{color:#8ce0b5}.cacheLine small{grid-column:1 / -1;color:#9c9588}.stat strong{font-size:28px;color:#d6a84f}.wide,.downloadLink{width:100%;margin-top:10px}.warning{margin-top:10px;color:#e7bd76;font-size:12px;line-height:1.45}.vadChunksList{display:grid;gap:8px;max-height:420px;overflow:auto}.vadChunkCard{padding:10px;background:#ffffff0a;border-left:3px solid #9fd1c8}.vadChunkHeader{display:flex;align-items:center;gap:8px;margin-bottom:6px}.vadChunkIndex{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;background:#9fd1c8;color:#11110f;font-size:11px;font-weight:900}.vadChunkHeader time{color:#b8b2a5;font-size:11px}.vadChunkDuration{margin-left:auto;color:#d6a84f;font-size:11px;font-weight:800}.vadChunkCard audio{width:100%;height:32px;margin:4px 0}.vadChunkText{color:#f5efdf;font-size:12px;line-height:1.45;margin:0;padding:6px 8px;background:#d6a84f14;border-left:2px solid #d6a84f}.vadChunkEmpty{color:#7a756c;font-size:11px;font-style:italic;margin:0;padding:4px 8px}.outputGroup{margin-bottom:12px}.outputLabel{display:block;color:#a8d6ce;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:6px}.logs{display:grid;gap:8px;max-height:330px;overflow:auto}.logs p,.logs span{color:#b8b2a5;font-size:12px;line-height:1.45}@media(max-width:1120px){.workspace{grid-template-columns:1fr}.leftRail,.rightRail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:14px}.topbar,.progressPanel,.row{grid-template-columns:1fr}.topbar{align-items:stretch}.actions{justify-content:stretch}.actions button{flex:1}.leftRail,.rightRail{grid-template-columns:1fr}}
