.video-trim-player { display:block; width:100%; max-height:480px; background:#111827; border-radius:.65rem; }
.video-trim-scroll { overflow-x:auto; padding:32px 24px 12px; background:#f1f5f9; border-radius:.65rem; }
.video-trim-track { position:relative; width:100%; height:84px; cursor:crosshair; isolation:isolate; }
.video-trim-filmstrip { position:absolute; inset:0; background-color:#334155; background-size:100% 100%; border-radius:4px; }
.video-trim-shade { position:absolute; top:0; bottom:0; background:rgba(15,23,42,.72); pointer-events:none; }
.video-trim-shade-start { left:0; } .video-trim-shade-end { right:0; }
.video-trim-selection { position:absolute; top:-3px; bottom:-3px; border:3px solid #0d6efd; background:rgba(13,110,253,.12); pointer-events:none; }
.video-trim-handle { position:absolute; top:-4px; bottom:-4px; width:44px; padding:0; border:0; background:transparent; color:#fff; transform:translateX(-50%); touch-action:none; cursor:ew-resize; z-index:3; }
.video-trim-handle::after { content:'⋮'; display:grid; place-items:center; width:14px; height:100%; margin:auto; background:#0d6efd; border:2px solid white; border-radius:5px; }
.video-trim-handle span { position:absolute; top:-25px; left:50%; transform:translateX(-50%); padding:1px 5px; background:#0d6efd; border-radius:3px; font-size:12px; }
.video-trim-handle:focus-visible { outline:3px solid #111827; outline-offset:3px; }
.video-trim-playhead { position:absolute; top:-8px; bottom:-8px; width:2px; background:white; box-shadow:0 0 2px black; pointer-events:none; z-index:2; }
.video-trim-overview { height:8px; background:#cbd5e1; position:relative; border-radius:4px; overflow:hidden; }
.video-trim-overview > div { position:absolute; height:100%; background:#0d6efd; }
.video-trim-boundary { width:160px; height:90px; max-width:100%; border-radius:5px; background-color:#334155; background-size:1200% 100%; }
.video-composer-steps { display:flex; flex-wrap:wrap; gap:2rem; padding:1rem 2rem; border-radius:.5rem; background:#eaf2ff; }
.video-trim [hidden], [data-controller="video-delivery-composer"] [hidden] { display:none !important; }
@media (prefers-reduced-motion: reduce) { .video-trim * { scroll-behavior:auto !important; } }