@font-face{font-family:Cutline;src:url(font.ttf)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#151d22;color:#eef2f4;font-family:Cutline,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3a464e;border-radius:7px;background:#1a2329;padding:9px 14px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:#2b3840}button:disabled{opacity:.45;cursor:default}button:focus-visible,.button:focus-within,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #80cfbd;outline-offset:2px}button.primary{background:#ff876c;color:#0b1115;border-color:#ff876c;font-weight:bold}.top{height:60px;padding:10px 18px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #344049}.top strong{font-size:24px;letter-spacing:-.7px;white-space:nowrap}.top>input{background:transparent;border:0;border-left:1px solid #42515b;border-radius:0;padding:0 28px;font-size:16px;flex:1;min-width:0}.top>div{display:flex;gap:14px}.top button{padding:10px 22px}main{padding:10px;display:grid;grid-template-columns:308px minmax(0,1fr) 388px;grid-template-rows:minmax(530px,58.3vh) auto auto auto;gap:12px}.panel{min-width:0;border:1px solid #344149;border-radius:9px;background:#1f292f;padding:18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.heading h2,h2{font-size:17px;line-height:1.4;margin:0;font-weight:700}.heading>div{display:flex;gap:6px}.heading button,.heading .button{padding:7px 10px}.media{padding:10px;overflow:auto}.media .heading h2{padding-left:8px}.media .import{color:#ff9b83;border-color:#c27b68}.media-card{width:100%;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;display:block;text-align:left;margin-bottom:6px}.media-card.selected{border-color:#f28a70}.media-card img,.media-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #43535c;border-radius:5px;margin-bottom:7px}.media-card strong{display:block;font-size:14px;font-weight:normal;white-space:normal}.media-card small{display:block;color:#c0ccd3;margin-top:3px}.media-card .no-thumb{height:130px;display:flex;align-items:center;justify-content:center;background:#122f37;font-size:30px}.project-tools{display:grid;gap:8px;padding:14px 0 2px}.preview{padding:12px;display:flex;flex-direction:column;gap:8px;overflow:auto}.preview .heading{margin:0 4px 2px;min-height:32px}.preview select{max-width:145px}.screen{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:#090e11;border:1px solid #3d505a;border-radius:7px;flex-shrink:0;margin:auto}.screen[data-format=portrait]{aspect-ratio:9/16;max-width:230px}.screen[data-format=square]{aspect-ratio:1;max-width:410px}.screen video{width:100%;height:100%;display:block;object-fit:cover}.screen #caption-preview{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);max-width:88%;width:max-content;white-space:pre-wrap;text-align:center;background:#101518df;color:#fff;padding:.4em .8em;border-radius:1.5em;font-size:clamp(14px,1.35vw,22px);line-height:1.3;pointer-events:none}.screen #caption-preview:empty{display:none}.screen[data-format=portrait] #caption-preview{font-size:13px;border-radius:7px}.transport{display:flex;align-items:center;gap:18px;min-height:50px}.transport .play{border:0;background:#ff876c;color:#0c1820;width:43px;height:43px;border-radius:50%;font-size:20px;flex-shrink:0;padding:0}.transport #time{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.transport input{flex:1;width:50px;min-width:0;accent-color:#ff876c}.transport button:last-child{border:0;font-size:26px;padding:0 6px;background:none}#status{font-size:12px;color:#c3d3dc;margin:0;line-height:1.4}#status:empty{display:none}.inspector{padding:16px 18px;overflow:auto}.inspector>h2{margin-bottom:16px}.inspector input,.inspector select,.inspector textarea,dialog input,dialog textarea{width:100%}input[type=number],input[type=text],input:not([type]),select,textarea{background:#171f25;border:1px solid #44515a;border-radius:6px;padding:9px 12px;min-width:0}textarea{resize:vertical;min-height:80px;line-height:1.4}label{display:block;color:#e6eaf0;font-size:14px;margin:0 0 6px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.framing{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 18px}.framing select{width:57%}.framing label{margin:0}.section-label{display:block;margin-bottom:10px}.slider{display:flex;align-items:center;gap:12px;margin:15px 0;color:#c1cbd2;font-size:13px}.slider>span{width:70px;flex-shrink:0}.slider input{accent-color:#80cfbd;min-width:0;flex:1;width:100%}.slider output{min-width:25px;text-align:right}.inspector #apply{margin:16px 0 8px;width:100%;padding:11px}.inspector hr{border:0;border-top:1px solid #3a474f;margin:14px 0 22px}.clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.clip-actions button{padding:7px;font-size:12px}details{border-top:1px solid #3a474f;padding-top:12px;margin-top:12px}details>label,details>button{margin-top:12px}summary{cursor:pointer;color:#c1cbd2}.timeline{grid-column:1/-1;padding:10px 20px 26px;min-height:260px}.timeline .heading{margin-bottom:4px}.timeline .heading button{font-size:12px}.ruler{display:flex;justify-content:space-between;color:#d2dbe1;font-size:12px;margin:4px 0 8px}.clip-track{display:flex;gap:4px;min-height:78px}.clip{padding:0;position:relative;min-width:48px;height:78px;border:1px solid #50636c;border-radius:7px;overflow:hidden;background:#102f36}.clip.selected{border:3px solid #ff876c;box-shadow:0 0 0 2px #ff876c33}.clip img{width:100%;height:100%;object-fit:cover;object-position:top}.clip strong{position:absolute;left:7px;top:5px;max-width:95%;text-align:left;font-size:12px;text-shadow:0 1px 4px black;background:#102129bb;padding:2px 5px;border-radius:3px}.clip small{position:absolute;right:5px;bottom:4px;background:#071014cc;border-radius:4px;padding:2px 5px;font-size:11px}#audio-track{margin:10px 0 8px}.audio-row{display:flex;align-items:center;gap:10px;background:#1b4849;border:1px solid #508e88;border-radius:5px;height:38px;padding:8px 12px;font-size:12px;color:#ebfbf5}.audio-row svg{flex:1;height:23px;min-width:20px}.audio-row small{font-size:11px}.caption-track{position:relative;height:34px;background:#111c22;border-radius:5px;overflow:hidden}.cue{position:absolute;top:0;height:34px;border-radius:5px;border:1px solid #ebe0ce;background:#e5dac8;color:#172029;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;padding:5px 10px;font-size:12px}.export-bar{grid-column:1/-1;display:flex;align-items:center;gap:16px;min-height:45px;padding:0 12px}.export-bar select{max-width:100px}.export-bar label{display:flex;gap:7px;align-items:center;font-size:12px;margin:0}.export-bar input{accent-color:#80cfbd}.export-bar #summary{margin-left:auto;color:#bac6ce;font-size:12px;text-align:right}.render-panel{grid-column:1/-1}.render-panel p{color:#c1d1d9;line-height:1.6}.render-panel progress{width:100%;accent-color:#ff876c}#render-files{display:flex;gap:8px;flex-wrap:wrap}#render-files a{border:1px solid #80cfbd;border-radius:6px;padding:8px 12px;color:#b7f2df;text-decoration:none}pre{white-space:pre-wrap;word-break:break-word;font:12px/1.6 monospace}dialog{max-width:min(520px,94vw);background:#202a31;color:#eaf1f4;border:1px solid #586a75;border-radius:10px;padding:24px}dialog::backdrop{background:#040a0dcc}dialog label{margin-top:15px}dialog button{margin-top:15px;margin-right:5px}*{scrollbar-width:thin;scrollbar-color:#4a5f69 #172128}[hidden]{display:none!important}@media(max-width:1250px){main{grid-template-columns:245px minmax(0,1fr) 310px}.top{gap:15px}.top>input{padding:0 15px}.top strong{font-size:21px}.panel{padding:12px}.media{padding:8px}.media .heading{flex-wrap:wrap}.transport{gap:10px}.export-bar{gap:10px;flex-wrap:wrap}.export-bar #summary{flex-basis:100%}.fields{gap:12px}.slider>span{width:62px}}@media(max-width:1000px){main{grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto}.media,.preview{height:560px}.inspector{grid-column:1/-1;display:block;height:auto}.inspector .fields{grid-template-columns:repeat(4,1fr)}.inspector .framing,.inspector .slider{display:inline-flex;width:30%;margin-right:2%}.inspector>h2{margin-bottom:14px}.inspector #apply{max-width:300px}.screen[data-format=portrait]{max-width:210px}.clip-actions{grid-template-columns:repeat(4,1fr)}.top>input{font-size:14px}.top button{font-size:12px;padding:8px 12px}}@media(max-width:650px){.top{height:auto;flex-wrap:wrap;padding:14px;gap:12px}.top strong{font-size:22px}.top>input{width:50%;padding-left:12px}.top>div{width:100%;justify-content:space-between}.top>div button{flex:1}main{display:flex;flex-direction:column;gap:12px;padding:8px}.media{height:auto}.media #media-list{display:flex;overflow:auto;gap:8px}.media-card{width:180px;min-width:180px}.media-card img,.media-card video{height:90px}.media .project-tools{display:flex}.media .heading{flex-wrap:nowrap}.preview{height:auto;min-height:300px}.screen[data-format=portrait]{max-width:230px}.screen #caption-preview{font-size:13px}.transport{gap:9px}.transport #time{font-size:10px}.inspector .fields{grid-template-columns:1fr 1fr}.inspector .framing,.inspector .slider{display:flex;width:100%;margin-right:0}.inspector #apply{max-width:none}.timeline{padding:12px 8px;min-height:230px}.timeline .heading{flex-wrap:wrap}.timeline .heading>div{gap:5px}.timeline .heading button{font-size:11px;padding:6px 9px}.clip strong{font-size:10px}.clip small{font-size:9px}.cue{font-size:10px;padding:5px}.audio-row>span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-bar{gap:10px;padding:4px}.export-bar strong{font-size:13px}.export-bar label{font-size:11px}.export-bar #summary{margin:0;text-align:left}button,.button{white-space:normal}}
.top>input{background:transparent;border:0;border-left:1px solid #42515b;border-radius:0;padding:0 28px}.media-card{white-space:normal}.media-card img{height:116px;aspect-ratio:auto;object-fit:cover}.media-card>span{display:block;white-space:normal}.media-card small>span{float:right;color:#80cfbd}.clip{display:block}.clip>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.clip>span{position:absolute;left:8px;bottom:6px;background:#102129dd;border-radius:4px;padding:3px 7px;font-size:12px;text-align:left;max-width:90%;overflow:hidden;text-overflow:ellipsis}.clip small{position:static;display:inline-block;padding:0 0 0 8px;background:none;white-space:nowrap}#audio-track{display:flex;align-items:center;gap:16px;background:#1b4849;border:1px solid #508e88;border-radius:5px;min-height:38px;padding:6px 12px;color:#ebfbf5}.audio-label{font-size:12px;white-space:nowrap}.wave{display:flex;gap:3px;flex:1;align-items:center;justify-content:space-between;height:25px;overflow:hidden}.wave i{background:#80cfbd;width:3px;min-width:1px;opacity:.8}.caption-block{position:absolute;top:0;height:34px;border-radius:5px;border:1px solid #d8cfbd;background:#e5dac8;color:#172029;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;padding:5px 10px;font-size:12px}.caption-block:hover{background:#f0e6d5}.empty-audio{color:#bdd6d1;font-size:12px}.screen[data-format=portrait]{max-height:calc(100% - 115px);width:auto;height:100%;aspect-ratio:9/16}.screen[data-format=square]{max-height:calc(100% - 115px);width:auto;height:100%;aspect-ratio:1}.error{color:#ff9b83!important}@media(max-width:650px){.media-card img{height:90px}.audio-label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.clip>span{font-size:10px;max-width:95%;left:2px;padding:2px}.clip small{display:block;font-size:9px;padding:0}.caption-block{font-size:10px}.screen[data-format=portrait]{width:min(230px,100%);height:auto;max-height:none}.screen[data-format=square]{width:100%;height:auto;max-height:none}.top>input{padding:0 10px}}
@media(min-width:651px){.media-card{padding:6px;margin-bottom:4px}.media-card img{height:100px;margin-bottom:5px}.media-card small{font-size:11px}.media-card>span{font-size:13px}}
.workflow-bar{display:flex;gap:10px;align-items:center;padding:10px 18px;border-bottom:1px solid #344149;color:#c8d6de;font-size:12px;flex-wrap:wrap}.workflow-bar>span:first-child{font-size:14px;color:#f0f4f5;margin-right:10px}.workflow-bar button{padding:7px 12px;font-size:12px}.workflow-bar #draft-status{margin-left:auto;font-size:11px;color:#9bd6c6}main{grid-template-rows:minmax(500px,53vh) auto auto auto}.export-bar select{font-size:12px}.export-bar #caption-style{max-width:125px}.export-bar label{white-space:nowrap}#caption-preview[data-style=clean]{border-radius:6px;background:#101518df;bottom:9%;font-size:clamp(14px,1.45vw,24px)}#caption-preview[data-style=spotlight]{border-radius:4px;background:#ffdf61;color:#151d22;bottom:9%;font-weight:normal;font-size:clamp(14px,1.6vw,26px)}#caption-preview[data-style=editorial]{border-radius:0;background:#102b32eb;bottom:9%;font-size:clamp(14px,1.45vw,24px)}dialog{width:min(640px,94vw);max-height:88vh;overflow:auto}dialog p{font-size:13px;line-height:1.55;color:#c4d2da;margin:12px 0}dialog select{width:100%}dialog input:not([type=checkbox]){width:100%;padding:9px 12px;background:#171f25;border:1px solid #44515a;border-radius:6px}#start-error,#transcript-error{color:#ffac96}.transcript-line{display:flex;gap:12px;align-items:flex-start;border:1px solid #40505a;border-radius:7px;padding:12px;background:#19242b;line-height:1.5}.transcript-line input{width:17px;height:17px;accent-color:#80cfbd;margin-top:4px}.transcript-line small{display:block;font-size:11px;color:#91b9b0;margin-bottom:5px}.transcript-tools{display:flex;gap:10px}.transcript-tools button{font-size:12px}#transcript-lines{max-height:300px;overflow:auto;margin:16px 0}.timeline .heading>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:1000px){main{grid-template-rows:auto}}@media(max-width:650px){.workflow-bar{padding:8px;gap:7px}.workflow-bar>span:first-child{width:100%}.workflow-bar #draft-status{margin-left:0;width:100%}.workflow-bar button{font-size:11px}.top>div{gap:7px}.top>div button{padding:8px;font-size:11px}.export-bar{flex-wrap:wrap}.export-bar #summary{flex-basis:100%}.timeline .heading>div{justify-content:flex-start}.transcript-line{font-size:13px}main{display:flex}}