.modal__backdrop{padding:var(--space-5);z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:min(1600px,100%);max-height:min(960px,100%);display:flex;overflow:hidden;box-shadow:0 12px 40px #00000073}.modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal__header h2{font-size:var(--font-size-lg);margin:0}.modal__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.75rem;line-height:1}.modal__close:hover{color:var(--color-text)}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__panel--image{width:auto;max-width:min(90vw,720px)}.modal__panel--image .modal__body{padding:0;display:flex}.modal__panel--image .modal__body img{max-width:100%;max-height:75vh;margin:0 auto;display:block}@media (width<=640px){.modal__backdrop{padding:var(--space-3)}.modal__panel{max-height:100%}}