.video.svelte-1gavrmu{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;margin-bottom:12px;transition:border-color .15s}.video.svelte-1gavrmu:hover{border-color:var(--color-border-strong)}.video.pinned.svelte-1gavrmu{border-color:var(--color-action-border);background:var(--color-action-muted)}header.svelte-1gavrmu{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:0 2px;flex-wrap:wrap}.pin.svelte-1gavrmu{background:transparent;border:1px solid var(--color-border);border-radius:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:all .15s;flex-shrink:0}.pin.svelte-1gavrmu:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.pin.active.svelte-1gavrmu{background:var(--color-action);border-color:var(--color-action);color:var(--color-bg-base)}h2.svelte-1gavrmu{margin:0;font-size:15px;font-weight:600;color:var(--color-text)}.date.svelte-1gavrmu{font-size:12px;color:var(--color-text-faint);font-weight:500}.spacer.svelte-1gavrmu{flex:1}.meta.svelte-1gavrmu{display:flex;gap:8px;align-items:center}.tag.svelte-1gavrmu{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--color-text-muted);background:var(--color-bg-base);padding:3px 8px;border-radius:4px;border:1px solid var(--color-border);font-weight:500}.frames.svelte-1gavrmu{display:grid;grid-template-columns:repeat(20,1fr);gap:2px}.frame-wrap.svelte-1gavrmu{position:relative;aspect-ratio:16/9;transition:transform .15s,box-shadow .15s}.frame-wrap.svelte-1gavrmu:hover{transform:scale(1.5);z-index:5;box-shadow:0 8px 24px #00000080;border-radius:6px}.frame-wrap.frame-pinned.svelte-1gavrmu{outline:2px solid var(--color-action);outline-offset:-2px;border-radius:4px}.frame-wrap.svelte-1gavrmu a:where(.svelte-1gavrmu){position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:4px;background:var(--color-bg-base)}.frame-wrap.svelte-1gavrmu img:where(.svelte-1gavrmu){width:100%;height:100%;object-fit:cover;display:block}.bar.svelte-1gavrmu{position:absolute;bottom:0;left:0;height:2px;background:var(--color-action);opacity:.6;pointer-events:none}.frame-wrap.svelte-1gavrmu:hover .bar:where(.svelte-1gavrmu){opacity:1;height:3px}.frame-pin.svelte-1gavrmu{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:4px;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s,background .15s;z-index:2}.frame-wrap.svelte-1gavrmu:hover .frame-pin:where(.svelte-1gavrmu),.frame-pin.active.svelte-1gavrmu{opacity:1}.frame-pin.active.svelte-1gavrmu,.frame-pin.svelte-1gavrmu:hover{background:var(--color-action);color:var(--color-bg-base)}@media (max-width: 1400px){.frames.svelte-1gavrmu{grid-template-columns:repeat(10,1fr)}}@media (max-width: 900px){.frames.svelte-1gavrmu{grid-template-columns:repeat(5,1fr)}.frames.svelte-1gavrmu a:where(.svelte-1gavrmu):hover{transform:scale(1.3)}}@media (max-width: 500px){.frames.svelte-1gavrmu{grid-template-columns:repeat(4,1fr)}}