.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:480px;max-width:95vw;max-height:85vh;animation:.2s modalIn;display:flex;box-shadow:0 20px 60px #00000080}.modal-content.wide{width:720px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{color:var(--text-primary);font-size:16px;font-weight:600}.modal-header-actions{gap:4px;margin-left:auto;margin-right:8px;display:flex}.modal-header-actions button{color:var(--text-muted);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.modal-header-actions button:hover{color:var(--text-primary);background:var(--bg-card-hover)}.modal-close{color:var(--text-muted);border-radius:4px;padding:4px}.modal-close:hover{color:var(--text-primary);background:var(--bg-card-hover)}.modal-body{padding:20px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}