.lightbox.svelte-lnsl0r{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.backdrop.svelte-lnsl0r{cursor:zoom-out;background:#000000e0;border:none;position:absolute;inset:0}figure.svelte-lnsl0r{pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;max-width:92vw;margin:0;display:flex;position:relative}img.svelte-lnsl0r,video.svelte-lnsl0r{object-fit:contain;pointer-events:auto;max-width:98vw;max-height:94vh}figcaption.svelte-lnsl0r{font-family:var(--mono);color:var(--text);opacity:.7;font-size:.75rem}.close.svelte-lnsl0r,.nav.svelte-lnsl0r{border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:2.4rem;line-height:1;font-family:var(--mono);background:#00000080;border-radius:3px;padding:.3rem .7rem;position:absolute}.close.svelte-lnsl0r:hover,.nav.svelte-lnsl0r:hover{border-color:var(--accent,#888);color:var(--accent,#888)}.close.svelte-lnsl0r{top:1rem;right:1rem}.nav.svelte-lnsl0r{top:50%;transform:translateY(-50%)}.prev.svelte-lnsl0r{left:1rem}.next.svelte-lnsl0r{right:1rem}.counter.svelte-lnsl0r{font-family:var(--mono);color:var(--text);opacity:.6;font-size:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.media-wrapper.svelte-14xgt1v{break-inside:avoid;width:100%;margin:0 0 .75rem;display:block}.media-item.svelte-14xgt1v{border:1px solid var(--border);background:var(--code-bg);cursor:zoom-in;aspect-ratio:4/3;width:100%;padding:0;transition:border-color .2s;display:block;position:relative;overflow:hidden;box-shadow:6px 5px 20px #00000047}.media-item.svelte-14xgt1v:hover{border-color:var(--accent,#888)}.media-item.svelte-14xgt1v img:where(.svelte-14xgt1v){object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.media-item.svelte-14xgt1v:hover img:where(.svelte-14xgt1v){transform:scale(1.04)}.placeholder.svelte-14xgt1v{background-image:var(--striped-bg);opacity:.5;width:100%;height:100%;color:var(--text);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.play-badge.svelte-14xgt1v{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-badge.svelte-14xgt1v:before{content:"";background:#00000059;position:absolute;inset:0}.play-badge.svelte-14xgt1v svg{color:#fff;filter:drop-shadow(0 2px 8px #0009);font-size:3rem;transition:transform .2s;position:relative}.media-item.svelte-14xgt1v:hover .play-badge:where(.svelte-14xgt1v) svg{transform:scale(1.15)}.duration-badge.svelte-14xgt1v{color:#fff;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:3px;padding:.1rem .4rem;font-size:.75rem;line-height:1.4;position:absolute;bottom:.4rem;right:.4rem}