*{box-sizing:border-box}:root{color-scheme:dark;--red:#e50914;--line:#ffffff17;--muted:#929292;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:#111;color:#ddd;font-size:12px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--red);outline-offset:3px}.hidden{display:none!important}.app{max-width:1700px;margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:30;background:#080808ed;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.nav{min-height:70px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.brand{font-size:27px;color:var(--red);font-weight:950;letter-spacing:-1.6px}.edition{font-size:9px;letter-spacing:2px;color:#888}.nav-actions{margin-left:auto;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #ffffff20;background:#ffffff08;border-radius:5px;color:#ddd;font-weight:550;font-size:11px}.btn:hover:not(:disabled){background:#282828}.primary{background:var(--red);border-color:var(--red);color:white}.primary:hover:not(:disabled){background:#b80710}.tiny-btn{padding:4px 7px;font-size:10px}.danger{color:#fca5a5}.file-label{position:relative;cursor:pointer}.file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.file-label:focus-within{outline:2px solid var(--red);outline-offset:3px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0 16px}.intro h1{font-size:23px;letter-spacing:-.8px;color:#fff;margin:0}.intro p{font-size:11px;color:#888;margin:4px 0}.tag{border:1px solid #22c55e30;background:#22c55e09;color:#86efac;padding:5px 10px;border-radius:99px;font-size:9px;white-space:nowrap}.notice{padding:10px 14px;background:#181818;border:1px solid var(--line);border-left:3px solid #f59e0b;border-radius:6px;font-size:10px;color:#999;margin-bottom:14px}.restore{display:flex;align-items:center;gap:10px;background:#292211;border:1px solid #f59e0b50;padding:10px 14px;border-radius:6px;margin-bottom:14px;font-size:11px}.restore span{flex:1}.workspace{display:grid;grid-template-columns:290px minmax(300px,1fr) 380px;gap:14px;align-items:start}.panel{border:1px solid var(--line);background:#191919;border-radius:9px;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line);font-size:12px;color:#fff}.panel-head small{color:#777;font-size:9px}.padded{padding:14px}.source-drop{position:relative;background:#0e0e0e;border:1px dashed #ffffff30;border-radius:6px;padding:19px 10px;display:block;text-align:center;cursor:pointer}.source-drop.dragging,.source-drop:hover{border-color:var(--red)}.source-drop input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.source-drop strong{display:block;color:white;font-size:13px}.source-drop small{display:block;font-size:9px;color:#777;margin-top:6px}.source-name{font-size:10px;overflow-wrap:anywhere;margin:11px 0;color:#ccc}.source-name small{display:block;color:#777}.label{display:block;font-size:10px;color:#aaa;margin:11px 0 5px}.label:first-child{margin-top:0}input[type=text],input[type=number],textarea,select{color:#eee;background:#0d0d0d;border:1px solid #ffffff23;border-radius:4px;padding:8px 9px;max-width:100%}input[type=number]{width:100%}textarea{width:100%;resize:vertical;min-height:65px;max-height:230px}select{width:100%}input[type=range]{accent-color:var(--red);width:100%}input[type=color]{width:100%;height:31px;border:1px solid #ffffff25;background:#111;border-radius:4px}input[type=checkbox]{accent-color:var(--red)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.help{font-size:9px;color:#808080;line-height:1.7;margin:7px 0}.divider{border-top:1px solid var(--line);margin:14px 0}.style-options label.inline{display:flex;gap:6px;align-items:center;font-size:10px;color:#aaa}.preview-panel{background:#0a0a0a}.stage-wrap{padding:18px;display:grid;place-items:center;min-height:400px;background:radial-gradient(ellipse,#281619,#080808 80%)}.stage{aspect-ratio:9/16;width:min(100%,280px);position:relative;background:#000;border:1px solid #ffffff22;border-radius:7px;overflow:hidden}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent}.overlay{position:absolute;pointer-events:none;white-space:pre;text-align:center;line-height:1.5;transform:translate(-50%,-50%);font-family:ShortflixNoto,sans-serif;z-index:2}.overlay.box{background:#0009;padding:2px 4px;border-radius:2px}.safe-guides{position:absolute;inset:8% 6% 12%;border:1px dashed #ffffff35;pointer-events:none;z-index:3}.safe-guides::before{content:"SAFE GUIDE (참고용)";position:absolute;top:3px;left:5px;font-size:7px;color:#ffffff70}.player-bar{padding:12px 15px;border-top:1px solid var(--line)}.timecode{font:12px ui-monospace,monospace;color:#ddd;font-variant-numeric:tabular-nums}.player-bar .row{justify-content:space-between}.speed{width:auto;padding:5px;font-size:10px}.preview-note{font-size:9px;color:#777;padding:0 15px 11px;margin:0}.caption-list{max-height:610px;overflow:auto;padding:11px;scrollbar-width:thin;scrollbar-color:#444 #151515}.caption-row{background:#101010;border:1px solid var(--line);border-radius:6px;padding:10px;margin-bottom:9px}.caption-row.selected{border-color:#e50914b0;box-shadow:inset 3px 0 var(--red)}.caption-row.active{background:#241719}.caption-row.invalid{border-color:#f59e0b99}.caption-top{display:flex;gap:5px;align-items:center}.caption-number{font-size:9px;color:#777;min-width:20px}.time-input{width:80px!important;font-size:10px;padding:5px!important}.caption-top .delete{margin-left:auto}.caption-row textarea{font-size:12px;min-height:56px;margin-top:7px}.caption-tools{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.row-error{font-size:9px;color:#f59e0b;margin:5px 0 0}.empty{text-align:center;color:#777;font-size:11px;padding:25px 8px}.search-bar{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.search-bar input{min-width:0;flex:1;font-size:10px}.search-count{font-size:9px;color:#777;padding:0 12px 6px}.editor-tools{padding:10px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line)}.editor-error{font-size:10px;color:#f59e0b;margin:10px 0}.timeline-panel{margin-top:14px}.timeline-tools{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline-tools .row{gap:6px}.timeline-tools label{font-size:9px;color:#999}.zoom{width:110px!important}.snap-select{width:auto;font-size:10px;padding:5px}.timeline-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#444 #111}.timeline-inner{height:145px;min-width:100%;position:relative;background:#0c0c0c;touch-action:none}.ruler{height:23px;border-bottom:1px solid var(--line);position:relative;pointer-events:none}.tick{position:absolute;top:2px;font:9px ui-monospace,monospace;color:#777;transform:translateX(3px)}.tick::after{content:"";position:absolute;height:5px;width:1px;background:#444;left:-3px;top:15px}.waveform{position:absolute;left:0;top:25px;height:45px;width:100%;pointer-events:none}.waveform-empty{position:absolute;left:12px;top:37px;font-size:9px;color:#444;pointer-events:none}.cue-block{position:absolute;height:45px;top:83px;background:#e5091433;border:1px solid #e5091470;border-radius:4px;cursor:grab;overflow:hidden;touch-action:none;color:#ddd;display:flex;align-items:center;user-select:none;min-width:3px}.cue-block.selected{background:#e5091470;border-color:#e50914}.cue-block.active{box-shadow:0 0 0 1px #fff9}.cue-block .grip{height:100%;width:7px;position:absolute;top:0;background:#ffffff20;cursor:ew-resize;z-index:2}.grip.left{left:0}.grip.right{right:0}.cue-block .caption{padding:0 11px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.playhead{position:absolute;top:0;bottom:0;width:1px;background:white;pointer-events:none;z-index:10}.playhead::before{content:"";position:absolute;top:0;left:-4px;border-top:7px solid white;border-left:4px solid transparent;border-right:4px solid transparent}.timeline-bottom{display:flex;justify-content:space-between;gap:10px;padding:8px 13px;color:#777;font-size:9px}.export-bar{margin-top:14px;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px}.export-bar h3{font-size:14px;margin:0;color:white}.export-bar p{font-size:10px;color:#888;margin:3px 0}.export-btn{font-size:14px;padding:12px 23px;min-width:190px}.log-panel{margin-top:14px}.status-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;font-size:11px}.percent{color:white;font-variant-numeric:tabular-nums}progress{appearance:none;-webkit-appearance:none;border:0;height:3px;width:100%;background:#333;display:block;accent-color:var(--red)}progress::-webkit-progress-bar{background:#333}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}.console-head{display:flex;justify-content:space-between;padding:7px 13px;background:#111;color:#666;font:9px ui-monospace,monospace}.console-head button{background:none;border:0;color:#999;font-size:9px}#log{height:110px;background:#080808;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere;margin:0;padding:12px 14px;color:#999;font:10px/1.8 ui-monospace,monospace}.result{margin-top:14px;padding:20px;display:grid;grid-template-columns:260px 1fr;gap:25px;align-items:center}.output-frame{height:min(460px,60vh);aspect-ratio:9/16;max-width:100%;margin:auto;overflow:hidden;background:black;border-radius:7px;border:1px solid var(--line)}.output-frame video{width:100%;height:100%;object-fit:contain}.result h2{font-size:29px;color:white;line-height:1.2;letter-spacing:-1px}.result p{font-size:11px;color:#999}.warning{color:#f59e0b!important}.ready{font-size:9px;color:#22c55e}footer{padding:22px 0 30px;font-size:9px;color:#777}footer details{margin-top:8px}footer summary{cursor:pointer;color:#aaa}dialog{width:min(650px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow:auto;background:#171717;color:#ddd;border:1px solid #ffffff25;border-radius:10px;padding:22px;box-shadow:0 30px 100px #000c}dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.dialog-head h2{font-size:16px;color:white;margin:0}.dialog-head small{font-size:8px;letter-spacing:1px;color:#999}.dialog-card{border:1px solid var(--line);border-radius:7px;background:radial-gradient(ellipse at 90% 0,#e5091422,transparent 70%),linear-gradient(140deg,#282828,#090909);padding:25px;margin:15px 0}.dialog-card h3{font-size:26px;color:white;line-height:1.2;margin:10px 0}.dialog-card small{font-size:8px;color:#888}.count-track{height:3px;background:#333;margin:10px 0}.count-fill{height:100%;background:var(--red);width:0}.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px}.shortcut-grid kbd{background:#292929;border:1px solid #ffffff25;border-radius:4px;padding:2px 6px;font:11px monospace}.import-label input{position:absolute;width:1px;height:1px;opacity:0}.import-label{cursor:pointer}.import-label:focus-within{outline:2px solid var(--red);outline-offset:3px}.bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;padding:11px 18px;background:#292929;border:1px solid #ffffff25;border-radius:6px;font-size:12px;z-index:100}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}kbd{font-family:monospace}@media(min-width:1600px){.stage{width:310px}.caption-list{max-height:680px}}@media(max-width:1200px){.workspace{grid-template-columns:250px minmax(270px,1fr) 330px}.app{padding:0 16px}.panel-head{padding:11px}.padded{padding:11px}.time-input{width:68px!important}.caption-top{gap:3px}}@media(max-width:1000px){.workspace{grid-template-columns:250px 1fr}.captions-panel{grid-column:1/-1}.caption-list{max-height:380px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.caption-row{margin:0}.stage{width:260px}.nav-actions{gap:5px}.edition{display:none}.result{grid-template-columns:230px 1fr}}@media(max-width:650px){.app{padding:0 12px}.nav{gap:12px}.nav-actions{margin-left:0;width:100%}.intro{padding:17px 0}.intro h1{font-size:20px}.tag{display:none}.workspace{grid-template-columns:1fr}.captions-panel{grid-column:auto}.caption-list{display:block}.caption-row{margin-bottom:8px}.source-panel details{max-height:450px;overflow:auto}.stage{width:min(100%,260px)}.stage-wrap{min-height:0}.export-bar{flex-direction:column;align-items:stretch}.export-bar .row{justify-content:flex-start}.result{grid-template-columns:1fr}.bulk-grid{grid-template-columns:1fr}.timeline-tools{align-items:flex-start}.restore{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}