.sx-dialog-open{overflow:hidden}
.sx-dialog-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:var(--surface);--control-ink:var(--text-primary);backdrop-filter:blur(2px)}
.sx-dialog{position:relative;width:min(560px,100%);max-height:min(82vh,720px);overflow:auto;padding:28px;background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--border-soft);border-radius:22px;box-shadow:0 28px 90px var(--shadow-color);color:var(--text-primary)}
.sx-dialog h2{margin:0 42px 18px 0;font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}
.sx-dialog-message{white-space:pre-line;color:var(--text-primary);font-size:16px;line-height:1.55}
.sx-dialog-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border:0;background:transparent;--control-ink:var(--text-primary);color:var(--text-secondary);font-size:32px;line-height:1;border-radius:10px;cursor:pointer}
.sx-dialog-close:hover,.sx-dialog-close:focus-visible{background:var(--surface);--control-ink:var(--text-primary);color:var(--text-primary)}
.sx-dialog-field{display:grid;gap:8px;margin-top:20px;color:var(--text-primary);font-weight:700}
.sx-dialog-field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);--control-ink:var(--text-primary);color:var(--text-primary);font:inherit;outline:none}
.sx-dialog-field input:focus{border-color:var(--success-border);box-shadow:0 0 0 3px var(--shadow-color)}
.sx-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;flex-wrap:wrap}
.sx-dialog-actions button{min-height:46px;padding:0 20px;border-radius:12px;font-weight:800}
.sx-dialog-actions .secondary{background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--brand-fill);color:var(--brand-fill)}
.sx-dialog-actions .primary{background:var(--action-bg,var(--brand-fill));--control-ink:var(--on-brand);border:1px solid var(--brand-fill);color:var(--on-brand)}
.sx-dialog-actions .danger{background:var(--surface);--control-ink:var(--text-primary);border:1px solid var(--danger-text);color:var(--danger-text)}
.sx-dialog button:focus-visible{outline:3px solid var(--success-border);outline-offset:2px}
@media(max-width:640px){.sx-dialog-backdrop{padding:14px}.sx-dialog{padding:22px;border-radius:18px}.sx-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.sx-dialog-actions button:only-child{grid-column:1/-1}.sx-dialog h2{font-size:24px}}