.modal-overlay{z-index:1050;background:#070b1480;background:lab(2.99229% -.130028 -4.69358/.5);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{background:var(--surface);width:100%;max-width:520px;max-height:calc(100vh - 48px);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);outline:none;flex-direction:column;display:flex;position:relative}.modal-dialog--lg{max-width:720px}.modal-close{width:36px;height:36px;color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{color:var(--text);background:var(--surface-subtle)}.modal-body{overflow-y:auto}