/* Editing controls use readable UI type; the artwork keeps the user's font. */
#top #text-section .text-composer-body :is(input[type="text"],textarea,select),
#top #text-studio .studio-controls :is(textarea,select,input[type="number"]){
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
 font-size:16px;font-weight:500;line-height:1.5;letter-spacing:normal;
 color:#1b3026;background-color:#fffef9;caret-color:#1b3026;
 text-shadow:none;
}
#top #text-section .text-composer-body label,
#top #text-studio .studio-controls label{font-size:14px;line-height:1.45;color:#263c30}
#top #text-section :is(input,textarea)::placeholder,
#top #text-studio textarea::placeholder{color:#59665b;opacity:1;font-weight:400}
#top #text-section .text-composer-body textarea,
#top #text-studio .studio-controls textarea{min-height:76px}
#top :is(#live-preview-canvas,#large-preview,#studio-canvas){text-shadow:none;image-rendering:auto}

/* Inspect the freshly drawn output pixels instead of stretching a fit thumbnail. */
#preview-dialog{max-height:calc(100dvh - 24px);overflow:auto}
.preview-zoom-controls{display:flex;gap:8px;margin:0 0 12px;flex-wrap:wrap}
.preview-zoom-controls button{min-height:42px;padding:9px 13px;border:1px solid #ad945a;border-radius:8px;font:inherit;font-size:13px}
.preview-zoom-controls button[aria-pressed="true"]{outline:2px solid #244b39;outline-offset:1px}
#preview-demo-status{margin:-4px 0 12px;color:#304735}
.large-preview-wrap{max-height:min(62vh,calc(100dvh - 250px))}
.large-preview-wrap[data-zoom="actual"]{display:block;height:min(62vh,calc(100dvh - 250px));overflow:auto;overscroll-behavior:contain}
#top .large-preview-wrap[data-zoom="actual"] canvas{max-width:none;max-height:none;flex:none}