.trim-workbench{--cut-in:0%;--cut-out:100%;--cut-at:0%;width:100%;min-width:0;color:#dce6dc;font-family:inherit}
.trim-workbench .trim-overview{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:11px;line-height:1.4;flex-wrap:wrap}
.trim-overview>span:first-child{display:flex;align-items:center;gap:6px}.trim-overview i{height:5px;width:5px;border-radius:50%;background:#c3e7a7}.trim-overview strong{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}.trim-overview .trim-removed{font-size:10px;color:#8f9c93}
.trim-strip-wrap{padding:0 9px}.trim-strip{position:relative;height:66px;background:#151e18;touch-action:pan-y;cursor:crosshair;border-radius:5px;isolation:isolate}
.trim-frames{position:absolute;inset:3px 0;display:flex;overflow:hidden;border-radius:4px}.trim-frames canvas{height:100%;width:10%;object-fit:cover;min-width:0}
.trim-discard{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#080d0bd9 0 5px,#243129c9 5px 6px);pointer-events:none}.trim-discard-before{left:0;width:var(--cut-in)}.trim-discard-after{right:0;width:calc(100% - var(--cut-out))}
.trim-keep{position:absolute;inset:0 calc(100% - var(--cut-out)) 0 var(--cut-in);border-block:2px solid #c3e7a7;pointer-events:none}
.trim-cursor{position:absolute;top:-4px;bottom:-4px;left:var(--cut-at);width:2px;background:white;box-shadow:0 0 0 1px #111b;pointer-events:none;z-index:2}.trim-cursor::before{content:'';position:absolute;width:8px;height:6px;left:-3px;top:-2px;background:white;border-radius:2px}
:is(#studio .clip-editor,#editor) .trim-workbench .trim-edge{position:absolute;top:-3px;bottom:-3px;display:grid;place-items:center;width:18px;padding:0;margin:0;border:1px solid #e1f5cf;background:#bfdfa5;color:#18261a;border-radius:4px;cursor:ew-resize;touch-action:none;transform:translateX(-50%);z-index:3;box-shadow:0 1px 6px #0007}
.trim-edge-start{left:var(--cut-in)}.trim-edge-end{left:var(--cut-out)}.trim-edge span{height:18px;width:4px;border-inline:1px solid #375035;pointer-events:none}
:is(#studio .clip-editor,#editor) .trim-workbench .trim-edge-start{transform:translateX(-100%)}
:is(#studio .clip-editor,#editor) .trim-workbench .trim-edge-end{transform:translateX(0)}
:is(#studio .clip-editor,#editor) .trim-workbench .trim-edge:hover{background:#d5edbf}.trim-edge:focus-visible{outline:2px solid white;outline-offset:4px}
.trim-ticks{display:flex;justify-content:space-between;font-size:10px;color:#93a395;font-variant-numeric:tabular-nums;padding:12px 0 0}
.trim-edge-previews{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:center;margin-top:20px}
:is(#studio .clip-editor,#editor) .trim-edge-previews button{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:#0d140f;border:1px solid #344237;border-radius:8px;text-align:left;gap:0;min-width:0;cursor:pointer}
.trim-edge-previews canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;background:#0c100e}
.trim-edge-previews button>span{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;flex-wrap:wrap}.trim-edge-previews small{font-size:10px;color:#9cae9d}.trim-edge-previews b{font-size:11px;font-weight:550;color:#d7e8ce;font-variant-numeric:tabular-nums}.trim-preview-arrow{text-align:center;color:#829782}
.trim-workbench .trim-media-status{font-size:10px;color:#8f9f92;line-height:1.6;margin:12px 0 0;min-height:16px}
#editor .trim-timeline .unified-trim-rail,#editor .trim-timeline .trim-readout,#editor .trim-timeline .timeline-ruler,#editor .trim-timeline>.timeline-label,#editor .trim-timeline>#trimSeek{display:none}
#editor .boundary-card{border:1px solid #344237;background:#101713;border-radius:9px;padding:15px;margin:0 0 12px}
#editor .boundary-card strong{font-variant-numeric:tabular-nums;font-size:23px;font-weight:550;letter-spacing:-.5px}
#editor .boundary-actions{margin-top:14px;display:flex;gap:7px}#editor .boundary-actions button{padding:8px 10px;font-size:11px}
#editor .boundary-actions button:nth-child(2){flex:1;background:#1c2a20;border-color:#4b624e}
#studio .clip-editor .trim-workbench{margin:4px 0 24px}#studio .clip-editor .edit-boundary input[type=range]{display:none}
#studio .clip-editor .edit-boundary{padding:14px 0}#studio .clip-editor .edit-boundary input[type=number]{font-size:20px}
#studio .clip-editor[data-editor-tab=trim] .editor-timeline{display:none}
#studio .clip-editor[data-editor-tab=trim] .editor-view-hint{font-size:0}
#studio .clip-editor[data-editor-tab=trim] .editor-view-hint::after{content:'Preview the edges, then play your selection.';font-size:11px}
#studio .clip-editor[data-editor-tab=trim] .editor-view{align-content:start}
@media(max-width:760px){#studio .clip-editor[data-editor-tab=trim] .editor-view{display:flex;flex-direction:column;gap:12px}#studio .clip-editor[data-editor-tab=trim] .demo-phone{width:150px}#studio .clip-editor[data-editor-tab=trim] .editor-transport{display:flex;max-width:320px}#studio .clip-editor[data-editor-tab=trim] .editor-view-hint{max-width:none}#studio .clip-editor[data-editor-tab=trim] #preview-time{margin:0 auto}}
@media(max-width:400px){.trim-overview .trim-removed{width:100%;text-align:right;margin-top:-6px}.trim-edge-previews button>span{padding:8px}.trim-edge-previews small{font-size:9px}}

#editor .trim-edge-previews{margin-top:15px}
#editor .trim-workbench .trim-edge-previews button{flex-direction:row;align-items:center}
#editor .trim-edge-previews canvas{width:80px;height:54px;flex:0 0 80px;object-fit:contain}
#editor .trim-edge-previews button>span{flex-direction:column;align-items:flex-start;gap:4px}
@media(min-width:681px){#editor .source-player{height:clamp(140px,23dvh,240px)}}
@media(max-width:450px){#editor .trim-workbench .trim-edge-previews button{flex-direction:column}#editor .trim-edge-previews canvas{width:100%;height:65px;flex-basis:auto}}