dialog:modal {position:fixed;inset:0;margin:auto;}
.ym-dialog {
  box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);
  margin:auto;padding:26px;border:1px solid var(--line2,#ffffff38);border-radius:18px;
  background:var(--panel,#1c1c1e);color:var(--text,#fafafa);
  box-shadow:var(--shell-shadow,0 24px 60px #0009);font:inherit;font-size:14px;line-height:1.65;
  overflow:auto;overscroll-behavior:contain;color-scheme:dark;
}
body.canvas-light:not(.home) .ym-dialog {color-scheme:light;}
.ym-dialog::backdrop {background:#0007;backdrop-filter:blur(3px);}
.ym-dialog form {margin:0;display:flex;flex-direction:column;gap:20px;}
.ym-dialog h2 {margin:0;font-size:18px;line-height:1.4;font-weight:600;}
.ym-dialog-message {white-space:pre-wrap;overflow-wrap:anywhere;color:var(--dim,#a3a3a3);}
.ym-dialog input {
  box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line2,#ffffff38);
  border-radius:10px;background:var(--panel2,#262626);color:inherit;font:inherit;
}
.ym-dialog footer {display:flex;justify-content:flex-end;gap:10px;}
.ym-dialog button {border:1px solid var(--line2,#ffffff38);border-radius:10px;padding:9px 20px;
  background:var(--panel2,#262626);color:inherit;font:inherit;cursor:pointer;min-height:42px;}
.ym-dialog button.primary {background:var(--shell-primary,#e5e5e5);color:var(--shell-on-primary,#171717);}
.ym-dialog button.danger {background:#b91c1c;color:#fff;border-color:#b91c1c;}
.ym-dialog button:hover {filter:brightness(.93);}
.ym-dialog :is(button,input):focus-visible {outline:2px solid var(--text,#fafafa);outline-offset:3px;}
.ym-dialog button:disabled {opacity:.6;cursor:wait;}
.runtime-dialog {width:min(900px,92vw);max-height:85dvh;overflow:auto;border:1px solid var(--line2);
  border-radius:16px;padding:22px;background:var(--panel);color:var(--text);font:inherit;font-size:14px;line-height:1.6;box-shadow:var(--shell-shadow);}
.runtime-dialog::backdrop {background:#0007;}
.runtime-dialog :is(button,input,select,textarea) {border:1px solid var(--line2);border-radius:8px;background:var(--panel2);color:var(--text);font:inherit;}
@media(max-width:600px) {.ym-dialog {padding:22px 18px;} .ym-dialog footer button {flex:1;}}