.selectionRange{position:absolute;top:0;height:205px;z-index:5;background:linear-gradient(180deg,rgba(255,181,78,.22),rgba(255,181,78,.09));border-left:2px solid #ffb54e;border-right:2px solid #ffb54e;box-shadow:inset 0 0 24px rgba(255,181,78,.08);pointer-events:none}.selectionTime{position:absolute;left:50%;top:34px;transform:translateX(-50%);padding:5px 7px;border:1px solid #7e5e32;border-radius:4px;background:#151008e8;color:#ffd49b;font-size:7px;white-space:nowrap}
.clip{--clip-color:#b8ff3d!important;border-color:color-mix(in srgb,var(--clip-color) 55%,#263028)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--clip-color) 15%,#111612),color-mix(in srgb,var(--clip-color) 4%,#080b09))!important;overflow:visible!important}.clip.selected{border-color:var(--clip-color)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--clip-color) 25%,transparent),0 0 24px color-mix(in srgb,var(--clip-color) 12%,transparent)!important}.clipLabel{left:11px!important;right:34px!important}.clipMeta{left:11px!important}.trimHandle{background:color-mix(in srgb,var(--clip-color) 16%,transparent)!important}
.clipMore{position:absolute;right:8px;bottom:5px;z-index:7;width:26px;height:20px;padding:0;border:0;border-radius:4px;background:#070a08cc;color:#aeb9b1;font-size:10px;line-height:1}.clipMore:hover{background:#202820;color:var(--clip-color)}.fadeHandle{position:absolute;top:-5px;width:12px;height:12px;border:2px solid #dffef9;border-radius:50%;background:#173b37;z-index:8;cursor:ew-resize;opacity:0;transition:opacity .15s,transform .15s}.clip:hover .fadeHandle,.clip.selected .fadeHandle{opacity:1}.fadeHandle:hover{transform:scale(1.18)}.fadeHandle.in{left:-2px}.fadeHandle.out{right:-2px}.sectionAdd{position:absolute;top:-8px;z-index:12;width:22px;height:22px;margin-left:-11px;padding:0;border:1px solid #4c5a50;border-radius:50%;background:#111712;color:#cad3cc;font:700 14px/18px var(--sans);opacity:0;transition:.15s}.clipLane:hover .sectionAdd{opacity:.8}.sectionAdd:hover{opacity:1!important;border-color:var(--acid);background:#1c2817;color:var(--acid);transform:scale(1.08)}
.clipContext{display:flex;align-items:center;gap:5px;min-height:48px;padding:7px 9px;border-top:1px solid #313b34;background:linear-gradient(#131913,#0d120e);overflow-x:auto}.contextIdentity{display:grid;grid-template-columns:auto minmax(80px,160px);align-items:center;column-gap:7px;margin-right:6px;padding-right:10px;border-right:1px solid #313a33}.contextIdentity span{grid-row:1/3;width:8px;height:28px;border-radius:5px;background:var(--acid);box-shadow:0 0 10px currentColor}.contextIdentity b{overflow:hidden;color:#e6ece8;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.contextIdentity small{color:#77847b;font-size:7px}.clipContext button,.contextColor{min-height:30px;border:1px solid #3d4941;background:#0a0e0b;color:#b8c2ba;padding:0 9px;font-size:7px;letter-spacing:.08em;white-space:nowrap}.clipContext button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.clipContext button:disabled{opacity:.3}.clipContext .danger:hover{border-color:var(--danger);color:var(--danger)}.contextColor{display:flex;align-items:center;gap:6px}.contextColor input{width:20px;height:20px;padding:0;border:0;background:transparent}
@media(max-width:760px){.selectionRange{height:180px}.clipContext{padding:7px 6px}.contextIdentity{position:sticky;left:0;z-index:2;background:#111611}}