.image-output-tabs{display:flex;gap:4px;margin:22px 0;padding:4px;background:var(--paper);border:1px solid var(--border);border-radius:7px}.image-output-tabs button{flex:1;min-width:0;padding:10px 5px;border-radius:4px;font-size:12px;background:transparent;color:var(--muted)}.image-output-tabs [aria-selected=true]{background:var(--accent);color:white}.image-settings .ascii-intro{margin:0 0 18px}.ascii-range{display:block;margin:0 0 18px;font-size:12px}.ascii-range>span{display:flex;justify-content:space-between;gap:8px}.ascii-range input{display:block;width:100%;accent-color:var(--accent);margin-top:10px}.ascii-range output{font:12px var(--mono)}#ascii-render{margin:18px 0 8px;width:100%;white-space:normal}#ascii-reset{display:block;margin:0 auto}#ascii-estimate{font:12px var(--mono);margin-top:18px;overflow-wrap:anywhere}#ascii-estimate.ascii-error{color:var(--accent);font-family:inherit;line-height:1.8}.ascii-result{min-width:0}.ascii-result-actions{display:flex;flex-wrap:wrap;gap:10px}.ascii-result .workspace-toolbar{gap:16px;flex-wrap:wrap}#ascii-output{display:block;width:100%;max-width:100%;max-height:480px;min-height:80px;margin:0;padding:20px;overflow:auto;white-space:pre;overflow-wrap:normal;word-break:normal;tab-size:4;font:12px/1.2 "Courier New",Courier,monospace;font-variant-ligatures:none;letter-spacing:0;background:white;color:#18201d;direction:ltr;text-align:left}#ascii-output:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}#ascii-preview-help{font-size:11px;line-height:1.8;color:var(--muted);padding:16px 24px;border-top:1px solid var(--border)}#ascii-guide p+p{margin-top:14px}#ascii-message{overflow-wrap:anywhere}.ascii-result[hidden]{display:none}
@media(max-width:720px){.image-output-tabs button{min-height:44px}.ascii-range input{min-height:28px}#ascii-output{padding:14px}#ascii-preview-help{padding:14px 18px}.ascii-result-actions{width:100%}.ascii-result-actions button{flex:1;white-space:normal}}