.apixo-key-dialog {
  width: min(620px, calc(100vw - 32px));
  max-width: 620px;
  padding: 0;
  border: 1px solid var(--line, #dfe3ee);
  border-radius: 20px;
  color: var(--ink, #1c1d2b);
  background: var(--panel-solid, #fff);
  box-shadow: 0 24px 80px rgba(23, 25, 45, .28);
}

.apixo-key-dialog::backdrop { background: rgba(18, 20, 34, .48); backdrop-filter: blur(4px); }
.apixo-key-dialog form { padding: 26px; }
.apixo-key-dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.apixo-key-dialog h2 { margin: 4px 0 0; }
.apixo-key-dialog .help { margin: 12px 0 18px; }
.apixo-key-dialog .field { margin-top: 12px; }
.apixo-key-dialog input { width: 100%; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
.apixo-key-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.apixo-key-dialog-actions > button { min-width: 130px; }
.apixo-key-dialog .status { margin-top: 12px; }
.apixo-key-dialog-note { margin-top: 14px; color: var(--muted, #707892); font-size: .82rem; }

@media (max-width: 600px) {
  .apixo-key-dialog form { padding: 18px; }
  .apixo-key-dialog-actions > button { flex: 1 1 140px; }
}