@charset "UTF-8";
:root{font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#e8e9ec;background:#0d0f11;font-synthesis:none;--bg:#111315;--panel:#17191c;--line:#292c31;--muted:#80858e;--text:#e8e9ec;--mint:#8de8ce;--mint-dark:#173a32;--danger:#f59299}*{box-sizing:border-box}body{margin:0;font-size:12px;line-height:1.5;overflow:hidden}button,input,select{font:inherit}button,a,label,select,input{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:focus-visible{outline:2px solid var(--mint);outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}input,select{color:var(--text);background:#202328;border:1px solid #34383f;border-radius:6px;outline:none}input:focus,select:focus{border-color:#69b7a0}input[type=number]{width:100%;padding:9px 10px;font-variant-numeric:tabular-nums}select{font-size:11px;padding:7px 8px;max-width:145px}input[type=checkbox]{accent-color:var(--mint);width:13px;height:13px;margin:0}.editor-app{height:100dvh;min-height:660px;display:flex;flex-direction:column;background:#111315}.app-header{height:66px;flex:0 0 66px;border-bottom:1px solid #2b2d32;display:flex;align-items:center;padding:0 24px 0 20px;gap:25px;background:#15171a}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-mark{width:32px;height:32px;background:var(--mint);border-radius:10px;display:grid;place-items:center;color:#17332b}.brand-mark svg{width:22px;height:22px;transform:rotate(-9deg);stroke-width:2}.brand strong{font-size:22px;letter-spacing:1px;font-weight:700}.brand-sub{font-size:10px;color:#9b9fa7;letter-spacing:2px;margin-left:6px;padding-top:3px}.header-divider{height:24px;width:1px;background:#34363c}.project-label{display:flex;align-items:center;gap:10px;min-width:140px}.project-label input{border:0;background:transparent;padding:6px 0;width:166px;font-size:12px;letter-spacing:.3px}.edit-dot{color:#6e747b;font-size:16px}.header-end{margin-left:auto;display:flex;align-items:center;gap:23px}.local-pill{font-size:11px;color:#a0a6af;display:flex;align-items:center;gap:7px}.local-pill>span,.status-dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%}.btn{border:1px solid #353940;background:#24272c;min-height:36px;border-radius:6px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{background:#30343b;border-color:#545c65}.btn-primary{background:var(--mint);color:#16392f;border-color:var(--mint);font-weight:650}.btn-primary:hover{background:#aff3df;border-color:#aff3df}.app-header .btn-primary{min-width:136px;height:36px}.small-arrow{width:13px!important;margin-left:7px}.btn-subtle{background:#283832;border-color:#3d6759;color:#b0eedc;cursor:pointer;padding:9px 17px}.icon-btn{width:29px;height:29px;display:inline-flex;justify-content:center;align-items:center;background:transparent;border-radius:5px;color:#9096a0;padding:5px}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:#2a2e34;color:#e9edf0}.text-btn{background:none;color:#a1a7af;font-size:10px;padding:0;display:flex;align-items:center;gap:4px}.text-btn:hover{color:var(--mint)}.text-btn svg{width:12px;height:12px}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:66px 245px minmax(310px,1fr) 268px;gap:1px;background:#080a0b}.panel{min-width:0;background:var(--panel)}.tool-rail{background:#141619;display:flex;align-items:center;flex-direction:column;padding:19px 0;gap:19px}.rail-tool{display:flex;align-items:center;flex-direction:column;gap:5px;color:#8f949d;font-size:10px;cursor:pointer;width:100%;letter-spacing:1px}.rail-tool>span{height:35px;width:38px;display:grid;place-items:center;border-radius:8px}.rail-tool.active{color:var(--mint)}.rail-tool.active>span{background:#233b34}.rail-tool:hover>span{background:#2b3334}.rail-tool svg{height:20px;width:20px}.rail-bottom{margin-top:auto;color:#687078;font-size:8px;display:flex;flex-direction:column;align-items:center;gap:5px;letter-spacing:0}.rail-bottom svg{width:16px;height:16px}.panel-heading{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 19px;flex-shrink:0}.panel-heading h2{font-size:12px;font-weight:600;margin:0;white-space:nowrap;letter-spacing:.5px}.count{font-size:10px;background:#2e333a;border-radius:4px;display:inline-flex;min-width:18px;justify-content:center;padding:1px 5px;color:#abb3bc;margin-left:5px;font-variant-numeric:tabular-nums}.eyebrow{font-size:8px;letter-spacing:1.5px;color:#646b74}.library{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:0}.import-btn{margin:0 17px 14px;background:#2c3e38;border-color:#406456;color:#b1eedc;min-height:35px}.import-btn:hover{background:#365549;border-color:#66a78e}.drop-zone{margin:0 17px 10px;min-height:152px;border:1px dashed #3b4148;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d2224,#1a1d21);transition:border-color .2s,background .2s}.drop-zone.drag-over{border-color:var(--mint);background:#253b34}.upload-symbol{height:34px;width:38px;border-radius:7px;background:#2a3034;color:#9daaa8;display:grid;place-items:center;margin-bottom:11px}.upload-symbol svg{width:19px;height:19px}.drop-zone strong{font-size:11px;font-weight:500;color:#c9cdd3}.drop-zone>span{font-size:9px;color:#757d86;margin-top:5px}.drop-zone .format-note{font-size:8px;letter-spacing:.8px;margin-top:10px;color:#626b76}.media-list{padding:0 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;flex:1;min-height:22px}.media-card{display:flex;gap:9px;padding:8px 6px;border:1px solid transparent;border-radius:6px;cursor:pointer;align-items:center;min-width:0;position:relative}.media-card:hover{background:#23272c}.media-card.active,.media-card.selected{border-color:#67bba1;background:#22352f}.media-card>img,.media-card .thumb,.media-card img{width:62px;height:43px;object-fit:cover;border-radius:4px;background:#0f1113;flex-shrink:0}.media-info{min-width:0;flex:1}.media-info strong,.media-info .name,.media-info h4{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-weight:500}.media-info span,.media-info small,.media-info p{font-size:9px;color:#8b949e;margin:0}.media-actions{display:flex;gap:0}.media-actions button{padding:3px;background:transparent;color:#8e979e;border-radius:4px;cursor:pointer}.media-actions button:hover{color:#f39299;background:#492d31}.media-actions svg{width:13px;height:13px}.music-library{padding:13px 17px 15px;border-top:1px solid var(--line);margin-top:14px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-label h3{margin:0;font-size:11px;font-weight:550;letter-spacing:.4px}.music-library .section-label{margin-bottom:8px}.music-empty{display:flex;align-items:center;gap:10px;padding:11px 9px;background:#1e2126;border-radius:6px;border:1px solid #30343b}.music-icon{width:30px;height:33px;flex-shrink:0;display:grid;place-items:center;background:#343040;color:#b8a6d7;border-radius:5px}.music-icon svg{width:16px;height:16px}.music-empty strong,.music-empty span span{display:block}.music-empty strong{font-size:10px;font-weight:500;color:#b3b7c0}.music-empty div>span{display:block;font-size:9px;color:#737b86;margin-top:3px}.music-file{display:flex;align-items:center;gap:8px;min-width:0}.music-file>div{min-width:0;flex:1}.music-file strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-file div span{font-size:9px;color:#8e97a1}.music-file .icon-btn{width:21px}.music-panel{padding:10px;background:#202128;border:1px solid #34323f;border-radius:6px}.music-panel .volume-heading{margin-top:14px}.checkbox-label{display:flex;align-items:center;gap:7px;font-size:9px;color:#949aa4;margin-top:9px}.local-notice{display:flex;gap:8px;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding:13px 17px;font-size:8px;line-height:1.8;color:#747c86;letter-spacing:.3px;flex-shrink:0}.local-notice svg{width:16px;height:16px;color:#7d9a8f}.preview-panel{display:flex;flex-direction:column;background:#131517;min-height:0}.preview-heading{height:54px;padding:0 22px}.preview-title{font-size:10px;color:#737a83;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%;margin-left:auto}.preview-badge{border:1px solid #363b42;font-size:8px;color:#8c949e;border-radius:3px;padding:1px 5px}.preview-stage{flex:1;margin:0 22px;background:#080a0b;border:1px solid #25292d;border-radius:5px;min-height:170px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 20px #0002}.preview-stage video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.preview-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 20%,#16211f80,transparent 65%);position:absolute;inset:0;justify-content:center}.empty-frame{width:83px;height:57px;position:relative;margin-bottom:22px;display:grid;place-items:center;background:linear-gradient(135deg,#233a3180,#141d1b);border-radius:5px;color:#7dbaa6;transform:rotate(-5deg);box-shadow:11px 9px 0 -2px #1d242480}.empty-frame svg{width:25px;height:25px;fill:#7dbaa61a}.frame-corner{position:absolute;width:13px;height:12px;border-color:#5e8d7d;border-style:solid}.top-left{left:0;top:0;border-width:1px 0 0 1px;border-radius:4px 0 0 0}.top-right{right:0;top:0;border-width:1px 1px 0 0;border-radius:0 4px 0 0}.bottom-left{left:0;bottom:0;border-width:0 0 1px 1px;border-radius:0 0 0 4px}.bottom-right{right:0;bottom:0;border-width:0 1px 1px 0;border-radius:0 0 4px 0}.preview-empty h1{font-size:18px;font-weight:500;letter-spacing:2px;margin:0 0 9px;color:#d9e1dd}.preview-empty p{font-size:10px;color:#747f7b;letter-spacing:.8px;margin:0 0 25px}.preview-empty .btn{font-size:10px}.player-controls{padding:17px 23px 12px;flex-shrink:0}.seek-row{display:flex;align-items:center;gap:12px}.seek-row>span{font-size:9px;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:#8b949d;min-width:47px}.seek-row>span:last-child{text-align:right}.range{appearance:none;-webkit-appearance:none;height:3px;width:100%;border-radius:4px;border:0;outline:none;padding:0;display:block;background:#363d42;cursor:pointer;accent-color:var(--mint)}.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#c2cbd0;border:0;cursor:ew-resize}.range.mint::-webkit-slider-thumb{background:var(--mint)}.range::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--mint);border:0}.range:disabled{opacity:.4}.seek-range{background:#33383d;flex:1}.transport-row{display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:9px;min-height:37px}.transport{display:flex;gap:18px;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.transport .icon-btn svg{width:16px;height:16px;fill:currentColor;stroke-width:1.3}.play-btn{width:32px;height:32px;background:#e1e8e4;color:#26382f;border-radius:50%;display:grid;place-items:center;padding:6px}.play-btn:hover{background:var(--mint)}.play-btn svg{width:17px;height:17px;fill:currentColor;stroke-width:1;margin-left:2px}.player-hint,.keyboard-tip{font-size:8px;color:#666f78}.keyboard-tip{margin-left:auto;display:flex;align-items:center;gap:5px}.keyboard-tip>span{color:#565e67}.inspector{overflow-y:auto}.inspector .panel-heading{border-bottom:1px solid var(--line);margin-bottom:0}.empty-inspector{padding:29px 16px 25px;display:flex;align-items:center;flex-direction:column;text-align:center;border-bottom:1px solid var(--line)}.inspector-icon{width:40px;height:40px;display:grid;place-items:center;background:#23272c;border-radius:11px;color:#747e88;margin-bottom:12px}.inspector-icon svg{width:20px;height:20px}.empty-inspector strong{font-size:11px;font-weight:500;color:#9ea5af}.empty-inspector p{font-size:9px;color:#66707b;line-height:1.9;margin:7px 0 0}.selected-file{padding:15px 17px 13px;border-bottom:1px solid var(--line)}.tiny-label{font-size:9px;color:#737c86}.selected-file>strong{display:block;font-size:11px;font-weight:500;margin:5px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file>span:last-child{font-size:9px;color:#7b8690}.selected-file b{font-weight:400;color:#abb2ba;margin-left:8px;font-variant-numeric:tabular-nums}.inspector-section{padding:15px 17px;border-bottom:1px solid var(--line)}.trim-input-row{display:flex;gap:8px;align-items:end}.trim-input-row label{min-width:0;flex:1}.trim-input-row label>span{display:block;font-size:9px;color:#929ba5;margin-bottom:6px}.trim-input-row small{font-size:8px;color:#68747e;margin-left:4px}.trim-input-row input{font-size:11px;padding:7px 8px}.trim-input-separator{font-size:10px;color:#59636d;padding-bottom:8px}.trim-slider-label{display:flex;justify-content:space-between;font-size:8px;color:#6e7d85;margin:15px 0 9px}.trim-sliders{display:flex;gap:13px;padding:0 2px}.trim-sliders .range{min-width:0}.kept-duration{display:flex;align-items:center;gap:5px;background:#20332c;color:#a9d8c7;border-radius:5px;padding:7px 8px;margin-top:13px;font-size:9px}.kept-duration svg{width:12px;height:12px}.kept-duration strong{font-size:11px;font-weight:500;margin-left:auto;font-variant-numeric:tabular-nums;letter-spacing:.5px}.quick-trim{display:flex;gap:6px;margin-top:10px}.btn-small{font-size:9px;min-height:29px;padding:5px 8px;flex:1;gap:4px}.quick-trim .btn{padding:5px 4px;font-size:9px;background:#24282d}.reorder-buttons{display:flex;gap:7px}.reorder-buttons .btn{font-size:9px}.danger{color:#b78e92;border:1px solid #49373d}.danger:hover{color:#ffc1c6;background:#4a2d31}.global-settings{padding:18px 17px 20px}.global-settings .section-label{margin-bottom:13px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#919ca5;margin-bottom:11px}.volume-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#919ca5;margin:18px 0 10px}.volume-heading>span{display:flex;align-items:center;gap:5px}.volume-heading svg{width:13px;height:13px}.volume-heading output{font-size:9px;color:#bec7cd;font-variant-numeric:tabular-nums}.timeline-panel{height:234px;flex:0 0 234px;background:#17191c;border-top:1px solid #30343a;display:flex;flex-direction:column}.timeline-toolbar{height:44px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;border-bottom:1px solid #24282d}.timeline-title{display:flex;align-items:center;gap:13px}.timeline-title h2{font-size:11px;font-weight:600;margin:0;letter-spacing:.5px}.timeline-divider{height:12px;width:1px;background:#3c4148}.timeline-title>span:last-child{font-size:9px;color:#7b858f;font-variant-numeric:tabular-nums}.timeline-toolbar-end{display:flex;align-items:center;gap:9px}.timeline-help{font-size:9px;color:#6a747d;margin-right:16px}.zoom-btn{font-size:18px;width:22px;height:22px;color:#89939e}.zoom-line{height:2px;width:48px;background:#414851;position:relative}.zoom-line:after{content:"";position:absolute;left:19px;top:-3px;width:3px;height:8px;border-radius:2px;background:#b9c4ce}.timeline-body{flex:1;display:flex;min-height:0}.track-labels{width:80px;flex:0 0 80px;border-right:1px solid #30353b;display:flex;flex-direction:column;align-items:center;font-size:9px;color:#8d98a2}.track-labels>span{display:flex;align-items:center;gap:7px;width:100%;justify-content:center;height:60px}.track-labels svg{width:13px;height:13px}.track-labels .ruler-label{font-size:8px;letter-spacing:2px;color:#525e67;height:28px}.track-labels>span:last-child{height:45px}.timeline-scroll{position:relative;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;background:#131518}.timeline-ruler{height:28px;display:flex;gap:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(2.5% - 1px),#2a3036 calc(2.5% - 1px),#2a3036 2.5%);background-size:100% 5px;background-repeat:no-repeat;background-position:bottom;padding:5px 15px 0;min-width:700px;border-bottom:1px solid #23282e}.timeline-ruler>span{font-size:8px;color:#5e6976;flex:1;font-variant-numeric:tabular-nums;letter-spacing:.5px}.timeline-clips{height:63px;display:flex;gap:5px;align-items:center;padding:7px 14px;position:relative;min-width:100%;width:max-content}.timeline-clip{height:49px;min-width:110px;max-width:500px;position:relative;border:1px solid #52788b;background:#243743;border-radius:5px;cursor:pointer;overflow:hidden;display:flex;align-items:center;flex-shrink:0}.timeline-clip:hover{border-color:#8bc3d1}.timeline-clip.active,.timeline-clip.selected{border:2px solid var(--mint);background:#294c42;box-shadow:0 0 0 1px #8de8ce1a}.timeline-clip>img{width:60px;height:100%;object-fit:cover;opacity:.7}.timeline-clip-name{position:absolute;left:9px;right:7px;top:5px;font-size:9px;color:#e1eeed;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-clip-duration{position:absolute;bottom:4px;right:7px;font-size:8px;color:#c3d2d2;font-variant-numeric:tabular-nums}.timeline-empty{position:absolute;left:14px;right:16px;top:35px;height:49px;border:1px dashed #333b44;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;color:#596672;font-size:10px;background:#19202566;pointer-events:none}.timeline-empty svg{width:14px;height:14px}.music-track{height:38px;margin:5px 14px 0;border:1px dashed #332f3f;background:#1e1b25;border-radius:5px;position:relative;display:flex;align-items:center;padding:0 13px;overflow:hidden;min-width:calc(100% - 28px)}.music-track-placeholder{font-size:9px;color:#655d75;letter-spacing:.3px}.music-track.has-music{border:1px solid #61517d;background:repeating-linear-gradient(90deg,#322b43 0,#322b43 3px,#2b243a 3px,#2b243a 6px);color:#cebfeb}.music-track.has-music span{background:#322a44e0;padding:3px 8px;border-radius:3px;font-size:9px}.editor-footer{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#17191c;border-top:1px solid #24282d;font-size:8px;color:#5b6670;letter-spacing:.3px;flex-shrink:0}.editor-footer>span:first-child{color:#82918e;display:flex;gap:7px;align-items:center}.editor-footer .status-dot{width:4px;height:4px;opacity:.75}.export-dialog{padding:28px;width:450px;max-width:calc(100vw - 32px);color:var(--text);background:#1b1e22;border:1px solid #40474e;border-radius:13px;box-shadow:0 28px 100px #0008}.export-dialog::backdrop{background:#040609c9;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dialog-eyebrow{font-size:8px;color:#72bba4;letter-spacing:2px}.dialog-heading h2{font-size:20px;margin:6px 0 0;font-weight:500;letter-spacing:1px}.dialog-heading>.icon-btn{margin:-10px -10px 0 0}.export-summary{font-size:11px;color:#8d9a9f;margin:14px 0 24px}.export-name-label{display:block;font-size:10px;color:#9ba6af}.export-name-label>input{display:block;width:100%;padding:10px 12px;margin-top:8px;font-size:12px}.export-meta{display:flex;background:#24282e;border:1px solid #343a41;border-radius:6px;padding:13px 15px;margin-top:15px}.export-meta>span{display:flex;flex-direction:column;gap:5px;flex:1;font-size:9px;color:#7f8b95}.export-meta>span+span{border-left:1px solid #3b424a;padding-left:17px}.export-meta strong{font-size:11px;font-weight:500;color:#c3cfcc}.export-progress-area{margin-top:25px}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#acb8bc;margin-bottom:9px}.progress-label strong{font-size:11px;color:var(--mint);font-weight:500}progress{display:block;width:100%;height:5px;border:0;background:#343d43;border-radius:6px;overflow:hidden}progress::-webkit-progress-bar{background:#343d43}progress::-webkit-progress-value{background:var(--mint);border-radius:6px}progress::-moz-progress-bar{background:var(--mint)}.export-tip{font-size:9px;color:#707d88;line-height:1.7;margin:11px 0 0}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:26px}.dialog-actions .btn{min-width:89px;font-size:11px}.toast{position:fixed;z-index:100;bottom:30px;left:50%;transform:translateX(-50%);background:#303e39;border:1px solid #6b9a86;color:#dcf5e9;border-radius:8px;padding:12px 20px;box-shadow:0 10px 40px #0008;max-width:min(550px,90vw);font-size:12px;line-height:1.6}.toast.error{background:#442b30;border-color:#885c65;color:#f2d9de}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background:#3a4249;border-radius:6px}::-webkit-scrollbar-track{background:transparent}
@media(min-width:1550px){.workspace{grid-template-columns:72px 280px minmax(380px,1fr) 300px}.app-header{height:72px;flex-basis:72px}.panel-heading{height:60px}.preview-stage{margin:0 30px}.player-controls{padding:20px 30px 15px}.timeline-panel{height:265px;flex-basis:265px}.timeline-toolbar{height:48px}.timeline-clips{height:78px}.timeline-clip{height:62px}.timeline-empty{height:62px}.track-labels>span{height:78px}.track-labels>span:last-child{height:48px}.music-track{height:41px}.empty-frame{width:100px;height:68px}.preview-empty h1{font-size:23px}.preview-empty p{font-size:12px}.preview-empty .btn{font-size:12px}.library .drop-zone{min-height:180px}.drop-zone strong{font-size:12px}.drop-zone>span{font-size:10px}.local-notice{font-size:9px}.media-card img{width:70px;height:49px}.media-info strong{font-size:11px}}
@media(max-width:1120px){.workspace{grid-template-columns:52px 210px minmax(250px,1fr) 232px}.brand-sub{display:none}.app-header{gap:18px;padding:0 17px}.panel-heading{padding:0 14px}.inspector-section,.selected-file,.global-settings{padding-left:13px;padding-right:13px}.import-btn,.drop-zone{margin-left:12px;margin-right:12px}.music-library{padding-left:12px;padding-right:12px}.preview-heading{padding:0 15px}.preview-stage{margin:0 14px}.player-controls{padding-left:15px;padding-right:15px}.keyboard-tip{display:none}.player-hint{font-size:7px}.preview-empty h1{font-size:16px}.preview-empty p{font-size:9px}.quick-trim{flex-direction:column}.quick-trim .btn{min-height:26px}.global-settings{padding-top:14px}.setting-row select{max-width:120px;font-size:10px}.timeline-help{display:none}.local-pill{font-size:10px}.header-end{gap:15px}}
@media(max-width:900px){body{overflow:auto}.editor-app{height:auto;min-height:100dvh}.workspace{grid-template-columns:210px minmax(260px,1fr);flex:none;min-height:540px;align-items:stretch}.tool-rail{display:none}.library{grid-column:1;grid-row:1;max-height:550px}.preview-panel{grid-column:2;grid-row:1;min-height:420px}.inspector{grid-column:1 / -1;display:grid;grid-template-columns:160px minmax(240px,1fr) 245px;min-height:210px;border-top:1px solid #34393f}.inspector>.panel-heading{grid-column:1;grid-row:1;align-self:start;border-bottom:0}.empty-inspector{grid-column:2;grid-row:1;padding:25px 15px;border-bottom:0;justify-content:center}.inspector>#clipInspector{grid-column:2;grid-row:1;display:flex;gap:0}.selected-file{width:130px;display:none}.inspector-section{flex:1;border-bottom:0;padding-top:16px}.inspector-section+div{max-width:155px;border-left:1px solid var(--line)}.global-settings{grid-column:3;grid-row:1;border-left:1px solid var(--line)}.quick-trim{flex-direction:row}.inspector .eyebrow{display:none}.inspector .panel-heading{height:48px}.timeline-panel{height:234px;flex-basis:234px}.library .media-list{min-height:40px}.local-notice{margin-top:auto}.preview-empty h1{font-size:18px}.preview-title{max-width:45%}.project-label input{width:150px}.app-header{gap:16px}.header-end{gap:10px}.local-pill{display:none}}
@media(max-width:650px){.app-header{height:60px;flex-basis:60px;gap:12px;padding:0 13px}.brand strong{font-size:20px}.brand-mark{height:28px;width:28px;border-radius:8px}.brand-mark svg{width:20px;height:20px}.header-divider{display:none}.project-label{min-width:0;flex:1}.project-label input{width:100%;font-size:11px;max-width:135px}.edit-dot{display:none}.header-end .btn{min-width:85px;font-size:11px;padding:6px 11px}.small-arrow{display:none}.workspace{display:flex;flex-direction:column;min-height:0;gap:1px}.preview-panel{order:0;min-height:360px;height:48vh;max-height:460px}.library{order:1;max-height:none;display:grid;grid-template-columns:1fr 1fr;padding-bottom:10px}.library>.panel-heading{grid-column:1 / -1;height:46px}.import-btn{margin:0 12px 12px;align-self:start}.drop-zone{grid-column:2;grid-row:2 / 4;min-height:108px;margin:0 12px 0 0}.drop-zone .upload-symbol{width:27px;height:27px;margin-bottom:5px}.drop-zone .upload-symbol svg{width:16px;height:16px}.drop-zone strong{font-size:10px}.drop-zone>span{font-size:8px}.drop-zone .format-note{margin-top:5px;font-size:7px}.media-list{grid-column:1 / -1;grid-row:4;max-height:195px;padding:0 10px;min-height:0!important;display:grid;grid-template-columns:1fr 1fr;gap:5px}.music-library{grid-column:1;grid-row:3;border:0;margin-top:0;padding:0 12px 12px}.music-library .section-label{margin-bottom:4px}.music-library .music-empty{display:none}.music-library .section-label h3{font-size:10px}.music-library .section-label .icon-btn{background:#262c31;border:1px solid #3a4248;height:26px;width:30px}.music-panel{margin-top:7px}.local-notice{display:none}.media-card{padding:5px 4px;gap:6px}.media-card img,.media-card .thumb{width:48px;height:34px}.media-info strong{font-size:9px}.media-info small{font-size:8px}.media-actions button{padding:2px}.inspector{order:2;display:block;min-height:0}.inspector>.panel-heading{height:45px;padding:0 14px;border-bottom:1px solid var(--line)}.empty-inspector{padding:16px;flex-direction:row;gap:12px;justify-content:flex-start;border-bottom:1px solid var(--line)}.empty-inspector .inspector-icon{width:30px;height:30px;margin:0}.empty-inspector strong{font-size:10px}.empty-inspector p{margin:0;font-size:8px;line-height:1.5;text-align:left}.empty-inspector p br{display:none}.inspector>#clipInspector{display:flex;flex-wrap:wrap}.selected-file{display:none}.inspector-section{flex:1;min-width:60%;padding:14px}.inspector-section+div{min-width:0;max-width:38%;display:flex;flex-direction:column;justify-content:center}.reorder-buttons{flex-wrap:wrap}.reorder-buttons .btn{min-width:40%;padding:5px 6px}.reorder-buttons .danger{width:100%}.global-settings{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-left:0;border-top:1px solid var(--line)}.global-settings .section-label{width:100%;margin-bottom:0}.global-settings .setting-row{flex:1;min-width:45%;margin:0;font-size:9px;gap:8px}.global-settings .setting-row select{font-size:10px;flex:1}.global-settings .volume-heading{margin:2px 0;width:104px;flex-shrink:0}.global-settings>.range{flex:1;min-width:100px;margin-right:5px}.timeline-panel{height:220px;flex-basis:220px;order:3}.timeline-toolbar{padding:0 13px;height:41px}.timeline-title{gap:8px}.timeline-title>span:last-child{font-size:8px}.timeline-toolbar-end{gap:3px}.zoom-line{width:27px}.zoom-line:after{left:11px}.timeline-body{min-height:140px}.track-labels{width:55px;flex-basis:55px;font-size:8px}.track-labels>span{gap:4px}.editor-footer{padding:0 13px;font-size:7px}.editor-footer>span:last-child{display:none}.timeline-empty{font-size:9px;gap:5px}.timeline-empty svg{width:12px;height:12px}.preview-heading{height:45px}.preview-stage{min-height:190px}.player-controls{padding-top:13px;padding-bottom:11px}.preview-empty{padding:15px}.empty-frame{width:64px;height:44px;margin-bottom:16px}.preview-empty h1{font-size:17px;margin-bottom:6px}.preview-empty p{font-size:9px;margin-bottom:16px}.preview-empty .btn{padding:7px 12px;font-size:10px}.export-dialog{padding:23px}.dialog-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Live editor components */
.drop-zone.has-media{min-height:68px;padding:11px;margin-bottom:10px}.drop-zone.has-media .upload-symbol,.drop-zone.has-media .format-note{display:none}.drop-zone.dragover{border-color:var(--mint);background:#234438}.media-card{position:relative;cursor:pointer}.media-thumb{position:relative;flex:0 0 66px;overflow:hidden;border-radius:4px}.media-thumb img{width:66px!important;height:44px!important;object-fit:cover;display:block}.media-thumb>span{position:absolute;bottom:1px;right:2px;background:#000a;padding:0 3px;font-size:8px;color:#fff}.media-info{min-width:0;flex:1}.media-info strong,.media-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info small{font-size:8px;color:#77868d;margin-top:4px}.media-delete{flex:0 0 23px;width:23px;opacity:.5}.media-card:hover .media-delete{opacity:1}.preview-stage{container-type:size;background:#0d1012}.preview-frame{--frame-ratio:1.7777778;position:relative;flex:none;width:min(100cqw,calc(100cqh * var(--frame-ratio)));height:min(100cqh,calc(100cqw / var(--frame-ratio)));background:#000;box-shadow:0 0 0 1px #20272a}.preview-frame video{width:100%;height:100%;object-fit:contain;cursor:pointer}.timeline-clips{height:145px;padding:0;display:block;min-width:100%;width:max-content;position:relative}.time-ruler{height:28px;position:relative;border-bottom:1px solid #293139;background:repeating-linear-gradient(90deg,transparent 0,transparent 31px,#2a3036 31px,#2a3036 32px);background-size:100% 5px;background-repeat:no-repeat;background-position:bottom}.time-ruler>span{position:absolute;top:4px;font-size:8px;color:#72808b;font-variant-numeric:tabular-nums;transform:translateX(3px)}.video-track{height:64px;display:flex;align-items:center;width:max-content;min-width:100%;gap:0}.timeline-clip{min-width:0;max-width:none;height:50px;border-radius:4px;flex:0 0 auto;user-select:none}.timeline-filmstrip{position:absolute;inset:0;background-image:var(--thumb);background-size:auto 100%;background-repeat:repeat-x;opacity:.48}.timeline-clip-name{left:9px;right:9px;pointer-events:none}.trim-grip{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:2;touch-action:none}.trim-grip.left{left:0}.trim-grip.right{right:0}.timeline-clip.active .trim-grip{background:#8de8ceaa}.trim-grip:after{content:'';position:absolute;top:37%;height:26%;width:1px;background:#184d3d;left:3px}.audio-track{height:45px;display:flex;align-items:center;border-top:1px solid #242b31}.audio-clip{min-width:2px;height:35px;border:1px solid #745f96;border-radius:4px;background:#342a45;overflow:hidden;position:relative;flex-shrink:0}.audio-clip>span{position:absolute;top:3px;left:8px;font-size:9px;color:#e1d2fa;white-space:nowrap;z-index:1;text-shadow:0 1px 3px #000}.audio-hint{color:#625b70;font-size:9px;padding-left:20px}.waveform{position:absolute;inset:7px 4px 0;display:flex;justify-content:space-around;align-items:center;gap:3px;opacity:.5}.waveform i{background:#ac89d9;width:2px;flex:0 0 2px}.playhead{position:absolute;top:23px;height:114px;width:1px;background:#e2f1e9;pointer-events:none;z-index:4}.playhead i{position:absolute;left:-4px;top:-2px;width:9px;height:10px;background:#e2f1e9;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.toast{opacity:0;pointer-events:none;transition:opacity .15s}.toast.visible{opacity:1}.export-meta select{margin-top:0;width:120px;max-width:100%;background:#1b2024;padding:4px 7px}.timeline-scroll{scrollbar-gutter:stable}.media-list:empty{display:none}
@media(max-width:650px){.drop-zone.has-media{grid-row:2;min-height:35px;margin-bottom:8px;padding:5px}.drop-zone.has-media strong{font-size:9px}.drop-zone.has-media>span{display:none}.media-thumb{flex-basis:48px}.media-thumb img{width:48px!important;height:34px!important}.timeline-panel{min-height:220px}.preview-frame{width:min(100cqw,calc(100cqh * var(--frame-ratio)));height:min(100cqh,calc(100cqw / var(--frame-ratio)))}}
.library .media-list{flex:1 0 124px;min-height:124px}.media-card{flex-shrink:0}.drop-zone.has-media{min-height:38px;padding:7px;flex-shrink:0}.drop-zone.has-media>span{display:none}.drop-zone.has-media strong{font-size:10px}.music-library{flex-shrink:0}.local-notice{flex-shrink:0}
@media(max-width:650px){.library .media-list{min-height:0;flex:none}.drop-zone.has-media{min-height:35px}.music-library{flex-shrink:1}}
/* Interactive playback, scrubbing, and timed subtitles */
.subtitle-entry{font-size:11px;min-width:auto!important;gap:7px}.subtitle-symbol{font-size:15px;font-weight:700;letter-spacing:-1px}.header-end{gap:12px}.preview-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent;border:0;cursor:pointer;z-index:2;color:#fff;display:block}.preview-toggle:hover,.preview-toggle:active{background:transparent}.preview-toggle:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}.preview-click-hint{position:absolute;right:9px;top:8px;font-size:9px;background:#0008;padding:3px 7px;border-radius:4px;opacity:0;transition:opacity .15s}.preview-toggle:hover .preview-click-hint,.preview-toggle:focus-visible .preview-click-hint{opacity:1}.subtitle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.playhead{width:17px;transform:translateX(-50%);background:transparent;pointer-events:auto;cursor:ew-resize;touch-action:none;user-select:none;z-index:7}.playhead:before{content:'';position:absolute;top:3px;bottom:0;left:8px;width:1px;background:#e2f1e9;box-shadow:0 0 1px #000}.playhead i{left:3px;top:-2px;width:11px;height:12px}.playhead:hover i,.playhead:focus-visible i{background:var(--mint)}.playhead:hover:before{background:var(--mint);width:2px}.time-ruler{cursor:ew-resize;user-select:none;touch-action:none}.subtitle-dialog{padding:25px;width:580px;max-width:calc(100vw - 28px);max-height:90dvh;overflow-y:auto;color:var(--text);background:#1b1e22;border:1px solid #40474e;border-radius:13px;box-shadow:0 28px 100px #0008}.subtitle-dialog::backdrop{background:#040609c9;backdrop-filter:blur(5px)}.subtitle-intro{font-size:11px;color:#91a099;line-height:1.8;margin:14px 0 18px}.subtitle-style-row{display:flex;gap:16px;padding:13px 15px;border:1px solid #343e3d;border-radius:7px;background:#222b28}.subtitle-style-row label{display:flex;align-items:center;gap:9px;font-size:11px;color:#afbeb7}.subtitle-style-row select{max-width:125px;font-size:11px}.subtitle-style-row input[type=color]{width:34px;height:29px;padding:3px;border:1px solid #4c5c55;border-radius:4px;background:#1c2420;cursor:pointer}.subtitle-list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:19px}.subtitle-list-heading h3{margin:0;font-size:12px;font-weight:500}.subtitle-list-heading .text-btn{font-size:11px;color:var(--mint)}.subtitle-list{max-height:180px;overflow-y:auto;margin-top:8px;border:1px solid #343a40;border-radius:6px;background:#13191a}.subtitle-empty{font-size:11px;color:#75837c;padding:9px 12px;line-height:1.7}.subtitle-row{display:flex;align-items:center;gap:15px;padding:10px 12px;border-bottom:1px solid #2b3630}.subtitle-row:last-child{border-bottom:0}.subtitle-row.active{background:#243e33}.subtitle-row-content{min-width:0;flex:1}.subtitle-row strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.subtitle-row-content>span{display:block;font-size:10px;color:#93a69a;margin-top:3px;font-variant-numeric:tabular-nums}.subtitle-row-actions{display:flex;gap:10px}.subtitle-row-actions button{font-size:10px}.danger-text{color:#e69c9c}.subtitle-form{margin-top:18px}.subtitle-form>label{display:block;font-size:11px;color:#b5c5bc;margin-bottom:7px}.subtitle-form textarea{display:block;resize:vertical;width:100%;min-height:75px;max-height:200px;padding:10px 12px;font:inherit;font-size:13px;line-height:1.7;color:#ecf3ee;background:#12191a;border:1px solid #394b40;border-radius:6px;outline:none}.subtitle-form textarea:focus{border-color:var(--mint)}.subtitle-times{display:flex;gap:15px;align-items:center;margin-top:14px}.subtitle-times label{flex:1;min-width:0;font-size:11px;color:#a9b9b0}.subtitle-times input{display:block;margin-top:7px;font-size:12px}.subtitle-times>span{padding-top:22px;color:#819e8e}.subtitle-hint{font-size:10px;color:#7e8f85;line-height:1.7;margin:7px 0 0}.subtitle-validation{font-size:11px;line-height:1.7;color:#d5c5a2;min-height:19px;margin:9px 0}.subtitle-save-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.subtitle-save-row>span{font-size:10px;color:#7f9488}.subtitle-save-row .btn{font-size:12px;min-width:105px}
@media(max-width:650px){.header-end{gap:6px}.header-end .subtitle-entry{padding:5px 9px;min-width:0!important;font-size:10px}.subtitle-entry .subtitle-symbol{display:none}.project-label input{max-width:95px}.subtitle-dialog{padding:20px}.subtitle-style-row{gap:10px;padding:10px;flex-wrap:wrap}.subtitle-style-row label{font-size:10px;gap:6px}.subtitle-row{gap:7px}.subtitle-row-actions{gap:7px}.subtitle-save-row>span{max-width:150px}.timeline-toolbar-end{flex-shrink:0}}
/* Windows license activation */
.license-badge{border:1px solid #4b4d45;background:#2b2b25;color:#ceca9e;border-radius:5px;padding:6px 9px;font-size:10px;cursor:pointer;white-space:nowrap}.license-badge.is-active{border-color:#3d6859;background:#223a31;color:#a6e8cd}.license-gate{position:fixed;inset:0;z-index:120;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:30px 18px;background:radial-gradient(ellipse at 20% 15%,#1c4939d9,transparent 48%),#090e11ed;backdrop-filter:blur(9px)}.license-window{position:relative;width:750px;max-width:100%;padding:32px 38px 22px;border:1px solid #41574e;border-radius:16px;background:linear-gradient(145deg,#1c2823,#141b1d 70%);box-shadow:0 25px 100px #0009}.license-close{position:absolute;right:15px;top:13px;font-size:23px;color:#9eb4a9}.license-brand{display:flex;align-items:center;gap:10px;color:#edf4ed;font-size:20px;font-weight:600}.license-brand small{font-size:9px;letter-spacing:2px;font-weight:400;color:#79978a;margin-left:8px}.license-brand .brand-mark{height:30px;width:30px;border-radius:9px}.license-heading{margin-top:22px}.license-eyebrow{font-size:10px;letter-spacing:2px;color:#89b5a1}.license-heading h1{font-size:28px;font-weight:500;letter-spacing:1px;margin:6px 0 8px}.license-heading p{font-size:12px;color:#8ea699;margin:0}.license-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0}.license-plan{padding:14px 14px 11px;border:1px solid #394b43;border-radius:8px;background:#1e2a25}.license-plan.trial{border-color:#78ba9e;background:linear-gradient(140deg,#2f4a3c,#23362c)}.license-plan>span{font-size:11px;color:#b8cdc0}.license-plan>strong{display:block;font-size:27px;font-weight:550;color:#eff8f0;margin-top:4px;font-variant-numeric:tabular-nums}.license-plan small{font-size:11px;color:#93ad9e;font-weight:400}.license-plan p{font-size:9px;color:#7f9a8b;margin:3px 0 0}.license-activation label{display:block;font-size:12px;color:#c2d1c8;margin-bottom:8px}.license-code-row{display:flex;gap:9px}.license-code-row input{min-width:0;flex:1;padding:11px 13px;background:#0e1815;border:1px solid #476252;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.license-code-row .btn{min-width:105px}.license-activation>p{font-size:10px;color:#809c8d;margin:7px 0 0}.license-trial-row{display:flex;align-items:center;gap:15px;margin-top:17px}.trial-button{background:#263b30;border-color:#507a62;color:#b6e4cc;font-size:12px;min-width:200px}.license-trial-row>span{font-size:10px;color:#7f9d8a;line-height:1.8}.license-message{font-size:11px;line-height:1.8;color:#afd8c1;min-height:21px;margin:17px 0 12px}.license-message.error{color:#f0b6ab}.license-details{border-top:1px solid #34483e;border-bottom:1px solid #34483e;padding:12px 0;display:flex;gap:24px;align-items:center}.license-details>div{display:flex;flex-direction:column;gap:4px}.license-details span{font-size:9px;color:#6f8b7a}.license-details strong{font-size:11px;font-weight:500;color:#c3d6c8}.license-details button{margin-left:auto;font-size:10px;color:#9fceb5}.license-device-row{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:9px;color:#769180}.license-device-row>span{white-space:nowrap}.license-device-row code{min-width:0;flex:1;font-size:9px;overflow-wrap:anywhere;user-select:text;color:#6a8776}.license-device-row button{font-size:9px}.license-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:16px}.license-bottom>span{font-size:9px;color:#6e8e7b;display:flex;align-items:center;gap:5px}.license-bottom svg{width:13px;height:13px}.license-bottom .btn{font-size:11px;min-height:30px;padding:6px 11px}.browser-license-notice{padding:10px 12px;font-size:11px;line-height:1.8;background:#342d20;border:1px solid #62563a;border-radius:6px;color:#d1c2a0;margin-bottom:18px}.license-gate button:disabled{opacity:.4}.license-gate [hidden]{display:none!important}
@media(max-height:800px){.license-gate{padding:15px;align-items:flex-start}.license-window{padding-top:23px}.license-heading{margin-top:14px}.license-plans{margin:17px 0}.license-heading h1{font-size:26px}.license-plan{padding-top:11px}}
@media(max-width:650px){.license-window{padding:24px 20px 20px}.license-heading h1{font-size:24px}.license-plans{grid-template-columns:repeat(2,1fr)}.license-plan>strong{font-size:25px}.license-trial-row{flex-wrap:wrap;gap:8px}.license-code-row{flex-direction:column}.license-code-row .btn{min-height:37px}.license-bottom{align-items:flex-start;flex-direction:column}.license-brand small{display:none}.license-details{gap:14px}.license-details strong{font-size:10px}.license-badge{display:none}.license-device-row code{font-size:8px}}
/* Language controls stay available both before and after activation. */
.language-picker{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-size:13px;font-weight:400;letter-spacing:0;color:#9fbcad}.language-picker select{width:120px;max-width:120px;font-size:11px;letter-spacing:0;padding:6px 7px;background:#1a2520;border-color:#3f594b;cursor:pointer}.language-picker option{background:#1a2520;color:#e8efe9}.license-language{margin-left:auto;margin-right:12px}.license-window{width:800px}.license-close{top:9px;right:9px}.license-heading p{line-height:1.7}.license-plan p{line-height:1.55;min-height:28px}.license-plan>span{overflow-wrap:anywhere}.license-details{flex-wrap:wrap;gap:12px 22px}.license-details>div{min-width:140px;max-width:100%}.license-details strong{overflow-wrap:anywhere}.license-code-row .btn{min-width:105px;white-space:normal}.license-bottom>span{max-width:56%;line-height:1.6}.license-bottom .btn{white-space:normal;text-align:center;max-width:43%}.license-trial-row .btn{white-space:normal;max-width:55%}.license-brand>span:nth-child(2){white-space:nowrap}.license-brand small{letter-spacing:1px}.app-header{gap:16px}.header-end{gap:8px}.project-label{min-width:100px;flex-shrink:1}.project-label input{width:150px;min-width:75px}.header-end .btn{white-space:normal;text-align:center;line-height:1.3;min-height:36px}.header-end .btn-primary{min-width:125px}.header-end .subtitle-entry{max-width:190px}.quick-trim .btn,.reorder-buttons .btn{white-space:normal;line-height:1.4;min-height:32px}.rail-tool{letter-spacing:0;text-align:center;overflow-wrap:anywhere}.rail-bottom{text-align:center;padding:0 4px}.setting-row{gap:8px}.setting-row>span{min-width:0}.setting-row select{flex-shrink:1;min-width:0}.subtitle-style-row{flex-wrap:wrap}.subtitle-save-row .btn{white-space:normal;flex-shrink:0;max-width:45%}.export-dialog .dialog-actions .btn{white-space:normal;text-align:center}.export-meta>span{min-width:0}.preview-empty h1{max-width:100%;line-height:1.45}.preview-empty p{max-width:100%}.timeline-title{min-width:0}.timeline-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-help{white-space:nowrap}.brand-sub{letter-spacing:1px}
@media(max-width:1400px){.brand-sub{display:none}.app-header{gap:12px}.header-divider{display:none}.project-label input{width:135px}.header-end .btn{font-size:11px;padding:7px 10px}.header-end .small-arrow{display:none}.language-picker select{width:110px;max-width:110px}.header-end .subtitle-entry{max-width:160px}}
@media(max-width:1100px){.project-label{flex:1}.project-label input{width:100%;max-width:125px}.header-end .subtitle-symbol{display:none}.app-header{padding-left:14px;padding-right:14px}.header-end .btn-primary{min-width:100px}.license-badge{max-width:140px;overflow:hidden;text-overflow:ellipsis}.timeline-help{display:none}.inspector .eyebrow{display:none}}
@media(max-width:750px){.app-header{height:auto;min-height:66px;flex-basis:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px 12px}.header-end{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:7px}.header-end .language-picker{margin-right:auto}.header-end .btn{max-width:40%;min-width:0;flex:0 1 auto}.brand strong{font-size:20px}.project-label{margin-left:auto;justify-content:flex-end}.project-label input{max-width:165px}.license-language{margin-right:0}.license-brand{flex-wrap:wrap;gap:8px}.license-brand small{display:none}.license-close{right:5px;top:4px}.license-window{padding-left:20px;padding-right:20px}.license-heading h1{font-size:23px;line-height:1.4}.license-bottom>span{max-width:100%}.license-bottom .btn{max-width:100%}.license-trial-row .btn{max-width:100%}.license-device-row{flex-wrap:wrap}.license-device-row code{flex-basis:65%}.subtitle-save-row{flex-wrap:wrap}.subtitle-save-row>span{max-width:100%}.subtitle-style-row select{max-width:150px}}
@media(max-width:400px){.license-brand>span:nth-child(2){font-size:17px}.license-language select{width:104px;max-width:104px}.license-language{gap:3px}.license-window{padding-left:14px;padding-right:14px}.license-gate{padding-left:10px;padding-right:10px}.license-plans{gap:8px}.license-plan{padding-left:11px;padding-right:11px}.license-heading h1{font-size:21px}.license-details>div{min-width:120px}}
/* Visible transport controls and an independent subtitle track. */
.play-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:110px;height:36px;padding:7px 13px;border-radius:9px;position:relative;z-index:5;flex-shrink:0;cursor:pointer;line-height:1.2}
.play-btn .transport-icon{display:flex;align-items:center}.play-btn svg{width:17px;height:17px;flex:none}.play-btn .transport-label{font-size:11px;font-weight:650;white-space:nowrap}.play-btn>*{pointer-events:none}.play-btn[aria-pressed=true]{background:#9ce6ce;color:#123a2d}
.transport-row .transport{position:relative;z-index:4;gap:12px}.timeline-panel{height:270px;flex-basis:270px}.timeline-body{min-height:180px}.track-labels>span{flex-shrink:0}.track-labels .subtitle-track-label{height:44px;display:flex;align-items:center;justify-content:center;gap:5px;color:#d1bafa;line-height:1.2;text-align:center;overflow-wrap:anywhere}.subtitle-track-label b{font-size:14px;font-weight:700}.playhead{height:158px}
.subtitle-track{height:44px;position:relative;border-top:1px solid #3c334d;min-width:600px;background:linear-gradient(90deg,#1f1c27,#191b20)}.subtitle-track:empty:before{content:'T';position:absolute;left:20px;top:12px;color:#695977;font-weight:600}.subtitle-clip{position:absolute;top:5px;height:33px;border:1px solid #8c6abd;border-radius:5px;background:#4a3565;color:#f5edff;cursor:grab;touch-action:none;user-select:none;overflow:hidden;min-width:3px;box-sizing:border-box}.subtitle-clip.active{background:#664786;border-color:#d8b6ff;box-shadow:0 0 0 1px #cfabf866}.subtitle-clip:focus-visible{outline:2px solid #d7b3ff;outline-offset:1px}.subtitle-clip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;font-size:10px;pointer-events:none}.subtitle-clip [data-caption-edge]{position:absolute;top:0;bottom:0;width:7px;background:#d0a7ee55;cursor:ew-resize;padding:0;z-index:2}.subtitle-clip [data-caption-edge=start]{left:0}.subtitle-clip [data-caption-edge=end]{right:0}.subtitle-clip [data-caption-edge]:after{content:'';position:absolute;top:8px;bottom:8px;width:1px;left:3px;background:#ebd9ff}.subtitle-track-hint{font-size:10px;color:#857493;position:absolute;left:15px;top:13px;white-space:nowrap;pointer-events:none}
/* Subtitle editing stays beside the picture so style changes remain visible. */
.subtitle-dialog{position:fixed;inset:98px 14px 24px auto;margin:0;width:375px;max-width:calc(100vw - 28px);height:auto;max-height:none;padding:0 18px 16px;background:#1b2024;border-color:#4a5257;border-radius:10px;z-index:75;box-shadow:-12px 10px 48px #0009;overflow-y:auto;overscroll-behavior:contain}.subtitle-dialog:not([open]){display:none}.subtitle-dialog .dialog-heading{position:sticky;top:0;z-index:4;background:#1b2024;padding:16px 0 12px;border-bottom:1px solid #35413c}.subtitle-dialog .dialog-heading h2{font-size:19px;margin-top:5px}.subtitle-dialog .dialog-eyebrow{font-size:8px;letter-spacing:1px}.subtitle-intro{margin:12px 0;font-size:10px}.subtitle-preset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#b9c9bf;margin:12px 0}.subtitle-preset-row select{width:160px;max-width:58%;font-size:11px}.subtitle-style-row{padding:11px;gap:11px;display:flex;flex-wrap:wrap}.subtitle-style-row label{font-size:10px;gap:6px}.subtitle-style-row select{max-width:150px}.subtitle-style-details{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:15px 0}.subtitle-control{display:flex;flex-direction:column;gap:7px;color:#b6c5be;font-size:10px;min-width:0}.subtitle-control input[type=color]{width:100%;height:29px;padding:3px;border:1px solid #3f5148;border-radius:4px;background:#151d1a}.subtitle-control select{max-width:100%;font-size:11px}.subtitle-control input[type=range]{margin:4px 0;width:100%}.subtitle-bold{font-size:11px;align-self:center}.subtitle-live-hint{font-size:9px;color:#8ba698;line-height:1.6;padding:7px 9px;border-left:2px solid #688c79;background:#223028;margin:12px 0}.subtitle-list-heading{margin-top:16px}.subtitle-list{max-height:140px}.subtitle-row{gap:7px;padding:8px}.subtitle-row strong{font-size:11px}.subtitle-row-actions{gap:7px}.subtitle-form{margin-top:14px}.subtitle-form textarea{min-height:65px;max-height:140px;font-size:12px}.subtitle-times{gap:9px}.subtitle-times label{font-size:10px}.subtitle-save-row{position:sticky;bottom:-16px;background:#1b2024;border-top:1px solid #35413c;padding:12px 0 4px;z-index:3;gap:8px;align-items:center}.subtitle-save-row>span{font-size:9px;max-width:170px}.subtitle-save-row .btn{min-width:100px;font-size:11px}.subtitle-validation{margin-top:8px;font-size:10px}
@media(max-height:760px){.timeline-panel{height:248px;flex-basis:248px}.timeline-body{min-height:174px}.subtitle-dialog{top:90px;bottom:16px}.subtitle-dialog .dialog-heading{padding-top:12px}.subtitle-dialog .dialog-heading h2{font-size:18px}.subtitle-dialog .subtitle-intro{line-height:1.5}}
@media(max-width:1100px){.subtitle-dialog{width:340px;right:10px;top:90px}.transport-row .player-hint{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-btn{min-width:95px}.play-btn .transport-label{font-size:10px}}
@media(max-width:650px){.subtitle-dialog{inset:78px 10px 12px 10px;width:auto;max-width:none}.play-btn{min-width:92px}.timeline-panel{min-height:254px}.subtitle-style-row label{font-size:10px}.track-labels .subtitle-track-label{font-size:8px}}
.subtitle-clip .subtitle-clip-text{padding:3px 9px 0;font-size:10px;line-height:1.2}.subtitle-clip .subtitle-clip-time{padding:1px 9px 0;font-size:8px;color:#d5bce7;line-height:1.3}.subtitle-clip [data-caption-edge]{pointer-events:auto}.subtitle-track-empty{display:block;padding:13px 16px;font-size:10px;color:#897595}.subtitle-clip.is-outside{border-style:dashed;opacity:.65}
.playhead{height:153px}
/* Keep the playhead draggable above captions without covering subtitle handles. */
.playhead{pointer-events:none}.playhead:before{pointer-events:none}.playhead i{pointer-events:auto}.playhead:after{content:'';position:absolute;left:3px;top:3px;height:106px;width:11px;background:transparent;pointer-events:auto;cursor:ew-resize}

/* Official purchase entry remains available in the activation gate. */
.purchase-entry{font-size:11px;text-decoration:none;border-color:#567b65;color:#b9e4ca}.license-purchase-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:55%}.license-bottom>span{max-width:42%}.license-bottom .license-purchase-actions .btn{max-width:100%;text-decoration:none}.license-bottom>span{flex-shrink:1}@media(max-width:750px){.license-bottom .license-purchase-actions{max-width:100%;justify-content:flex-start}.license-bottom>span{max-width:100%}}

html[data-platform=android] .app-header,html[data-platform=ios] .app-header{padding-top:max(10px,env(safe-area-inset-top))}html[data-platform=android] .license-gate,html[data-platform=ios] .license-gate{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}html[data-platform=ios] .editor-footer{padding-bottom:env(safe-area-inset-bottom);height:auto;min-height:25px}html:not([data-locale]) .editor-app,html:not([data-locale]) .license-gate{visibility:hidden}