*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#09090f;color:#f5f2fc;font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:transparent;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c1a0ff;outline-offset:3px}[hidden]{display:none!important}.editor{max-width:580px;margin:auto;background:#0b0b12;min-height:100vh}header{display:flex;align-items:center;gap:9px;padding:17px 16px;border-bottom:1px solid #24212f}header img{width:34px;height:34px;border-radius:9px}.back{font-size:32px;line-height:1;padding:0 6px}.brand{font-size:23px;font-weight:850;letter-spacing:-1px;line-height:1}.brand>span{color:#b69aff}.brand small{display:block;color:#968ba6;font-size:12px;letter-spacing:0;margin-top:5px;font-weight:400}#undo{margin-left:auto;font-size:14px;color:#baa4dd}#undo:disabled{opacity:.35;cursor:default}.project-line{display:flex;justify-content:space-between;font-size:12px;color:#8e859e;padding:14px 20px}.project-line>span:first-child{color:#c3b9d1}.monitor{background:#07070b;display:flex;justify-content:center;padding:0 0 10px}.portrait{position:relative;width:min(59vw,220px);aspect-ratio:9/16;overflow:hidden;border-radius:10px;background:#16131d}.portrait video{height:100%;width:100%;object-fit:cover;display:block}.demo-badge{position:absolute;top:10px;left:10px;border-radius:4px;padding:3px 6px;background:#151020a0;color:#efe8ff;font-size:9px;letter-spacing:.8px}.subtitle{position:absolute;bottom:16%;left:7%;width:86%;text-align:center;font-size:19px;font-weight:900;line-height:1.18;color:#caff45;text-shadow:0 2px 3px #000,0 0 9px #000;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none}.playback{display:flex;align-items:center;gap:9px;padding:12px 16px}.playback button{height:38px;min-width:32px;font-size:17px}.playback .play{border-radius:50%;background:#eee6ff;color:#1b102d;width:38px}.clock{font-size:12px;font-variant-numeric:tabular-nums;flex:1;white-space:nowrap}.clock b{font-weight:500}.clock>span{color:#82768d}#downloadSrt{font-size:12px;color:#c6abec}.demo-note{font-size:12px;color:#a093ad;text-align:center;line-height:1.45;margin:0 18px 16px}.timeline-section{background:#101017;border-block:1px solid #28232f;padding:13px 0 8px}.timeline-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 16px 12px}.timeline-toolbar h1{font-size:14px;font-weight:600;margin:0}.timeline-toolbar>div{display:flex;align-items:center;font-size:12px;color:#b5a5c6;gap:10px}.timeline-toolbar button{font-size:20px;height:28px;width:28px;border:1px solid #393044;border-radius:6px}.timeline-toolbar button:disabled{opacity:.35}.timeline-shell{display:flex}.track-labels{display:flex;flex-direction:column;width:43px;flex-shrink:0;border-right:1px solid #32283b;z-index:2;background:#101017}.track-labels span{height:28px}.track-labels button{height:48px;margin-bottom:7px;color:#a88ccd;font-size:16px}.track-labels button:nth-child(3){height:37px}.track-labels button:nth-child(4){height:40px}.timeline-scroll{overflow-x:auto;overscroll-behavior-x:contain;flex:1;min-width:0;scrollbar-width:thin;scrollbar-color:#51405f #121019}.timeline{position:relative;width:860px;padding-right:16px}.ruler{height:28px;position:relative;color:#8c7c9f;font:11px monospace;cursor:crosshair}.ruler span{position:absolute;top:3px;padding-left:3px;border-left:1px solid #50465d;height:17px}.track{position:relative;height:48px;margin-bottom:7px}.video-track button{position:absolute;top:0;height:48px;border-radius:6px;border:1px solid #57416c;background-image:linear-gradient(#0002,#0002),url('filmstrip.jpg');background-repeat:repeat-x;background-size:auto 48px;padding:3px 5px;overflow:hidden;text-align:left}.video-track button.selected{border:2px solid #ba8aff}.video-track button span{font-size:10px;border-radius:3px;padding:1px 4px;background:#1a102abf;position:absolute;bottom:4px;left:4px;white-space:nowrap}.caption-track{height:37px}.caption-track button{position:absolute;height:37px;top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:#493065;border:1px solid #705092;border-radius:5px;font-size:12px;padding:6px;color:#e7d5ff}.caption-track button.selected{background:#8762ae;border:2px solid #e3c8ff;color:white}.audio-track{height:40px;border-radius:6px;background:#183b35;overflow:hidden;cursor:pointer}#waveform{width:100%;height:40px;opacity:.85}.audio-track>span{position:absolute;left:9px;top:11px;font-size:10px;background:#102e2bc9;color:#bde6d9;padding:1px 5px;border-radius:3px}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#f1e6ff;pointer-events:none;z-index:3}.playhead i{position:absolute;top:0;left:-4px;width:10px;height:13px;background:#f1e6ff;border-radius:2px}.scrub{display:block;width:calc(100% - 36px);margin:10px 18px 0;accent-color:#a679e8;height:14px}.timeline-hint{font-size:12px;color:#897b96;text-align:center;margin:9px 12px 1px}.tools{display:flex;border-bottom:1px solid #302539;padding:8px 12px;gap:5px}.tools button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 3px 8px;border-radius:9px;font-size:20px;color:#9687a6}.tools button span{font-size:12px}.tools button.active{background:#2a1d3a;color:#d6b4ff}.panel{padding:18px 18px 8px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.panel h2{font-size:16px;margin:0;font-weight:600}.panel-heading>span{font-size:12px;color:#9d8bac}textarea{width:100%;background:#17121f;border:1px solid #6b4888;border-radius:11px;color:#f4ebff;padding:12px;font-size:17px;resize:vertical;min-height:75px}.time-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end;margin:13px 0}.time-inputs label{color:#a699b5;font-size:12px;min-width:0}.time-inputs input{width:100%;margin-top:5px;background:#17131f;border:1px solid #332b3e;border-radius:7px;padding:8px;color:white;font-size:14px}.time-inputs button{font-size:12px;background:#332242;border-radius:7px;padding:10px 8px;min-height:39px}.text-style{display:flex;gap:16px;align-items:end;margin:15px 0}.text-style label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#9f90af}.text-style select{background:#1d1626;border:1px solid #3e2c50;border-radius:7px;padding:8px;max-width:170px;font-size:14px}.text-style input[type=color]{width:40px;height:36px;border:1px solid #4b345f;background:#1d1626;border-radius:7px;padding:3px}.text-style .check{margin-left:auto;align-items:center}.check input,.switch-row input{height:24px;width:24px;accent-color:#9563d8}details{border-top:1px solid #302438;margin-top:16px;padding-top:14px}summary{cursor:pointer;font-size:14px;color:#d0c2dc}summary span{float:right;font-size:12px;color:#8e7e9d}#transcript{margin-top:10px;max-height:270px;overflow-y:auto}#transcript button{display:flex;align-items:start;gap:12px;width:100%;padding:10px 6px;text-align:left;border-bottom:1px solid #251e2d;font-size:14px}#transcript button small{color:#967faa;font:12px monospace;flex-shrink:0;padding-top:3px}#transcript button.selected{background:#261a32}.grades{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 12px}.grades button{flex:0 0 73px;padding:0;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b4a3c1;align-items:center}.grades img{height:81px;width:69px;object-fit:cover;border:2px solid transparent;border-radius:8px}.grades .active img{border-color:#c398ff}.grades .active{color:#ead6ff}.grades [data-grade=warm] img{filter:sepia(.24) saturate(1.2)}.grades [data-grade=cool] img{filter:sepia(.16) hue-rotate(165deg) saturate(1.1)}.grades [data-grade=contrast] img{filter:contrast(1.3) saturate(1.12)}.grades [data-grade=mono] img{filter:grayscale(1)}.range-label{display:block;font-size:14px;color:#c6b5d4;margin-top:14px}.range-label output{float:right;color:#9e83bb}.range-label input{width:100%;accent-color:#a477df;margin-top:15px}.helper{font-size:14px;color:#9e8cab;line-height:1.6}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}footer{padding:22px 18px 28px}.export{width:100%;padding:15px;border-radius:12px;font-weight:650;background:linear-gradient(105deg,#5149de,#9a42e4);font-size:16px}.export:disabled{opacity:.5;cursor:default}footer p{font-size:12px;color:#8c7a9b;line-height:1.6;text-align:center}.reset{display:block;margin:16px auto 0;color:#baa2cd;font-size:12px;text-decoration:underline;text-underline-offset:3px}.error{font-size:13px;color:#ffabbf}@media(min-width:650px){.editor{margin:22px auto;border:1px solid #292131;border-radius:22px;overflow:hidden}.portrait{width:230px}}@media(max-width:350px){header{padding-inline:10px}.brand{font-size:21px}.playback{gap:5px;padding-inline:10px}.panel{padding-inline:12px}.text-style{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}