/* Three independent columns: actions | scrolling content | upright title. */
#settings-dialog.chalk-dialog[open],#results.chalk-dialog[open]{display:grid;grid-template-columns:clamp(56px,7vw,112px) minmax(0,1fr) clamp(46px,6vw,96px);grid-template-rows:minmax(0,1fr);gap:clamp(10px,1.4vw,22px)}
#settings-dialog #settings-form{display:contents}
#settings-dialog>h2,#results>h2{grid-column:3;grid-row:1;border:0;border-left:2px solid #f6f2df66;padding:8px 0 0 10px;margin:0;display:flex;justify-content:center;align-items:flex-start;min-width:0;overflow:auto}
#settings-dialog .dialog-scroll,#results>.dialog-scroll{grid-column:2;grid-row:1;min-width:0;height:100%;padding:4px 8px 14px;overflow:auto}
#settings-dialog .dialog-actions,#results>.dialog-actions{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;margin:0;padding:0;border:0;overflow:auto}
#settings-dialog .dialog-actions button,#results .dialog-actions button{padding:12px 5px;width:100%;margin:0 0 8px;flex-shrink:0;min-width:0}
.vertical-chalk{display:flex;flex-direction:column;align-items:center;gap:2px}
.vertical-chalk svg{display:block;height:var(--glyph);width:var(--glyph);flex-shrink:0;overflow:hidden}
#settings-dialog .dialog-actions .vertical-chalk svg,#results .dialog-actions .vertical-chalk svg{height:min(var(--glyph),calc((90svh - 220px)/11));width:min(var(--glyph),calc((90svh - 220px)/11))}
.chalk-dialog h2 .vertical-chalk{filter:invert(1)}
#settings-dialog #settings-error{margin:8px 0}
#settings-dialog #settings-error:empty{display:none}
.writing-buttons .chalk-label{height:5.6svh}
.writing-buttons button{min-width:0;max-width:48%;flex:1;padding:6px 12px}
@media(max-height:500px){#settings-dialog .dialog-actions,#results>.dialog-actions{gap:14px}#settings-dialog .dialog-actions button,#results .dialog-actions button{padding:7px 3px}}