:root{--ink:#ecf1ef;--muted:#9aa8a4;--paper:#121817;--panel:#18211f;--panel2:#202b28;--line:#30423d;--mint:#75e0b7;--mint-ink:#05251d;--warn:#ffcf70;--danger:#ff9886;--focus:#c3ffdc;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#101614;position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:760;letter-spacing:.02em}.brand small{font-size:12px;color:var(--muted);font-weight:500;border-left:1px solid var(--line);padding-left:12px;max-width:28ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mark{color:var(--mint);font-size:32px;line-height:1}.top-actions{display:flex;gap:8px}.button{border:1px solid transparent;border-radius:8px;min-height:36px;padding:7px 12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border .15s,transform .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.42}.primary{background:var(--mint);color:var(--mint-ink)}.quiet{color:var(--ink);background:transparent;border-color:var(--line)}.quiet:hover:not(:disabled){background:var(--panel2)}.danger{color:var(--danger);background:transparent;border-color:#75463d}.wide{width:100%;margin-top:4px}.workspace{min-height:calc(100vh - 68px);display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,1fr) minmax(276px,340px)}.rail,.inspector{background:var(--panel);padding:25px 20px;border-right:1px solid var(--line)}.inspector{border-right:0;border-left:1px solid var(--line)}section+section{margin-top:30px}h1,h2,p{margin-top:0}h1{font-size:20px;margin-bottom:4px;letter-spacing:-.02em}h2{font-size:13px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px;color:#c8d3cf}.muted,.hint{color:var(--muted);font-size:13px;line-height:1.5}.hint{margin:8px 0 0}.optional{font-size:11px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:500}.drop-target{display:flex;width:100%;min-height:100px;text-align:left;flex-direction:column;justify-content:center;gap:5px;padding:14px;border:1px dashed #527369;background:#15211d;color:var(--ink);border-radius:10px;cursor:pointer}.drop-target:hover,.drop-target.dragover{background:#1b2b25;border-color:var(--mint)}.drop-target strong{font-size:15px}.drop-target span{font-size:12px;color:var(--muted)}label{display:block;color:#cbd5d1;font-size:12px;font-weight:700;margin-bottom:6px}.help{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:10px}.offset{display:flex;gap:7px}.offset input{min-width:0}.file-line{display:block;border:1px solid var(--line);padding:9px;border-radius:8px;cursor:pointer;font-size:13px}.file-line input{display:block;margin-top:6px;width:100%;font-size:11px;color:var(--muted)}input,textarea{width:100%;color:var(--ink);background:#101715;border:1px solid #42554f;border-radius:7px;font:inherit;font-size:14px;padding:9px}textarea{line-height:1.55;resize:vertical;min-height:110px}video{width:100%;margin-top:10px;background:#000;border-radius:7px}.status{font-size:13px;line-height:1.5}.status.ok{color:var(--mint)}.status.warn{color:var(--warn)}.cue-area{min-width:0;background:#151d1a}.cue-header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:27px 28px 17px;border-bottom:1px solid var(--line)}.cue-header p{margin:0;color:var(--muted);font-size:13px}.filter-label{width:200px;margin:0}.filter-label input{margin-top:6px;padding:7px;font-size:13px}.cue-list{list-style:none;margin:0;padding:8px 12px 40px;max-height:calc(100vh - 175px);overflow:auto}.cue{display:grid;grid-template-columns:44px 130px 1fr;align-items:center;gap:10px;padding:14px 12px;border-bottom:1px solid #293733;cursor:pointer;position:relative}.cue:hover{background:#1d2825}.cue.selected{background:#21342d;box-shadow:inset 3px 0 var(--mint)}.cue.problem{box-shadow:inset 3px 0 var(--warn)}.cue.selected.problem{box-shadow:inset 3px 0 var(--mint)}.cue-number{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.cue-time{font-size:12px;color:#c6d4cf;font-variant-numeric:tabular-nums}.cue-text{white-space:pre-line;line-height:1.45;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cue-flag{grid-column:2/4;font-size:12px;color:var(--warn);margin-top:-3px}.empty{height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:24px}.empty span{font-size:40px;color:#52655f}.empty p{color:#c4d0cb;margin:10px 0 4px}.compact{height:340px}.notice{margin:14px 28px 0;padding:10px 12px;background:#352c18;border:1px solid #765b22;color:#ffe0a0;font-size:13px;line-height:1.45;border-radius:8px}.editor-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.editor-title h2{font-size:18px;letter-spacing:-.01em;text-transform:none;color:var(--ink);margin:4px 0 0}.editor-title span{font-size:12px;color:var(--muted)}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.field-warning{color:var(--warn);font-size:12px;min-height:18px;margin:8px 0}.toast{position:fixed;bottom:20px;left:50%;translate:-50% 20px;opacity:0;pointer-events:none;background:#253630;border:1px solid #527369;color:var(--ink);padding:10px 14px;border-radius:8px;font-size:14px;transition:.2s}.toast.show{opacity:1;translate:-50% 0}@media(max-width:1000px){.workspace{grid-template-columns:230px minmax(370px,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:25px}.inspector .compact{height:auto}.inspector form{max-width:600px}.cue-list{max-height:calc(100vh - 175px)}}@media(max-width:680px){.topbar{height:auto;min-height:62px;padding:10px 14px;gap:10px}.brand small{display:none}.workspace{display:block}.rail{border-right:0;padding:20px}.rail section{margin-top:20px}.rail .quality{display:none}.cue-header{padding:20px 16px;display:block}.filter-label{width:100%;margin-top:14px}.cue-list{max-height:none;padding:8px 0}.cue{grid-template-columns:34px 108px 1fr;padding:13px 10px}.inspector{display:block;padding:20px}.inspector .compact{height:120px}.cue-area{min-height:300px}.top-actions .button{padding:7px 9px;font-size:13px}}
 [hidden]{display:none!important}.offset .button{flex:0 0 auto;white-space:nowrap}.cue{outline:none}.cue:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.cue.playing{background:#29483b}

.cue-time{white-space:pre-line}.cue:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.offset .button{flex-shrink:0;white-space:nowrap}.cue.playing .cue-time{color:var(--mint)}
@media(min-width:681px) and (max-width:1000px){.inspector{display:block}.inspector form{max-width:760px}}
@media(max-width:680px){.cue-list{max-height:380px;overflow:auto}.toast{max-width:calc(100vw - 32px);width:max-content}}