:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#263344;background:#f4f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.btn{border:1px solid #dce2eb;background:white;border-radius:8px;padding:8px 12px;cursor:pointer;color:inherit;text-decoration:none;white-space:nowrap}button:hover,a.btn:hover{background:#edf2fa}button:disabled{opacity:.45;cursor:default}.primary{background:#3d62d8!important;color:white!important;border-color:#3d62d8!important}header{height:65px;background:white;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:12px}.brand{font-size:20px;font-weight:700;letter-spacing:-.5px}.badge{font-size:11px;color:#63738f;background:#edf1f7;border-radius:5px;padding:3px 6px;margin-left:8px}main{height:calc(100dvh - 65px);padding:16px 20px;display:flex;flex-direction:column;gap:12px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:#748196;font-size:12px}select{padding:8px;border:1px solid #dce2eb;background:white;border-radius:8px}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;min-height:0;flex:1}.panel{background:white;border:1px solid #e0e6ee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panelhead{padding:12px 14px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.queue{overflow:auto;flex:1;padding:8px}.job{padding:12px;border:1px solid transparent;border-radius:8px;cursor:pointer;margin-bottom:4px}.job:hover{background:#f7f9fc}.job.selected{background:#eef3ff;border-color:#cfdbfc}.jobname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550;margin-bottom:5px}.state{font-size:12px;color:#61718b}.state.completed{color:#238357}.state.failed{color:#c54444}.state.review{color:#a56e13}.empty{padding:36px 20px;text-align:center;color:#8290a4;line-height:1.8}.editorbody{display:grid;grid-template-columns:minmax(270px,40%) minmax(0,1fr);min-height:0;flex:1}.previewcol{padding:14px;border-right:1px solid #edf0f5;display:flex;flex-direction:column;gap:10px;overflow:auto}.videobox{position:relative;background:#121b2a;border-radius:8px;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center}video{width:100%;height:100%;object-fit:contain}#overlay{pointer-events:none;position:absolute;bottom:20%;width:100%;text-align:center;color:white;text-shadow:0 1px 3px #000,1px 0 3px #000,-1px 0 3px #000;font-size:20px;white-space:pre-wrap;padding:0 10px}#previewEmpty{color:#b7c1d2;font-size:12px}.cues{overflow:auto;flex:1;padding:8px 12px}.cue{display:grid;grid-template-columns:30px 130px minmax(0,1fr) 25px;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #edf0f5}.cue.active{background:#f0f4ff}.cue button{padding:4px;border:none;background:transparent;color:#6175a2}.times{display:flex;gap:4px;flex-wrap:wrap}.times input{width:62px;padding:5px;border:1px solid #dde4ee;border-radius:5px;font-size:12px}.cue textarea{width:100%;min-height:44px;resize:vertical;border:1px solid #dce3ed;border-radius:6px;padding:7px}.editorfooter{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid #e5eaf1;gap:8px}.actions{display:flex;gap:8px;flex-wrap:wrap}.hidden{display:none!important}#notice{min-height:18px;font-size:12px;color:#65758d}#notice.error{color:#c03939}#error{font-size:12px;color:#b43b3b;overflow-wrap:anywhere}.login{position:fixed;inset:0;z-index:10;background:#f4f6f9eF;display:grid;place-items:center}.loginbox{background:white;padding:30px;border:1px solid #e1e7f0;border-radius:15px;width:min(380px,90vw);box-shadow:0 10px 60px #29415a15}.loginbox input{width:100%;padding:12px;border:1px solid #d7dfeb;border-radius:8px;margin:15px 0}.loginbox button{width:100%}@media(max-width:1100px){.workspace{grid-template-columns:235px minmax(0,1fr)}.editorbody{grid-template-columns:1fr}.previewcol{border-right:none;border-bottom:1px solid #edf0f5;padding:10px;display:grid;grid-template-columns:220px 1fr;max-height:180px}.cue{grid-template-columns:25px 130px 1fr 20px}}@media(max-width:700px){header{padding:0 12px}.brand{font-size:17px}.downloadlabel{display:none}main{height:auto;min-height:calc(100dvh - 65px);padding:12px}.workspace{display:flex;flex-direction:column}.queuepanel{max-height:220px}.editor{min-height:600px}.previewcol{display:flex;max-height:none}.videobox{max-height:220px}.cues{max-height:430px}.cue{grid-template-columns:25px 1fr 20px}.times{grid-column:2}.cue textarea{grid-column:2}.cue .remove{grid-column:3;grid-row:1}.editorfooter{align-items:flex-start;flex-direction:column}}