.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--s5);opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(8px) scale(.98);transition:transform .2s}.modal-overlay.open .modal{transform:none}.modal--wide{max-width:900px}.modal-header{padding:var(--s5) var(--s6);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:var(--s3)}.modal-title{font-size:var(--text-heading);font-weight:var(--font-semibold);margin:0;color:var(--text)}.modal-body{padding:var(--s5) var(--s6);overflow-y:auto;flex:1}.modal-footer{padding:var(--s5) var(--s6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--s3);background:var(--surface-2)}