:root{--bg:#0e0f13;--panel:#171a21;--line:#262b36;--txt:#e7e9ee;--mut:#8a92a6;--acc:#5b8cff;--hot:#ff5b6e}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--txt)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}
header h1{font-size:18px;margin:0}
#inject{display:flex;gap:8px;align-items:center}#vodurl{width:340px;max-width:60vw}
input,textarea,button{font:inherit}
input,textarea{padding:9px;border-radius:8px;border:1px solid var(--line);background:#0c0d11;color:var(--txt)}
button{background:var(--acc);border:0;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600}
button[disabled]{opacity:.6;cursor:default}
main{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 22px;align-items:start}
#rundown,#studio{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;max-height:calc(100vh - 130px);overflow:auto}
#request{width:100%;resize:vertical}
.row{display:flex;gap:10px;align-items:center;margin:10px 0}
.trow{display:flex;gap:10px;align-items:baseline;padding:7px 8px;border-radius:8px}
.trow:hover{background:#1c2029}
.ts{color:var(--acc);font-variant-numeric:tabular-nums;cursor:pointer;font-weight:600;white-space:nowrap}
.mut{color:var(--mut)}.empty{color:var(--mut)}
h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin:6px 0 8px}
a{color:var(--acc)}
.badge{font-size:11px;padding:2px 7px;border-radius:20px;background:#222838;color:var(--mut)}
.badge.done{background:#16361f;color:#5ee08a}.badge.error,.badge.hd_unavailable{background:#3a1620;color:var(--hot)}
#planmsg,#injectmsg{color:var(--mut);font-size:12px}
#player{position:fixed;bottom:14px;right:18px;width:420px;max-width:40vw;background:#000;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.55);z-index:50}