.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.18s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:900px}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text);font-size:16px;font-weight:700}.modal-close{color:var(--text-3);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1;transition:background .12s,color .12s}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{flex:1;padding:24px;overflow-y:auto}