.modal-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,0.4);
  display: flex; align-items: center; justify-content: center; z-index: 1000;
}
.modal {
  background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  width: 560px; max-width: 95%;
}
.modal-header { padding: 16px; border-bottom: 1px solid #eee; font-weight: 600; }
.modal-body { padding: 16px; }
.modal-footer { padding: 12px 16px; border-top: 1px solid #eee; text-align: right; display: flex; gap: 8px; justify-content: flex-end; }
.pre { white-space: pre-wrap; font-size: 12px; background: #f7fafc; border: 1px solid #e2e8f0; padding: 8px; border-radius: 6px; }