.site-dialog {
  box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;
  border:1px solid var(--button-line,var(--ui-line,#ced9eb));border-radius:24px;
  background:var(--button-surface,var(--site-panel,#fff));color:var(--button-text,var(--site-text,#17263d));box-shadow:0 24px 80px #0005;font:inherit;
}
.site-dialog::backdrop {background:#071a3566;backdrop-filter:blur(4px)}
.site-dialog form {margin:0;display:grid;gap:20px}
.site-dialog h2 {font-size:1.5rem;line-height:1.25;margin:0;overflow-wrap:normal}
.site-dialog [data-message] {margin:0;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.site-dialog [data-input-label] {display:grid;gap:8px}
.site-dialog [hidden] {display:none!important}
.site-dialog [data-input] {box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;border:1px solid var(--button-line);border-radius:12px;background:var(--button-surface);color:var(--button-text);font:inherit}
.site-dialog [data-input]:focus-visible {outline:3px solid var(--button-accent);outline-offset:2px}
.site-dialog .ux-dialog-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:0}
.site-dialog .ux-dialog-actions button {font:inherit}
body[data-site-surface="player"] .site-dialog .ux-dialog-actions button {min-height:44px;padding:8px 20px;border:2px solid var(--button-line);border-radius:999px;background:var(--button-surface);color:var(--button-text);cursor:pointer}
body[data-site-surface="player"] .site-dialog .ux-dialog-actions .ux-dialog-danger {background:var(--button-danger,#b8323d);color:white}
@media(max-width:420px) {.site-dialog{padding:20px}.site-dialog .ux-dialog-actions button{flex:1 1 auto!important}}
@media(prefers-reduced-motion:reduce) {.site-dialog::backdrop{backdrop-filter:none}}