@font-face{font-family:Pretendard;src:url('/fonts/PretendardVariable.woff2');font-display:swap}
:root{font-family:Pretendard,sans-serif;color:#e9edf5;background:#111318;font-size:16px;color-scheme:dark;--line:#303642;--muted:#a7afbd;--accent:#a8c7ff}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,select,input,textarea{outline-offset:4px}button,.import{border:1px solid #414956;background:#262c35;border-radius:7px;color:inherit;padding:9px 13px;cursor:pointer}button:hover,.import:hover{background:#363e4c}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#adcaff;color:#122039;border-color:#adcaff;font-weight:700}.primary:hover{background:#cadcff}a{color:var(--accent);text-decoration:none}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:12px 28px}header strong{font-size:18px}#connection{margin-left:auto;color:var(--muted);font-size:14px}.back{font-size:14px}main{padding:20px 28px;max-width:1920px;margin:auto}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar label:first-child{display:flex;align-items:center;gap:12px;min-width:0}.toolbar select{max-width:560px;width:100%;padding:10px;background:#1c2028;border:1px solid var(--line);border-radius:6px}#save-state{margin-left:auto;font-size:14px;color:var(--muted)}.import{font-size:14px}.import input{display:none}.toolbar button{font-size:14px}.workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,1fr);gap:24px}.preview{min-width:0}.video-wrap{aspect-ratio:16/9;background:#050608;border:1px solid var(--line);border-radius:8px;overflow:hidden}video{width:100%;height:100%;object-fit:contain}.preview-info{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:12px 0;font-variant-numeric:tabular-nums}#draft-preview{border-left:3px solid var(--accent);background:#1e2634;padding:12px 16px}#draft-preview small{color:var(--accent);font-size:14px}#draft-preview p{margin:7px 0;line-height:1.6}.script{background:#191d24;border:1px solid var(--line);border-radius:8px;overflow:hidden}.script-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}h1,h2{font-size:17px;margin:0}.script-head span{font-size:14px;color:var(--muted)}.filters{display:flex;align-items:center;gap:14px;padding:0 18px 16px;font-size:14px}.filters input[type=search]{min-width:0;flex:1;width:50%;padding:9px 12px;background:#11151b;border:1px solid var(--line);border-radius:6px}.filters label{white-space:nowrap}#cues{height:52vh;min-height:320px;overflow-y:auto;scroll-behavior:smooth}.cue{padding:15px 18px;border-top:1px solid #2b313c;border-left:3px solid transparent}.cue.active{background:#222c3d;border-left-color:var(--accent)}.cue.changed{border-left-color:#e8b875}.cue-top{display:flex;align-items:center;gap:12px;margin-bottom:9px}.seek{font-size:14px;font-variant-numeric:tabular-nums;padding:4px 7px;border:0;background:transparent;color:var(--accent)}.cue-number{color:#a6afbf;font-size:13px}.cue select{margin-left:auto;font-size:14px;background:#202630;border:1px solid #414956;padding:5px;border-radius:4px}.cue textarea{display:block;width:100%;resize:vertical;min-height:68px;background:#12161c;border:1px solid #3b4350;border-radius:5px;color:#f4f6fc;padding:10px 12px;font-size:16px;line-height:1.6}.cue.changed textarea{border-color:#9a784c}.cue-bottom{display:flex;gap:12px;align-items:start;font-size:14px;color:var(--muted);margin-top:8px}.original{flex:1;line-height:1.5;overflow-wrap:anywhere}.undo{padding:3px 6px;font-size:14px;white-space:nowrap}.timeline-section{margin-top:24px}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.timeline-head span{font-size:14px;color:var(--muted)}#timeline{display:flex;gap:5px;overflow-x:auto;padding-bottom:14px}.scene{padding:0;background:#1c222c;flex:0 0 142px;text-align:left;overflow:hidden}.scene img,.scene canvas{width:142px;height:80px;display:block;object-fit:cover}.scene span{display:block;padding:7px 8px;font-size:13px;color:var(--muted)}.scene.active{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}#notice{background:#292718;border:1px solid #69613b;padding:12px 16px;margin-bottom:18px;line-height:1.6}#notice a{display:inline-block;margin-left:12px;text-decoration:underline}.job{margin-top:18px;background:#1d293a;padding:16px;border-radius:7px}.job strong{font-size:16px;overflow-wrap:anywhere}progress{width:100%;margin-top:12px;accent-color:var(--accent)}#result{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.history{margin-top:18px;color:var(--muted);font-size:14px}.history summary{cursor:pointer}.history button{margin:8px 8px 0 0;font-size:14px}dialog{color:#edf1f8;background:#1e2530;border:1px solid #546074;border-radius:12px;max-width:540px;padding:28px}dialog::backdrop{background:#000a}dialog p{line-height:1.7}.approval{display:block;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.empty{padding:28px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:950px){main{padding:16px}.workspace{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar label:first-child{width:100%}#save-state{margin-left:0;margin-right:auto}header{padding:12px 16px;gap:12px}header strong{font-size:16px}.back{display:none}#connection{font-size:13px}#cues{height:55vh}.timeline-head{gap:12px}.timeline-head span{font-size:13px}.toolbar select{max-width:none}.preview{max-width:100%}}