/* ATF Video Editor 1.0.12. All styling is scoped to the optional module. */
.atf-ve-panel[hidden],.atf-ve-content[hidden],.atf-ve-selection-actions[hidden],.atf-ve-silence-panel[hidden],.atf-ve-frame-tip[hidden]{display:none!important}
.atf-ve-panel{--atf-edge:#284760;--atf-blue:#3ea9f8;--atf-cyan:#66daef;--atf-fg:#e7f4ff;box-sizing:border-box;margin:15px 0 22px;padding:20px;border:1px solid #294866;border-radius:17px;background:linear-gradient(150deg,#101f31 0%,#07121e 92%);color:var(--atf-fg);box-shadow:0 14px 36px #0002;min-width:0;font-family:inherit}
.atf-ve-panel *{box-sizing:border-box}
.atf-ve-heading,.atf-ve-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.atf-ve-heading h3{margin:5px 0;font-size:19px;line-height:1.25;color:#fff}.atf-ve-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#75bffa}.atf-ve-heading p,.atf-ve-footer p{font-size:11px;color:#98b0c7;line-height:1.55;margin:2px 0 0}
.atf-ve-close,.atf-ve-silence-panel .atf-ve-title-row button{border:1px solid #305373;border-radius:10px;background:#102236;color:#d6edff;cursor:pointer;font-size:23px;width:38px;height:38px;flex:none}
.atf-ve-warning{margin:12px 0 0;padding:12px 14px;border-radius:10px;border:1px solid #2b5d80;background:#0c2539;color:#c4e8ff;font-size:12px}.atf-ve-warning.is-error{border-color:#9d5066;background:#271b28;color:#ffd4dd}
.atf-ve-workbench{overflow:visible;margin-top:13px;border:1px solid #254660;border-radius:15px;background:#071423;box-shadow:inset 0 0 0 1px #071a2b}
.atf-ve-player-wrap{position:relative;margin:0;min-width:0;padding:11px 11px 0}
.atf-ve-player-wrap>video{display:block;width:100%;max-height:370px;aspect-ratio:16/9;object-fit:contain;background:#02070b;border-radius:10px 10px 4px 4px;cursor:pointer}
.atf-ve-timeline-editor{position:relative;padding:8px 11px 13px;min-width:0;isolation:isolate}
.atf-ve-toolbar{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;min-height:43px;background:#0c1b2b;border:1px solid #264361;border-radius:10px;padding:5px 8px;color:#b9d5e8}
.atf-ve-toolbar button,.atf-ve-toolbar-bottom button,.atf-ve-selection-actions button,.atf-ve-edit-actions button{font:inherit;color:#d6ecff;border:1px solid #294965;background:#10263c;border-radius:8px;padding:0 10px;cursor:pointer;min-height:33px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s}
.atf-ve-toolbar button:hover,.atf-ve-selection-actions button:hover,.atf-ve-toolbar-bottom button:hover{background:#173e5e;border-color:#4086b8}
.atf-ve-toolbar button:disabled,.atf-ve-selection-actions button:disabled{opacity:.38;cursor:default}
.atf-ve-toolbar button.is-active{color:#e7f7ff;background:#135489;border-color:#56b9ff;box-shadow:inset 0 0 0 1px #308dd1,0 0 11px #198ce124}
.atf-ve-transport,.atf-ve-tools-desktop,.atf-ve-zoom{display:flex;align-items:center;gap:5px}
.atf-ve-transport .atf-ve-icon{font-size:18px;line-height:1}.atf-ve-transport button{min-width:38px}
.atf-ve-toolbar-separator{height:23px;border-left:1px solid #36516a;margin:0 3px}
.atf-ve-toolbar-spacer{flex:1;min-width:3px}
.atf-ve-zoom{padding:0 4px;flex:none}.atf-ve-zoom button{min-width:29px;font-size:18px;padding:0 5px;min-height:30px}.atf-ve-zoom input{width:89px;min-width:30px;accent-color:#38aef2;cursor:pointer}.atf-ve-zoom span{font-size:11px;color:#b1cce1;min-width:34px;text-align:right;font-variant-numeric:tabular-nums}
.atf-ve-silence-toggle{margin-left:3px;background:#15344d!important;border-color:#3b779e!important}.atf-ve-silence-toggle svg{flex:none}
.atf-ve-mobile-cut{display:none!important}
.atf-ve-timeline-topline{display:flex;align-items:center;gap:14px;margin-top:12px;margin-bottom:7px;min-height:18px;color:#8eb0c9;font-size:10px;letter-spacing:.06em;font-weight:700}
.atf-ve-timeline-topline span:nth-child(2){margin-left:auto;color:#d8eeff;font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums}.atf-ve-timeline-topline span:nth-child(3){color:#7fa6c5;font-size:10px;letter-spacing:0}
.atf-ve-timeline{position:relative;height:157px;width:100%;border-radius:8px;border:1px solid #2a5c83;background:#061524;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#2d6d9e #071525;outline-offset:3px}
.atf-ve-timeline-track{position:relative;height:146px;min-width:100%;cursor:default}
.atf-ve-ruler{height:28px;position:relative;border-bottom:1px solid #345a79;background:linear-gradient(#0e2235,#0b1b2a);pointer-events:none}
.atf-ve-ruler-tick{position:absolute;top:5px;transform:translateX(3px);font-size:9px;font-weight:500;color:#a2bed0;font-variant-numeric:tabular-nums;white-space:nowrap}
.atf-ve-ruler-tick::before{content:"";position:absolute;top:16px;left:-3px;height:6px;border-left:1px solid #5686a8}
.atf-ve-segments{position:absolute;top:28px;left:0;right:0;height:116px;display:flex;overflow:hidden}
.atf-ve-clip{flex:none;position:relative;min-width:2px;height:116px;border-right:2px solid #070d15;background:linear-gradient(125deg,#153852,#0c2437);overflow:hidden;isolation:isolate;cursor:grab;transition:filter .1s}
.atf-ve-clip:active{cursor:grabbing}
.atf-ve-clip.is-selected{outline:3px solid #58d8ff;outline-offset:-4px;background:#0d455c;z-index:2;box-shadow:inset 0 0 0 1000px #24c6fb15}
.atf-ve-clip.is-selected .atf-ve-clip-images{filter:saturate(1.45) brightness(1.18)}
.atf-ve-clip.is-dragging{opacity:.52}
.atf-ve-clip.is-drop-target{box-shadow:inset 5px 0 0 #80efcd,0 0 14px #48d3f0}
.atf-ve-clip-images{position:absolute;top:0;left:0;right:0;height:73px;overflow:hidden;display:flex;pointer-events:none;background:linear-gradient(110deg,#0c2d44,#123958,#0a283b);gap:1px}
.atf-ve-clip-images img{display:block;object-fit:cover;width:0;flex:1;min-width:0;height:100%;filter:saturate(.9) contrast(1.08)}
.atf-ve-frames-note{font-size:10px;letter-spacing:.01em;color:#84acc9;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;padding:5px}
.atf-ve-audio-lane{position:absolute;left:0;right:0;bottom:0;height:43px;background:#123d42;border-top:1px solid #3e7980;pointer-events:none}
.atf-ve-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.atf-ve-audio-lane::after{position:absolute;top:50%;left:0;right:0;content:"";height:1px;background:#81d7b322;pointer-events:none}
.atf-ve-clip-tag{position:absolute;z-index:3;top:5px;left:5px;border-radius:5px;background:#062133e6;border:1px solid #3c799a;color:#d5f7ff;font-size:9px;font-weight:800;padding:2px 6px;pointer-events:none}
.atf-ve-playhead{position:absolute;top:0;bottom:0;width:2px;background:#f3fcff;box-shadow:0 0 0 1px #2fbeff,0 0 10px #55d8ff;z-index:8;pointer-events:none}
.atf-ve-playhead::before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid #78d9ff}
.atf-ve-hover-line{position:absolute;top:28px;bottom:2px;width:1px;background:#78e8ff;z-index:7;display:none;pointer-events:none}
.atf-ve-timeline-track.is-razor .atf-ve-clip,.atf-ve-timeline-track.is-razor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 7h20L21 22H7Z' fill='%230d2a42' stroke='%237de0ff' stroke-width='2'/%3E%3Cpath d='M12 7l2 15' stroke='%237de0ff' stroke-width='1.5'/%3E%3C/svg%3E") 13 12,crosshair}
.atf-ve-timeline-track.is-razor .atf-ve-hover-line::before{content:"";position:absolute;top:0;left:-11px;width:22px;height:23px;background:#1a739f;border:1px solid #78e8ff;border-radius:4px;clip-path:polygon(5% 0,95% 0,82% 100%,18% 100%)}
.atf-ve-frame-tip{position:absolute;top:-55px;left:45%;transform:translateX(-50%);border:1px solid #3e88af;background:#0a1b2c;border-radius:9px;padding:6px;z-index:20;pointer-events:none;box-shadow:0 7px 24px #0008;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.atf-ve-frame-tip img{display:block;width:132px;height:75px;object-fit:contain;background:#02070a;border-radius:5px}.atf-ve-frame-tip img[hidden]{display:none!important}.atf-ve-frame-tip span{font-size:10px;color:#d3efff;font-variant-numeric:tabular-nums}
.atf-ve-selection-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:8px;min-height:37px;border:1px solid #2a6479;background:#0a2c40;border-radius:9px;padding:6px 8px}
.atf-ve-selection-actions>span:first-child{font-size:11px;color:#9de7f3;font-weight:700}.atf-ve-selection-actions button{min-height:28px;font-size:11px}
.atf-ve-selection-actions button.atf-ve-danger{border-color:#9f4860;background:#472636;color:#ffd2db}
.atf-ve-selection-hint{margin-left:auto;color:#7fa7bf;font-size:11px}
.atf-ve-toolbar-bottom{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:9px;font-size:10px;color:#86a9c3;flex-wrap:wrap}
.atf-ve-toolbar-bottom>div{display:flex;gap:7px;margin-left:auto}.atf-ve-toolbar-bottom button{min-height:28px;font-size:10px;padding:0 9px}
.atf-ve-toolbar-bottom small{color:#658ca6;font-size:10px}
.atf-ve-silence-panel{padding:16px;margin:12px 0 0;background:#081a2a;border:1px solid #2d536c;border-radius:12px}
.atf-ve-title-row{align-items:center}.atf-ve-title-row strong{font-size:14px;color:#e8f7ff}
.atf-ve-help{font-size:12px;line-height:1.55;color:#98b4ca;margin:8px 0}
.atf-ve-audio-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.atf-ve-audio-controls label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#afd0e5}
.atf-ve-audio-controls select,.atf-ve-audio-controls input{min-width:0;width:100%;height:38px;background:#071625;border:1px solid #315a7a;color:#e9f5ff;border-radius:8px;padding:7px 10px;font:inherit}
.atf-ve-edit-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.atf-ve-edit-actions button{min-height:36px}.atf-ve-edit-actions button:disabled{opacity:.45;cursor:default}
.atf-ve-silence-list{margin-top:8px;max-height:210px;overflow:auto;display:grid;gap:6px}
.atf-ve-silence-choice{display:flex;align-items:center;gap:8px;font-size:11px;color:#cdeeff;background:#0d263b;border:1px solid #345269;border-radius:8px;padding:9px;cursor:pointer}.atf-ve-silence-choice input{accent-color:#24a6ed}
.atf-ve-silence-marker{position:absolute;z-index:5;top:0;bottom:0;background:#f56a6a60;border-left:1px solid #f86b74;border-right:1px solid #f86b74;pointer-events:none}
.atf-ve-footer{border-top:1px solid #244761;margin-top:15px;padding-top:14px;display:flex;gap:16px;align-items:center;justify-content:space-between}
.atf-ve-footer button{flex:none;color:#809cb3;border:1px solid #35506b;background:#142538;border-radius:9px;padding:10px 15px;cursor:not-allowed;font:inherit}
.atf-ve-tool .atf-file-action svg{width:22px;height:22px;stroke-width:1.8}
.atf-ve-tool .atf-file-action{border-color:#328bc3;background:linear-gradient(180deg,#112e46,#0a1a29)}
.atf-ve-tool .atf-file-action:hover,.atf-ve-tool .atf-file-action.is-active{border-color:#42b4ff;background:#123e5e;box-shadow:0 0 0 2px rgba(61,172,255,.13)}
@media(max-width:1000px){.atf-ve-toolbar{justify-content:flex-start}.atf-ve-toolbar-spacer{flex:0}.atf-ve-zoom{margin-left:auto}.atf-ve-silence-toggle{margin-left:auto}}
@media(max-width:760px){.atf-ve-panel{padding:12px;margin:12px 0}.atf-ve-heading h3{font-size:16px}.atf-ve-player-wrap{padding:8px 8px 0}.atf-ve-player-wrap>video{max-height:290px}.atf-ve-timeline-editor{padding:8px}.atf-ve-toolbar{gap:4px;justify-content:center}.atf-ve-toolbar button{min-height:35px;padding:0 9px}.atf-ve-tools-desktop{display:none!important}.atf-ve-mobile-cut{display:inline-flex!important;background:#1b6086!important;border-color:#51baf2!important}.atf-ve-toolbar-spacer{display:none}.atf-ve-toolbar-separator{margin:0 1px}.atf-ve-zoom{order:10;margin:4px 0 0;flex:1 1 auto}.atf-ve-zoom input{width:100%;flex:1}.atf-ve-silence-toggle{order:11;margin:4px 0 0;flex:none}.atf-ve-toolbar .atf-ve-silence-toggle span{display:none}.atf-ve-timeline-topline{gap:7px;font-size:9px;flex-wrap:wrap}.atf-ve-timeline-topline span:nth-child(3){display:none}.atf-ve-timeline{height:143px}.atf-ve-timeline-track{height:133px}.atf-ve-segments{height:103px}.atf-ve-clip{height:103px}.atf-ve-clip-images{height:63px}.atf-ve-audio-lane{height:40px}.atf-ve-selection-actions{gap:5px}.atf-ve-selection-hint{display:none}.atf-ve-toolbar-bottom{gap:7px}.atf-ve-toolbar-bottom>span{flex:1 1 100%}.atf-ve-toolbar-bottom>div{margin-left:0}.atf-ve-audio-controls{grid-template-columns:minmax(0,1fr)}.atf-ve-footer{flex-direction:column;align-items:stretch}.atf-ve-footer button{align-self:stretch}.atf-ve-frame-tip{display:none!important}}

.atf-ve-toolbar .atf-ve-ctl-label{font-size:11px;font-weight:700;letter-spacing:.01em}.atf-ve-transport button,.atf-ve-tools-desktop button{gap:7px;padding:0 11px}
@media(max-width:760px){.atf-ve-toolbar .atf-ve-ctl-label{display:none}.atf-ve-transport button{padding:0 10px}}

/* v1.0.3: compact icon-driven editing and independent audio */
.atf-ve-panel .atf-ve-toolbar button svg,.atf-ve-panel .atf-ve-selection-actions button svg,.atf-ve-panel .atf-ve-music-heading button svg{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}
.atf-ve-panel .atf-ve-toolbar button svg[data-ve-play-icon]{width:19px;height:19px}
.atf-ve-panel .atf-ve-toolbar button{width:37px;min-width:37px;min-height:37px;padding:0!important}
.atf-ve-panel .atf-ve-toolbar .atf-ve-zoom button{width:30px;min-width:30px;min-height:30px}
.atf-ve-panel .atf-ve-toolbar .atf-ve-silence-toggle{width:37px;min-width:37px;margin-left:4px}
.atf-ve-panel .atf-ve-toolbar .atf-ve-ctl-label{display:none!important}
.atf-ve-panel .atf-ve-toolbar .atf-ve-transport button{width:38px;min-width:38px;padding:0!important}
.atf-ve-panel .atf-ve-timeline-track .atf-ve-audio-lane{pointer-events:auto;cursor:pointer}
.atf-ve-panel .atf-ve-timeline-track.is-razor .atf-ve-audio-lane{cursor:inherit}
.atf-ve-panel .atf-ve-clip.is-audio-selected .atf-ve-audio-lane{outline:2px solid #a0ffdd;outline-offset:-3px;background:#175e5c}
.atf-ve-panel .atf-ve-audio-lane.is-muted{background:#3d3c3e}
.atf-ve-panel .atf-ve-audio-lane.is-removed{background:#3b2936;opacity:.75}
.atf-ve-panel .atf-ve-audio-lane.is-removed::before{content:'AUDIO REMOVED';display:flex;position:absolute;inset:0;align-items:center;justify-content:center;color:#ffb9cb;font-size:11px;z-index:4;font-weight:800;letter-spacing:.05em}
.atf-ve-panel .atf-ve-selection-actions{width:max-content;max-width:100%;min-height:0;border-color:#266381}
.atf-ve-panel .atf-ve-selection-actions button{padding:0 9px!important;width:35px;min-width:35px;min-height:31px}
.atf-ve-panel .atf-ve-audio-context{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:9px;background:#0c3040;border:1px solid #3192a2;border-radius:9px;padding:10px;color:#defaff;font-size:12px}
.atf-ve-panel .atf-ve-audio-context[hidden],.atf-ve-panel .atf-ve-music-controls[hidden],.atf-ve-panel .atf-ve-music-item[hidden]{display:none!important}
.atf-ve-panel .atf-ve-audio-context label{display:flex;align-items:center;gap:8px}
.atf-ve-panel .atf-ve-audio-context input[type=range],.atf-ve-panel .atf-ve-music-controls input[type=range]{width:115px;accent-color:#28addb}
.atf-ve-panel .atf-ve-audio-context button,.atf-ve-panel .atf-ve-music-controls button,.atf-ve-panel .atf-ve-music-heading button{font:inherit;cursor:pointer;border:1px solid #376589;border-radius:8px;color:#dff5ff;background:#102e43;padding:7px 11px}
.atf-ve-panel .atf-ve-audio-context button.atf-ve-danger,.atf-ve-panel .atf-ve-music-controls button.atf-ve-danger{color:#ffd5df;border-color:#96425d;background:#3b1e30}
.atf-ve-panel .atf-ve-music-lane{margin-top:10px;padding:10px;background:#081626;border:1px solid #284c69;border-radius:10px}
.atf-ve-panel .atf-ve-music-heading{display:flex;align-items:center;justify-content:space-between;color:#81abc9;font-size:10px;font-weight:800;letter-spacing:.08em}
.atf-ve-panel .atf-ve-music-heading button{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:11px;letter-spacing:0}
.atf-ve-panel .atf-ve-music-heading button svg{width:16px;height:16px}
.atf-ve-panel .atf-ve-music-track{height:49px;position:relative;border-radius:6px;border:1px solid #295777;background:#071b2b;margin-top:7px;overflow:hidden;display:flex;align-items:center;color:#6d90a8;font-size:11px;padding:0 8px}
.atf-ve-panel .atf-ve-music-item{position:absolute;top:3px;bottom:3px;min-width:25px;background:linear-gradient(180deg,#235a80,#12435c);border:1px solid #55a4d7;border-radius:6px;padding:5px 8px;cursor:grab;display:flex;align-items:center;gap:10px;overflow:hidden;color:#e7fbff;white-space:nowrap;touch-action:none}
.atf-ve-panel .atf-ve-music-item.is-muted{opacity:.55}
.atf-ve-panel .atf-ve-music-controls{margin-top:9px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#a6c7dc;font-size:11px}
.atf-ve-panel .atf-ve-music-controls label{display:flex;align-items:center;gap:7px}
.atf-ve-panel .atf-ve-music-controls input[type=number]{width:72px;color:#def4ff;background:#071523;border:1px solid #315b78;border-radius:7px;padding:7px}
.atf-ve-panel .atf-ve-music-lane.needs-file .atf-ve-music-item{border-style:dashed}
@media(max-width:760px){.atf-ve-panel .atf-ve-toolbar button{min-width:34px;width:34px;min-height:35px}.atf-ve-panel .atf-ve-music-track{height:46px}.atf-ve-panel .atf-ve-music-controls input[type=range]{width:90px}}

.atf-ve-panel .atf-ve-music-item canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.58;pointer-events:none}
.atf-ve-panel .atf-ve-music-item>span{position:relative;z-index:2;text-shadow:0 1px 2px #001d2d}

/* v1.0.4 timeline polish and controls */
.atf-ve-panel .atf-ve-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:initial!important;column-gap:8px;row-gap:7px;padding:7px 9px;background:linear-gradient(160deg,#10253a,#091a2a);border-color:#274b69}
.atf-ve-panel .atf-ve-toolbar-balance{grid-column:1;min-width:0}
.atf-ve-panel .atf-ve-editor-actions{grid-column:2;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}
.atf-ve-panel .atf-ve-toolbar-right{grid-column:3;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-separator{flex:none}
.atf-ve-panel .atf-ve-toolbar .atf-ve-transport{display:flex;align-items:center;gap:5px}
.atf-ve-panel .atf-ve-toolbar .atf-ve-play-primary{background:#12608e!important;border-color:#46a9dc!important;color:#ebfbff!important;box-shadow:0 0 12px #0d6dbb33}
.atf-ve-panel .atf-ve-toolbar .atf-ve-play-primary svg{width:21px;height:21px}
.atf-ve-panel .atf-ve-toolbar .atf-ve-zoom{margin-left:0!important}
.atf-ve-panel .atf-ve-toolbar .atf-ve-silence-toggle{margin-left:0!important}
.atf-ve-panel .atf-ve-mobile-cut{display:none!important}
.atf-ve-panel .atf-ve-toolbar .atf-ve-desktop-razor{display:inline-flex!important}
.atf-ve-panel .atf-ve-timeline{background:linear-gradient(180deg,#071725,#061522);border:1px solid #376581;border-radius:12px;box-shadow:inset 0 2px 8px #01060d7a,0 3px 16px #0002}
.atf-ve-panel .atf-ve-segments{gap:0;overflow:hidden;padding:2px 0 3px;height:118px}
.atf-ve-panel .atf-ve-clip{height:111px;border:1px solid color-mix(in srgb,var(--ve-clip-color,#329cdd) 72%,#042138);border-radius:7px;margin:0 1px;background:linear-gradient(180deg,color-mix(in srgb,var(--ve-clip-color,#329cdd) 26%,#092234),#102739);box-shadow:inset 0 0 0 1px #0005;overflow:hidden;transition:border-color .12s,box-shadow .12s}
.atf-ve-panel .atf-ve-clip-images{height:69px;top:0;border-radius:6px 6px 0 0;background:#11253a}
.atf-ve-panel .atf-ve-clip-images img{filter:saturate(.98) contrast(1.04)}
.atf-ve-panel .atf-ve-clip.is-selected{outline:2px solid #ebfaff;outline-offset:-2px;border-color:#c9e8ff;box-shadow:inset 0 0 0 2px var(--ve-clip-color,#329cdd),0 0 12px #46b4ff66;z-index:2}
.atf-ve-panel .atf-ve-clip.is-selected .atf-ve-clip-images{filter:brightness(1.13) saturate(1.09)}
.atf-ve-panel .atf-ve-clip .atf-ve-clip-tag{background:color-mix(in srgb,var(--ve-clip-color,#329cdd) 78%,#071827);color:#f2fdff;border-color:#b9dfff76}
.atf-ve-panel .atf-ve-clip .atf-ve-audio-lane{height:40px;bottom:0;border-top:1px solid #66dbc884;background:linear-gradient(180deg,#205453,#0c333d);border-radius:0 0 6px 6px}
.atf-ve-panel .atf-ve-clip .atf-ve-wave{width:100%;height:100%}
.atf-ve-panel .atf-ve-selection-actions{border-radius:10px;min-height:40px;gap:8px}
.atf-ve-panel .atf-ve-clip-colors{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.atf-ve-panel .atf-ve-color-label{color:#9bd3e9;font-size:10px;font-weight:700}
.atf-ve-panel .atf-ve-clip-colors button{display:inline-block;width:22px;min-width:22px;min-height:22px;height:22px;border-radius:7px;border:1px solid #ffffff70;padding:0!important;background:var(--swatch);cursor:pointer;box-shadow:0 1px 3px #0006}
.atf-ve-panel .atf-ve-clip-colors button.is-active{border:2px solid #f3ffff;outline:2px solid var(--swatch);outline-offset:2px}
.atf-ve-panel .atf-ve-timeline-track.is-razor .atf-ve-clip,.atf-ve-panel .atf-ve-timeline-track.is-razor{cursor:crosshair}
.atf-ve-panel .atf-ve-timeline-track.is-razor .atf-ve-hover-line::before{clip-path:none;top:-3px;left:-8px;width:16px;height:20px;border-radius:3px;background:#0b3650;border:1px solid #7de0ff;box-shadow:inset 7px 0 0 -6px #7de0ff}
@media(max-width:1150px){.atf-ve-panel .atf-ve-toolbar{grid-template-columns:1fr;row-gap:8px}.atf-ve-panel .atf-ve-toolbar-balance{display:none}.atf-ve-panel .atf-ve-editor-actions{grid-column:1;grid-row:1;justify-self:center}.atf-ve-panel .atf-ve-toolbar-right{grid-column:1;grid-row:2;justify-self:center}}
@media(max-width:760px){.atf-ve-panel .atf-ve-toolbar .atf-ve-editor-actions{gap:3px}.atf-ve-panel .atf-ve-toolbar .atf-ve-editor-actions button{width:34px;min-width:34px;min-height:36px}.atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-separator{margin:0 2px}.atf-ve-panel .atf-ve-toolbar .atf-ve-desktop-select,.atf-ve-panel .atf-ve-toolbar .atf-ve-desktop-razor{display:none!important}.atf-ve-panel .atf-ve-toolbar .atf-ve-mobile-cut{display:inline-flex!important}.atf-ve-panel .atf-ve-clip-colors button{width:23px;min-width:23px;height:23px}.atf-ve-panel .atf-ve-selection-actions{gap:7px;max-width:100%}}
@media(hover:none),(pointer:coarse){.atf-ve-panel .atf-ve-toolbar .atf-ve-desktop-select,.atf-ve-panel .atf-ve-toolbar .atf-ve-desktop-razor{display:none!important}.atf-ve-panel .atf-ve-toolbar .atf-ve-mobile-cut{display:inline-flex!important}}

/* v1.0.5 — full-color clip band, rolling edit handle, full-width desktop editor. */
.atf-ve-panel .atf-ve-clip{overflow:visible}
.atf-ve-panel .atf-ve-clip-color-band{
 position:absolute;z-index:3;top:0;left:0;right:0;height:17px;
 display:flex;align-items:center;padding:0 6px;
 background:var(--ve-clip-color,#329cdd);border-radius:6px 6px 0 0;
 color:#071827;box-shadow:0 2px 5px #0007;pointer-events:none;
}
.atf-ve-panel .atf-ve-clip-color-band strong{font-size:10px;line-height:1.1;font-weight:900;color:#04141e;text-shadow:0 1px #ffffff55}
.atf-ve-panel .atf-ve-clip-images{top:17px!important;height:52px!important;left:0;right:0;overflow:hidden;border-radius:0!important}
.atf-ve-panel .atf-ve-clip.is-selected .atf-ve-clip-color-band{filter:brightness(1.2)}
.atf-ve-panel .atf-ve-cut-handle{
 position:absolute;z-index:12;top:3px;bottom:3px;width:23px;
 transform:translateX(-50%);touch-action:none;cursor:col-resize;
 display:flex;align-items:center;justify-content:center;outline:0;
}
.atf-ve-panel .atf-ve-cut-grip{
 width:14px;height:49px;display:flex;justify-content:center;gap:3px;align-items:center;
 background:linear-gradient(180deg,#0b182b,#19516c);border:1px solid #8acfff;
 border-radius:5px;box-shadow:0 0 0 2px #051625bb,0 2px 8px #000b;
}
.atf-ve-panel .atf-ve-cut-grip i{display:block;width:2px;height:18px;border-radius:2px;background:#bceaff}
.atf-ve-panel .atf-ve-cut-handle:hover .atf-ve-cut-grip,
.atf-ve-panel .atf-ve-cut-handle:focus-visible .atf-ve-cut-grip,
.atf-ve-panel .atf-ve-cut-handle.is-rolling .atf-ve-cut-grip{
 height:66px;background:#196493;border-color:#e0fbff;box-shadow:0 0 0 2px #4ac5ff88,0 0 13px #21a4ff88;
}
.atf-ve-panel .atf-ve-cut-handle.is-locked{opacity:.35;cursor:not-allowed}
.atf-ve-panel .atf-ve-timeline-track.is-razor .atf-ve-cut-handle{pointer-events:none}
.atf-ve-panel .atf-ve-segments{isolation:isolate}
@media(min-width:1101px){
 form.atf-editor-form.atf-ve-wide-open>.atf-ve-panel{width:100%;max-width:none;margin:16px 0 22px;}
 form.atf-editor-form.atf-ve-wide-open .atf-player-settings-panel{
  height:var(--atf-ve-settings-height,560px)!important;max-height:var(--atf-ve-settings-height,560px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;align-self:start!important;
  scrollbar-width:thin;scrollbar-color:#2d729c #081522;
 }
 form.atf-editor-form.atf-ve-wide-open .atf-player-settings-panel::-webkit-scrollbar{width:7px}
 form.atf-editor-form.atf-ve-wide-open .atf-player-settings-panel::-webkit-scrollbar-thumb{background:#2b668d;border-radius:10px}
 form.atf-editor-form.atf-ve-wide-open .atf-player-settings-panel::-webkit-scrollbar-track{background:#081522}
}
@media(max-width:760px){
 .atf-ve-panel .atf-ve-clip-images{height:46px!important}
 .atf-ve-panel .atf-ve-cut-grip{width:17px;height:53px}
 .atf-ve-panel .atf-ve-cut-handle{width:31px}
}

/* v1.0.6: use the same crop rectangle and appearance as the Hosting live preview. */
.atf-ve-panel .atf-ve-player-stage{height:auto;width:100%;aspect-ratio:16/9;max-height:370px;display:flex;align-items:center;justify-content:center;background:#02070b;border-radius:12px;overflow:hidden}
.atf-ve-panel .atf-ve-render-frame{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;border-radius:inherit;flex:none;background:#000}
.atf-ve-panel .atf-ve-render-frame video{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#000;outline:none;border:0;border-radius:0;cursor:pointer}
.atf-ve-panel .atf-ve-render-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;background:transparent;z-index:2}
@media(max-width:760px){.atf-ve-panel .atf-ve-player-stage{max-height:290px}}

/* v1.0.7 — shared video/music timeline, resizable preview, contextual deletion. */
.atf-ve-panel .atf-ve-preview-resize{height:18px;margin:1px 11px 0;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;border-radius:0 0 8px 8px;user-select:none}
.atf-ve-panel .atf-ve-preview-resize::before{content:"";position:absolute;left:15px;right:15px;height:1px;background:#285171;pointer-events:none}
.atf-ve-panel .atf-ve-preview-resize span{z-index:1;position:relative;width:72px;height:7px;border:1px solid #487d9d;border-radius:6px;background:linear-gradient(90deg,#153952,#277eb3,#153952);box-shadow:0 0 0 4px #071423}
.atf-ve-panel .atf-ve-preview-resize:hover span{background:#3ac1f3;border-color:#79e1ff}
.atf-ve-panel .atf-ve-selection-actions button.atf-ve-delete-all,
.atf-ve-panel .atf-ve-audio-context button.atf-ve-delete-all{width:auto!important;min-width:133px!important;min-height:34px!important;padding:0 12px!important;font-size:11px;font-weight:700;border-radius:8px}
.atf-ve-panel .atf-ve-timeline{height:214px;scrollbar-width:thin;scrollbar-color:#397aaa #081827}
.atf-ve-panel .atf-ve-timeline-track{height:146px}
.atf-ve-panel .atf-ve-disabled-region{position:absolute;top:28px;bottom:0;background:repeating-linear-gradient(135deg,#020911da 0,#020911da 8px,#142336ba 8px,#142336ba 16px);border-left:2px solid #4a6b7d;pointer-events:none;z-index:5}
.atf-ve-panel .atf-ve-disabled-region[hidden]{display:none!important}
/* Music shares the timeline viewport, scroll and zoom with the original video. */
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track{position:relative;min-width:100%;height:60px!important;margin:0!important;padding:0!important;border:0;border-top:1px solid #2e617f;background:linear-gradient(180deg,#09273b,#081928);overflow:visible;display:block;flex:none;border-radius:0 0 8px 8px}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track [data-ve-music-empty]{position:relative;display:block;padding:16px;color:#6a91ad}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item{position:absolute;top:4px;bottom:4px;min-width:3px;margin:0;padding:4px 18px 5px;border:1px solid #55a4d7;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0009;touch-action:none;cursor:grab}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item:active{cursor:grabbing}
.atf-ve-panel .atf-ve-music-handle{position:absolute;z-index:8;top:0;bottom:0;width:18px;background:#154965cc;border:1px solid #b1edff9c;cursor:ew-resize;touch-action:none}
.atf-ve-panel .atf-ve-music-handle-left{left:0;border-radius:7px 2px 2px 7px}
.atf-ve-panel .atf-ve-music-handle-right{right:0;border-radius:2px 7px 7px 2px}
.atf-ve-panel .atf-ve-music-handle:after{content:"";position:absolute;top:28%;height:44%;left:7px;border-left:2px solid #e3f8ff}
.atf-ve-panel .atf-ve-music-item canvas{z-index:1}
.atf-ve-panel .atf-ve-music-item>span[data-ve-music-name]{font-weight:700;max-width:50%;overflow:hidden;text-overflow:ellipsis}
.atf-ve-panel .atf-ve-music-lane{border-top:0;margin-top:4px;padding:7px 10px}
.atf-ve-panel .atf-ve-music-heading{min-height:24px;letter-spacing:.03em}
@media(max-width:760px){
 .atf-ve-panel .atf-ve-timeline{height:196px}
 .atf-ve-panel .atf-ve-timeline-track{height:133px}
 .atf-ve-panel .atf-ve-timeline .atf-ve-music-track{height:60px!important}
 .atf-ve-panel .atf-ve-selection-actions button.atf-ve-delete-all{min-width:122px!important}
 .atf-ve-panel .atf-ve-preview-resize{height:23px}
}
.atf-ve-panel .atf-ve-music-item>.atf-ve-music-handle{position:absolute!important;top:0;bottom:0;height:auto;width:18px;z-index:8}
.atf-ve-panel .atf-ve-music-item>.atf-ve-music-handle-left{left:0;right:auto}
.atf-ve-panel .atf-ve-music-item>.atf-ve-music-handle-right{right:0;left:auto}
.atf-ve-panel .atf-ve-music-playhead{position:absolute;top:0;bottom:0;width:2px;background:#a4efff;box-shadow:0 0 8px #3bbaff;z-index:9;pointer-events:none}

.atf-ve-panel button.atf-ve-delete-all:disabled{opacity:.4;cursor:not-allowed}

/* 1.0.8: Mark In/Out, contextual tracks and waveform clipping */
.atf-ve-panel .atf-ve-timeline-track .atf-ve-mark-range{position:absolute;top:27px;bottom:0;border-left:1px solid #47deff;border-right:1px solid #47deff;background:#30d7fa0b;pointer-events:none;z-index:3}
.atf-ve-panel .atf-ve-timeline-track .atf-ve-mark{position:absolute;top:0;z-index:25;border:1px solid #4cc9f4;background:#07314d;color:#baf3ff;font-size:9px;font-weight:800;border-radius:4px;padding:2px 4px;min-width:21px;height:22px;cursor:ew-resize;touch-action:none}
.atf-ve-panel .atf-ve-timeline-track .atf-ve-mark-in{transform:translateX(0)}
.atf-ve-panel .atf-ve-timeline-track .atf-ve-mark-out{transform:translateX(-100%)}
.atf-ve-panel .atf-ve-toolbar [data-ve-loop].is-active{background:#087d9e!important;border-color:#66e7ff!important;color:#fff}
.atf-ve-panel .atf-ve-music-item.is-selected{outline:2px solid #9feeff;outline-offset:1px}
.atf-ve-panel [data-ve-music-scroll]{margin-top:3px}
.atf-ve-panel [data-ve-music-scroll] .atf-ve-music-track{min-height:60px}
.atf-ve-panel [data-ve-mark-status]{color:#63cfe4;font-size:10px;white-space:nowrap}
.atf-ve-panel .atf-ve-music-controls[hidden],.atf-ve-panel .atf-ve-audio-context[hidden]{display:none!important}

/* Separated selection rows: one viewport per track, synchronized scroll */
.atf-ve-panel .atf-ve-timeline[data-ve-timeline]{height:146px!important;overflow-x:auto;overflow-y:hidden}
.atf-ve-panel .atf-ve-timeline[data-ve-music-scroll]{height:61px!important;overflow-x:auto;overflow-y:hidden}
.atf-ve-panel .atf-ve-timeline[data-ve-music-scroll] .atf-ve-music-track{height:60px!important}
@media(max-width:760px){.atf-ve-panel .atf-ve-timeline[data-ve-timeline]{height:133px!important}}

/* v1.0.9 — music drag remains a MOVE (not edge-resize); detailed waveform. */
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item,
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item>span:not([data-ve-music-handle]){cursor:move}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item.is-dragging,
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item.is-dragging>span:not([data-ve-music-handle]){cursor:grabbing}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item>[data-ve-music-handle]{cursor:ew-resize}
.atf-ve-panel .atf-ve-music-item canvas{opacity:.94;}
/* Place both optional utilities in the unused upper-left toolbar space. */
.atf-ve-panel .atf-ve-toolbar-balance{display:flex;align-items:center;justify-content:flex-start;min-width:0;gap:5px}
.atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-balance button{width:auto!important;min-height:29px;font-size:10px;padding:0 10px!important;min-width:max-content;flex:0 0 auto}
.atf-ve-panel .atf-ve-toolbar-status,.atf-ve-panel .atf-ve-hidden-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1150px){
 .atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-balance{display:flex;grid-column:1;grid-row:1;justify-self:start}
 .atf-ve-panel .atf-ve-toolbar .atf-ve-editor-actions{grid-row:2}
 .atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-right{grid-row:3}
}
@media(max-width:760px){
 .atf-ve-panel .atf-ve-toolbar .atf-ve-toolbar-balance button{width:auto!important;min-width:max-content;min-height:30px;font-size:10px;padding:0 9px!important}
}


/* v1.0.10 — individually resizable and fully visible lanes. */
.atf-ve-panel{--ve-video-height:73px;--ve-audio1-height:43px;--ve-audio2-height:80px}
.atf-ve-panel .atf-ve-timeline[data-ve-timeline]{height:calc(28px + var(--ve-video-height) + var(--ve-audio1-height) + 20px)!important}
.atf-ve-panel .atf-ve-timeline[data-ve-timeline] .atf-ve-timeline-track{height:calc(28px + var(--ve-video-height) + var(--ve-audio1-height))!important}
.atf-ve-panel .atf-ve-segments{height:calc(var(--ve-video-height) + var(--ve-audio1-height) + 5px)!important}
.atf-ve-panel .atf-ve-clip{height:calc(var(--ve-video-height) + var(--ve-audio1-height))!important;border:1px solid #ffffffb8;box-shadow:inset 0 0 0 1px #ffffff35,0 0 1px #0008;margin:0 1px}
.atf-ve-panel .atf-ve-clip-images{height:var(--ve-video-height)!important}
.atf-ve-panel .atf-ve-clip .atf-ve-audio-lane{height:var(--ve-audio1-height)!important}
.atf-ve-panel .atf-ve-clip.is-selected{border-color:#fff;box-shadow:inset 0 0 0 2px var(--ve-clip-color,#329cdd),0 0 12px #46b4ff66}
.atf-ve-panel .atf-ve-timeline[data-ve-music-scroll]{height:calc(var(--ve-audio2-height) + 19px)!important}
.atf-ve-panel .atf-ve-timeline[data-ve-music-scroll] .atf-ve-music-track{height:var(--ve-audio2-height)!important;min-height:0}
.atf-ve-panel .atf-ve-timeline .atf-ve-music-track .atf-ve-music-item{top:4px;bottom:4px;border:1px solid #e3f6ffe0;box-shadow:inset 0 0 0 1px #ffffff36,0 2px 8px #0006}
.atf-ve-panel .atf-ve-video-resize{position:absolute;top:calc(28px + var(--ve-video-height) - 3px);left:0;right:0;height:8px;z-index:18;cursor:row-resize;touch-action:none;background:linear-gradient(180deg,transparent 0 3px,#b5e2f5a0 3px 4px,transparent 4px)}
.atf-ve-panel .atf-ve-video-resize:hover,.atf-ve-panel .atf-ve-video-resize:active{background:linear-gradient(180deg,transparent 0 2px,#62dcff 2px 5px,transparent 5px)}
.atf-ve-panel .atf-ve-track-resize{height:10px;position:relative;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;margin:1px 0 2px;background:transparent}
.atf-ve-panel .atf-ve-track-resize::before{content:"";position:absolute;top:4px;left:0;right:0;height:1px;background:#3c627f}
.atf-ve-panel .atf-ve-track-resize span{width:65px;height:5px;border-radius:8px;background:#305b7a;border:1px solid #5f98bd;z-index:1}
.atf-ve-panel .atf-ve-track-resize:hover span,.atf-ve-panel .atf-ve-track-resize:active span{background:#66d9f9;border-color:#b9efff}
/* Shortcut editor opens locally without stretching the toolbar. */
.atf-ve-panel .atf-ve-shortcut-panel{position:absolute;top:58px;left:10px;width:min(350px,calc(100% - 20px));padding:16px;border:1px solid #488ab5;border-radius:12px;background:#0a2033;box-shadow:0 14px 34px #000a;z-index:40;color:#d6ecff;font-size:12px}
.atf-ve-panel .atf-ve-shortcut-panel[hidden]{display:none!important}
.atf-ve-panel .atf-ve-shortcut-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.atf-ve-panel .atf-ve-shortcut-title button{font-size:23px;border:0;background:transparent;color:#d6edff;cursor:pointer}
.atf-ve-panel .atf-ve-shortcut-panel p{margin:7px 0 14px;color:#93b5cb}
.atf-ve-panel .atf-ve-shortcut-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.atf-ve-panel .atf-ve-shortcut-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px}
.atf-ve-panel .atf-ve-shortcut-fields input{width:100%;height:40px;text-align:center;font-size:19px;font-weight:800;color:#fff;background:#081522;border:1px solid #427eaa;border-radius:8px;text-transform:uppercase}
.atf-ve-panel .atf-ve-shortcut-panel small{display:block;min-height:20px;margin-top:6px;color:#ffb4bd}
.atf-ve-panel .atf-ve-shortcut-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:5px}
.atf-ve-panel .atf-ve-shortcut-buttons button{min-height:30px;padding:0 10px;border:1px solid #4b8db6;border-radius:7px;background:#12344d;color:#e1f6ff;cursor:pointer}
.atf-ve-panel .atf-ve-shortcut-buttons [data-ve-keyboard-save]{background:#12618a}
@media(max-width:760px){.atf-ve-panel .atf-ve-shortcut-panel{top:55px}}

.atf-ve-panel .atf-ve-music-track [data-ve-music-empty][hidden]{display:none!important}

/* v1.0.11 — VIDEO is the primary visual lane (DaVinci-inspired colored frame).
   v1.0.10 left the thumbnail block 17px too tall; it overlapped the audio
   and made resizing the VIDEO lane hard to see. Keep the old audio geometry. */
.atf-ve-panel{--ve-video-height:118px}
.atf-ve-panel .atf-ve-clip{
 border-color:#effaffd6;
 background:linear-gradient(180deg,color-mix(in srgb,var(--ve-clip-color,#329cdd) 43%,#071c2b),#102b39 74%);
 box-shadow:0 0 0 1px #ffffff55,inset 0 0 0 1px #0007;
}
/* Video-only colored border (the audio beneath remains its own green lane). */
.atf-ve-panel .atf-ve-clip::before{
 content:"";position:absolute;left:0;right:0;top:0;
 height:var(--ve-video-height);z-index:4;pointer-events:none;
 border:3px solid var(--ve-clip-color,#329cdd);
 border-bottom-width:4px;border-radius:6px 6px 1px 1px;
 box-shadow:inset 0 0 0 1px #ffffff4a;
}
.atf-ve-panel .atf-ve-clip-color-band{
 background:var(--ve-clip-color,#329cdd);
 box-shadow:none;border-radius:4px 4px 0 0;
}
.atf-ve-panel .atf-ve-clip-color-band strong{color:#08202b;text-shadow:0 1px 0 #ffffff88}
/* Critical: starts after 17px header and ENDS at bottom of video, NOT 17px inside audio. */
.atf-ve-panel .atf-ve-clip-images{
 top:17px!important;
 height:calc(var(--ve-video-height) - 17px)!important;
 background:color-mix(in srgb,var(--ve-clip-color,#329cdd) 32%,#10263a);
 border-radius:0!important;
 gap:2px;
}
.atf-ve-panel .atf-ve-clip-images::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:5px;
 background:var(--ve-clip-color,#329cdd);opacity:.96;
 pointer-events:none;
}
.atf-ve-panel .atf-ve-clip-images img{filter:saturate(1.08) contrast(1.08)}
.atf-ve-panel .atf-ve-clip.is-selected{
 outline:2px solid #fff;outline-offset:-1px;
 box-shadow:0 0 0 1px #ffffffc4,0 0 12px #46b4ff66;
}
/* Wide grab zone where VIDEO ends and original audio begins. Works anywhere
   on the separator, including when the timeline has been zoomed/scrolled. */
.atf-ve-panel .atf-ve-video-resize{
 top:calc(28px + var(--ve-video-height) - 9px);
 height:18px;z-index:22;
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(180deg,transparent 0 7px,#bdf4ff 7px 9px,transparent 9px);
 cursor:ns-resize;touch-action:none;user-select:none;
}
.atf-ve-panel .atf-ve-video-resize span{
 display:flex;align-items:center;justify-content:center;
 width:78px;height:16px;position:sticky;left:45%;right:auto;
 border:1px solid #9fdbfc;border-radius:7px;
 background:#103d59;color:#e0faff;font-size:9px;font-weight:900;
 letter-spacing:.08em;box-shadow:0 1px 6px #000a;
 pointer-events:none;
}
.atf-ve-panel .atf-ve-video-resize:hover,.atf-ve-panel .atf-ve-video-resize:active{
 background:linear-gradient(180deg,transparent 0 6px,#43e0ff 6px 11px,transparent 11px)
}
.atf-ve-panel .atf-ve-video-resize:hover span,
.atf-ve-panel .atf-ve-video-resize:active span{background:#126c8e;border-color:#d0f8ff}
.atf-ve-panel .atf-ve-clip-colors{flex-wrap:wrap;row-gap:8px}
.atf-ve-panel .atf-ve-clip-colors button{filter:saturate(1.2);box-shadow:0 0 0 1px #ffffff24,0 2px 5px #0008}
@media(max-width:760px){
 .atf-ve-panel .atf-ve-clip-images{
  top:17px!important;height:calc(var(--ve-video-height) - 17px)!important;
 }
 .atf-ve-panel .atf-ve-video-resize span{width:68px;font-size:8px}
}

/* v1.0.12 — DaVinci-like video lane: the thumbnail zone stays dark,
   while the lower video label portion carries the chosen vivid clip color.
   Keep the original audio lane and its waveform separate and unchanged. */
.atf-ve-panel .atf-ve-clip{
 background:#090f16;
 border:1px solid #a4bac9;
 box-shadow:none;
}
/* Only color the upper VIDEO portion, never the original audio below. */
.atf-ve-panel .atf-ve-clip::before{
 top:0;left:0;right:0;
 height:var(--ve-video-height);
 border:2px solid var(--ve-clip-color,#329cdd);
 border-bottom-width:2px;
 box-shadow:none;
 z-index:5;
 pointer-events:none;
}
.atf-ve-panel .atf-ve-clip-images{
 top:17px!important;
 /* Reserve the bottom 39% of the VIDEO lane for its solid color label. */
 height:calc(var(--ve-video-height) * .61 - 17px)!important;
 background:#06090f!important;
 border-radius:0!important;
 position:absolute;
 z-index:1;
}
.atf-ve-panel .atf-ve-clip-images::after{display:none!important}
.atf-ve-panel .atf-ve-clip-video-color{
 position:absolute;
 left:0;right:0;
 top:calc(var(--ve-video-height) * .61);
 height:calc(var(--ve-video-height) * .39);
 background:var(--ve-clip-color,#329cdd);
 z-index:1;
 pointer-events:none;
 border-top:1px solid #ffffff42;
}
/* The original audio below keeps its teal waveform, independent of video colors. */
.atf-ve-panel .atf-ve-clip.is-selected{
 outline:none!important;
 border-color:#b5c6d2;
 background:#090f16;
 box-shadow:none;
 z-index:2;
}
.atf-ve-panel .atf-ve-clip.is-selected::before{
 border:4px solid #ff3445!important;
 box-shadow:0 0 0 1px #ff9aa2,0 0 8px #ff354574,
            inset 0 0 0 1px #ffb9bf;
 z-index:7;
}
.atf-ve-panel .atf-ve-clip.is-selected .atf-ve-clip-images{
 filter:none!important;
}
/* Unlabelled resize handle, same size and visual language as audio handles. */
.atf-ve-panel .atf-ve-video-resize{
 height:12px;
 top:calc(28px + var(--ve-video-height) - 6px);
 z-index:22;
 background:linear-gradient(180deg,transparent 0 5px,#91b5cd 5px 6px,transparent 6px);
}
.atf-ve-panel .atf-ve-video-resize span{
 position:relative;
 left:auto;right:auto;
 width:65px;height:5px;
 padding:0;
 background:#305b7a;
 border:1px solid #5f98bd;
 border-radius:8px;
 box-shadow:none;
 font-size:0;
}
.atf-ve-panel .atf-ve-video-resize:hover span,
.atf-ve-panel .atf-ve-video-resize:active span{
 background:#66d9f9;border-color:#b9efff;
}
/* Six editable keys displayed as two clean rows in the existing popover. */
.atf-ve-panel .atf-ve-shortcut-panel{width:min(390px,calc(100% - 20px))}
.atf-ve-panel .atf-ve-shortcut-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
 .atf-ve-panel .atf-ve-clip-images{
  top:17px!important;
  height:calc(var(--ve-video-height) * .61 - 17px)!important;
 }
 .atf-ve-panel .atf-ve-video-resize span{width:65px;height:5px;font-size:0}
}