dialog.qk-page-dialog {
    box-sizing: border-box;
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 28px;
    border: 1px solid var(--account-line, var(--border, #3d3c35));
    border-radius: 18px;
    background: var(--account-bg, var(--card-bg, #181816));
    color: var(--account-text, var(--text, #eeeae1));
    box-shadow: 0 24px 80px #0009;
    font-family: inherit;
    overflow: auto;
}
dialog.qk-page-dialog::backdrop { background: #080807b8; }
dialog.qk-page-dialog h2 { margin: 0 0 16px; font-size: 19px; font-weight: 650; }
dialog.qk-page-dialog p { margin: 0; color: var(--account-muted, var(--text-secondary, #aaa69a)); font-size: 14px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
.qk-page-dialog-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 26px; }
.qk-page-dialog-actions button { padding: 10px 22px; border: 1px solid var(--account-line, var(--border, #3d3c35)); border-radius: 9px; background: var(--account-bg, var(--card-bg, #181816)); color: var(--account-muted, var(--text-secondary, #aaa69a)); font: inherit; font-size: 14px; cursor: pointer; }
.qk-page-dialog-actions [data-ok] { background: var(--account-accent, var(--primary, #d7cfbd)); border-color: var(--account-accent, var(--primary, #d7cfbd)); color: var(--account-accent-ink, #fff); }
.qk-page-dialog-actions button:hover { filter: brightness(.96); }
.qk-page-dialog-actions button:focus-visible { outline: 3px solid var(--account-accent, var(--primary, #d7cfbd)); outline-offset: 3px; }
.qk-page-dialog-actions [hidden] { display: none; }

.qk-page-dialog-actions [data-ok]:hover { background: var(--account-accent-hover, var(--primary-dark, #ebe3d2)); }