@layer components{.video-thumbnail-block.svelte-13kk6x7{width:100%}.video-placeholder.svelte-13kk6x7{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px dashed #cbd5e0;border-radius:12px;text-align:center;min-height:450px;box-shadow:0 4px 6px #0000000d}.placeholder-icon.svelte-13kk6x7{margin-bottom:24px;opacity:.4}.video-placeholder.svelte-13kk6x7 p:where(.svelte-13kk6x7){margin:0 0 12px;color:#4a5568;font-size:1.125rem;font-weight:500;letter-spacing:-.01em}.video-placeholder.svelte-13kk6x7 small:where(.svelte-13kk6x7){color:#718096;font-size:.875rem;line-height:1.5}.video-thumbnail-container.svelte-13kk6x7{position:relative;cursor:pointer;display:block;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000001f;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;background:#000}.video-thumbnail-container.svelte-13kk6x7:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0000002e}.video-thumbnail-container.svelte-13kk6x7:focus{outline:3px solid var(--focus-color);outline-offset:3px}.thumbnail-image.svelte-13kk6x7{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 9;background:#1a1a1a}.play-button-overlay.svelte-13kk6x7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.video-thumbnail-container.svelte-13kk6x7:hover .play-button-overlay:where(.svelte-13kk6x7){transform:translate(-50%,-50%) scale(1.1);opacity:.95}.play-icon.svelte-13kk6x7{width:80px;height:80px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:filter .3s ease}.video-thumbnail-container.svelte-13kk6x7:hover .play-icon:where(.svelte-13kk6x7){filter:drop-shadow(0 6px 20px rgba(0,0,0,.5))}.play-icon.svelte-13kk6x7 circle:where(.svelte-13kk6x7){fill:#000000bf;transition:fill .3s ease}.video-thumbnail-container.svelte-13kk6x7:hover .play-icon:where(.svelte-13kk6x7) circle:where(.svelte-13kk6x7){fill:#000000d9}.play-icon.svelte-13kk6x7 path:where(.svelte-13kk6x7){fill:#fff}.video-container.svelte-13kk6x7{width:100%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 10px 30px #00000026}.video-player.svelte-13kk6x7{width:100%;height:auto;display:block;max-height:80vh;aspect-ratio:16 / 9;object-fit:contain;background:#000}.video-caption.svelte-13kk6x7{margin:16px 0 0;font-size:.9375rem;color:#4a5568;line-height:1.6;text-align:center}.video-error.svelte-13kk6x7{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;text-align:center;min-height:400px;box-shadow:0 4px 6px #ef44441a}.video-error.svelte-13kk6x7 p:where(.svelte-13kk6x7){margin:0 0 24px;color:#991b1b;font-size:1.0625rem;font-weight:500}.retry-button.svelte-13kk6x7{padding:12px 24px;background:linear-gradient(135deg,#46acdb,#3a8db3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #46acdb4d}.retry-button.svelte-13kk6x7:hover{background:linear-gradient(135deg,#3a8db3,#2e6f8a);transform:translateY(-1px);box-shadow:0 4px 8px #46acdb66}.retry-button.svelte-13kk6x7:active{transform:translateY(0)}.retry-button.svelte-13kk6x7:focus{outline:3px solid var(--focus-color);outline-offset:3px}@media (max-width: 768px){.video-thumbnail-block.svelte-13kk6x7{margin:0 auto}.play-icon.svelte-13kk6x7{width:64px;height:64px}.video-placeholder.svelte-13kk6x7{padding:60px 20px;min-height:350px}.video-player.svelte-13kk6x7{max-height:60vh}}@media (prefers-color-scheme: dark){.video-caption.svelte-13kk6x7{color:#cbd5e0}.video-error.svelte-13kk6x7{background:linear-gradient(135deg,#4a1a1a,#3a1515);box-shadow:0 4px 6px #ef444433}.video-error.svelte-13kk6x7 p:where(.svelte-13kk6x7){color:#fca5a5}.video-placeholder.svelte-13kk6x7{background:linear-gradient(135deg,#1a202c,#2d3748);border-color:#4a5568}.video-placeholder.svelte-13kk6x7 p:where(.svelte-13kk6x7){color:#e2e8f0}.video-placeholder.svelte-13kk6x7 small:where(.svelte-13kk6x7){color:#a0aec0}.video-thumbnail-container.svelte-13kk6x7{box-shadow:0 10px 30px #0006}.video-thumbnail-container.svelte-13kk6x7:hover{box-shadow:0 20px 40px #00000080}}@media (prefers-color-scheme: light){.video-caption.svelte-13kk6x7{color:#4a5568}.video-error.svelte-13kk6x7{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.video-error.svelte-13kk6x7 p:where(.svelte-13kk6x7){color:#991b1b}}@media (prefers-contrast: high){.video-thumbnail-container.svelte-13kk6x7{border:2px solid currentColor}.play-icon.svelte-13kk6x7 circle:where(.svelte-13kk6x7){fill:#000;stroke:#fff;stroke-width:2}.retry-button.svelte-13kk6x7{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.video-thumbnail-container.svelte-13kk6x7,.play-button-overlay.svelte-13kk6x7,.retry-button.svelte-13kk6x7{transition:none}.video-thumbnail-container.svelte-13kk6x7:hover{transform:none}.video-thumbnail-container.svelte-13kk6x7:hover .play-button-overlay:where(.svelte-13kk6x7){transform:translate(-50%,-50%)}}}