.clip.svelte-1s2ungd{display:grid;grid-template-columns:40% 1fr;gap:0;padding:0;background:var(--paper);border:1px solid var(--paper-edge);border-left:3px solid var(--accent);border-radius:6px;cursor:pointer;text-align:left;font:inherit;color:inherit;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.clip.svelte-1s2ungd:hover,.clip.svelte-1s2ungd:focus-visible{border-color:var(--accent);box-shadow:0 3px 12px #0a3a5c1a;transform:translateY(-1px);outline:none}.clip.playing.svelte-1s2ungd{box-shadow:0 3px 14px #0a3a5c2e}.spec.svelte-1s2ungd{min-height:80px;background-color:#0a1628;background-size:cover;background-position:center}.body.svelte-1s2ungd{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.row.top.svelte-1s2ungd{display:flex;justify-content:space-between;align-items:baseline}.badge.svelte-1s2ungd,.play.svelte-1s2ungd{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mid)}.clip.playing.svelte-1s2ungd .play:where(.svelte-1s2ungd){color:var(--accent)}.play.svelte-1s2ungd .icon:where(.svelte-1s2ungd){color:var(--accent);margin-right:3px}.label.svelte-1s2ungd{font-family:var(--font-serif);font-size:1.05rem;color:var(--ink-deep);line-height:1.25}.caption.svelte-1s2ungd{font-size:.85rem;color:var(--ink-mid);line-height:1.4}