:root{color-scheme:dark;--base:#121a24;--dark:#0b111a;--panel:#1a2634;--border:#455567;--text:#f4f7ff;--muted:#bac7d7;--aqua:#adf4ec;--warn:#ffd1a9;font:16px/1.48 'Inter',system-ui,sans-serif;color:var(--text);background:var(--base)}
*{box-sizing:border-box}body{margin:0}.wrap{width:min(1195px,calc(100% - 36px));margin-inline:auto}a{color:var(--aqua);text-underline-offset:.2em}header{min-height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:12px}nav,.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}nav{gap:clamp(12px,3vw,28px);font-size:.88rem}.brand{text-decoration:none;color:var(--text);font-size:1.3rem;letter-spacing:-.05em;font-weight:820}.intro{padding:clamp(30px,6vw,61px) 0 24px}.intro h1{font-size:clamp(2.65rem,7.3vw,6.3rem);line-height:.95;letter-spacing:-.075em;margin:0 0 16px}.intro p{color:var(--muted);max-width:56ch;margin:0;font-size:1.1rem}.workbench{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px;align-items:start}.panel{border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:clamp(12px,2.5vw,22px);min-width:0}h2{font-size:1.2rem;letter-spacing:-.03em;margin:0 0 10px}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px}.section-head h2{margin:0}.player{position:relative;display:grid;place-items:center;min-height:155px;background:var(--dark);margin-top:12px;border-radius:5px;text-align:center}.player video{width:100%;max-height:42vh}.player p{max-width:38ch;margin:15px;color:var(--muted);padding:10px}.subtitle{max-height:120px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--dark);margin:6px 0 0;border-radius:4px;padding:8px 9px;color:var(--aqua);text-align:center;min-height:2.4em}.transport,.times{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.transport{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:10px 0}.transport output{font: .86rem/1.3 monospace;padding-bottom:7px}.config{max-width:190px}.config span{font-weight:400;color:var(--muted);font-size:.78rem}.config input{width:5.5rem}#status,#counts,.guide p{color:var(--muted);font-size:.88rem;margin:8px 0 0}#cue-error{color:var(--warn);margin:0;min-height:1.3em}.edit form{display:grid;gap:12px}label{display:grid;gap:4px;font-size:.84rem;font-weight:700}input,textarea,button,.file-action{font:inherit;border:1px solid var(--border);border-radius:5px;min-height:40px;min-width:0}input,textarea{background:var(--dark);color:var(--text);width:100%;padding:6px 7px}input[type=range]{padding:0;min-height:25px;accent-color:var(--aqua)}button,.file-action{background:var(--aqua);border-color:var(--aqua);color:#132730;font-weight:740;font-size:.85rem;padding:6px 10px;cursor:pointer}.quiet{background:transparent;border-color:var(--border);color:var(--text)}.capture{min-height:34px;justify-self:start;font-size:.77rem}.file-action{position:relative;display:inline-flex;align-items:center}.file-action input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.file-action:focus-within,:focus-visible{outline:3px solid var(--warn);outline-offset:2px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.list{margin-top:12px}.table-wrap{overflow:auto;margin-top:11px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:8px;border-bottom:1px solid var(--border);vertical-align:top;font-size:.85rem}th{color:var(--muted)}td:first-child{white-space:nowrap;font-family:monospace}td:nth-child(2){white-space:pre-wrap;overflow-wrap:anywhere;min-width:120px}.warning{color:var(--warn)}td:last-child button{min-height:32px}.guide{border-top:1px solid var(--border);margin:31px 0 43px;padding-top:18px;max-width:74ch}
@media(max-width:790px){.workbench{grid-template-columns:1fr}}@media(max-width:420px){.times{grid-template-columns:1fr}table{min-width:530px}}
.time-field{display:grid;gap:4px}