.viewer.svelte-a4x39q{position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e9e2;background:#000;padding-bottom:56.25%;max-height:400px;height:0;cursor:pointer}.viewer.svelte-a4x39q img:where(.svelte-a4x39q){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.viewer-controls.svelte-a4x39q{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:0 .75rem;pointer-events:none}.viewer-controls.svelte-a4x39q button:where(.svelte-a4x39q){pointer-events:all;background:#ffffffd9;border:none;border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;color:#2f3e2f;display:flex;align-items:center;justify-content:center;transition:background .2s}.viewer-controls.svelte-a4x39q button:where(.svelte-a4x39q):hover{background:#fff}.viewer-caption.svelte-a4x39q{text-align:center;margin-top:.5rem;font-size:.9rem;color:#666}.expand-hint.svelte-a4x39q{position:absolute;bottom:10px;right:10px;background:#0000008c;color:#fff;font-size:.8rem;padding:4px 10px;border-radius:4px;pointer-events:none}.empty.svelte-a4x39q{padding:2rem;text-align:center;color:#666;font-size:1rem}.modal-backdrop.svelte-a4x39q{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content.svelte-a4x39q{position:relative;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-content.svelte-a4x39q img:where(.svelte-a4x39q){max-width:95vw;max-height:85vh;object-fit:contain;border-radius:4px}.modal-controls.svelte-a4x39q{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none}.modal-controls.svelte-a4x39q button:where(.svelte-a4x39q){pointer-events:all;background:#ffffff59;border:2px solid rgba(255,255,255,.6);border-radius:50%;width:50px;height:50px;font-size:1.4rem;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-controls.svelte-a4x39q button:where(.svelte-a4x39q):hover{background:#ffffff80}.modal-close.svelte-a4x39q{position:absolute;top:-40px;right:0;background:none;border:none;color:#ccc;font-size:1.5rem;cursor:pointer;padding:4px 10px}.modal-close.svelte-a4x39q:hover{color:#fff}.modal-caption.svelte-a4x39q{color:#ccc;font-size:.95rem;margin-top:.75rem;text-align:center}