.gallery.svelte-1u3kimp{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem;display:grid}.video-card.svelte-1u3kimp{cursor:pointer;background:#fff;border:none;border-radius:12px;flex-direction:column;width:100%;padding:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.video-card.svelte-1u3kimp:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.video-preview.svelte-1u3kimp{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-card.svelte-1u3kimp video:where(.svelte-1u3kimp){object-fit:cover;width:100%;height:100%}.play-overlay.svelte-1u3kimp{opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.video-card.svelte-1u3kimp:hover .play-overlay:where(.svelte-1u3kimp){opacity:1}.play-overlay.svelte-1u3kimp span:where(.svelte-1u3kimp){color:#fff;text-shadow:0 0 10px #00000080;font-size:3rem}.video-card.svelte-1u3kimp p:where(.svelte-1u3kimp){text-align:center;color:#2c3e50;margin:0;padding:1rem;font-size:.95rem;font-weight:500}.modal.svelte-1u3kimp{z-index:2000;background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content.svelte-1u3kimp{background:#1a1a1a;border-radius:12px;width:95vw;max-width:1000px;position:relative;overflow:hidden}.close-btn.svelte-1u3kimp{color:#fff;cursor:pointer;z-index:2100;background:#fff3;border:none;border-radius:50%;width:35px;height:35px;font-size:1.2rem;position:absolute;top:10px;right:10px}.modal-content.svelte-1u3kimp video:where(.svelte-1u3kimp){background:#000;width:100%;max-height:70vh;display:block}.modal-footer.svelte-1u3kimp{background:#fff;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-footer.svelte-1u3kimp h3:where(.svelte-1u3kimp){color:#2c3e50;margin:0;font-size:1.1rem}.btn-dl.svelte-1u3kimp{color:#fff;background-color:#007bff;border-radius:6px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s}.btn-dl.svelte-1u3kimp:hover{color:#2c3e50;background-color:#00d4ff}@media (width<=600px){.modal-footer.svelte-1u3kimp{text-align:center;flex-direction:column;gap:1rem}}