.helix-media-shell{--helix-media-rail:minmax(16rem,22rem);--helix-media-inspector:minmax(16rem,22rem)}.helix-media-grid{display:grid;gap:1rem}@media (min-width:768px){.helix-media-grid{grid-template-columns:var(--helix-media-rail) minmax(0,1fr);align-items:start}}@media (min-width:1280px){.helix-media-grid.is-detail{grid-template-columns:var(--helix-media-rail) minmax(0,1fr) var(--helix-media-inspector)}}.helix-media-queue-item[data-selected=true]{border-color:color-mix(in oklab,var(--primary) 55%,var(--border));background:color-mix(in oklab,var(--primary) 8%,var(--card))}.helix-media-timeline-track{position:relative;min-height:4.5rem;overflow:hidden;border-radius:.75rem;border:1px solid var(--border);background:linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),color-mix(in oklab,var(--border) 70%,transparent) 0) 0 0 /3rem 100%,color-mix(in oklab,var(--muted) 55%,var(--card))}.helix-media-clip{position:absolute;top:.75rem;bottom:.75rem;display:flex;align-items:center;padding:0 .75rem;border-radius:.5rem;border:1px solid color-mix(in oklab,var(--primary) 35%,var(--border));background:color-mix(in oklab,var(--primary) 14%,var(--card));cursor:grab;touch-action:none;user-select:none}.helix-media-clip[data-dirty=true]{outline:2px solid color-mix(in oklab,var(--primary) 70%,white)}.helix-media-clip:active{cursor:grabbing}@media (prefers-reduced-motion:reduce){.helix-media-clip,.helix-media-sheet{transition:none!important}}@media (prefers-reduced-transparency:reduce){.helix-media-panel,.helix-media-queue-item,.helix-media-sheet{backdrop-filter:none;background:var(--card)}}