/* Toonality's own messages and confirmations (site-dialog.js), in the look of the site's windows. */
.site-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:22px 22px 18px;border:1px solid #44516a;border-radius:18px;background:#101827;color:#fff4df;box-shadow:0 28px 100px #0008;font:16px/1.5 system-ui,sans-serif;text-align:left}
.site-dialog::backdrop{background:#030914ae;backdrop-filter:blur(4px)}
.site-dialog h2{margin:0 0 8px;font-size:20px;line-height:1.25}
.site-dialog-text p{margin:0 0 10px;color:#d5deec;white-space:pre-line;overflow-wrap:anywhere}
.site-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}
.site-dialog-actions button{min-height:44px;padding:0 18px;border-radius:12px;font:700 15px system-ui,sans-serif;cursor:pointer}
.site-dialog-cancel{border:1px solid #526078;background:transparent;color:inherit}
.site-dialog-ok{border:0;background:#ff792f;color:#fff}
.site-dialog.is-danger .site-dialog-ok{background:#d6453d}
.site-dialog :is(button):focus-visible{outline:3px solid #ff792f;outline-offset:3px}
html[data-mode=light] .site-dialog{background:#fff8ee;color:#252135;border-color:#c8bfce;box-shadow:0 28px 80px #0003}
html[data-mode=light] .site-dialog-text p{color:#454056}
html[data-mode=light] .site-dialog-cancel{border-color:#c8bfce}
@media (max-width:420px){.site-dialog-actions button{flex:1}}
/* A long plain text, such as the prompt shown in development mode (10-06): wide, in its own scrolling box. */
.site-dialog.is-code{width:min(900px,calc(100% - 32px))}
.site-dialog-code{margin:0;padding:12px 14px;max-height:min(62dvh,640px);overflow:auto;border:1px solid #33425c;border-radius:12px;background:#0a101c;color:#e8eef9;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
html[data-mode=light] .site-dialog-code{background:#fff;border-color:#c8bfce;color:#252135}