.message-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0004;overflow:auto;overscroll-behavior:contain}
.message-dialog::backdrop{background:rgb(5 19 37 / 58%)}
.message-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.message-dialog-heading h2{font-size:20px;margin:0;overflow-wrap:anywhere}
.message-dialog-heading .icon-button{flex-shrink:0;width:36px;height:36px;padding:0;line-height:1}
#message-dialog-text{font-size:14px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;margin:0}
.message-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}
.message-dialog-actions .button{min-height:44px;white-space:normal}
.message-dialog [hidden]{display:none!important}
@media(max-width:600px){.message-dialog{padding:20px}.message-dialog-actions .button{flex:1}}
@media print{.message-dialog{display:none!important}}