.output-tools { margin: 12px 0; min-width: 0; }
.output-tools-holder { grid-column: 1 / -1; min-width: 0; }
.output-tools > summary { cursor: pointer; font-weight: 650; padding: 10px 0; }
.output-tools .output-tools-body { display: grid; gap: 12px; padding: 8px 0 12px; }
.output-tools .output-tools-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.output-tools .field { min-width: 0; margin: 0; }
.output-tools select { max-width: 100%; }
.output-budget { margin: 10px 0; overflow-wrap: anywhere; }
.output-budget[data-over="true"] { color: #ffca80; }
.output-tools .output-tools-status { margin: 0; min-height: 1.5em; overflow-wrap: anywhere; }
.output-tools .discord-chunks { display: grid; gap: 8px; }
.output-tools .discord-chunks button { justify-self: start; max-width: 100%; }
.image-original-thumb { display: flex; align-items: center; gap: 10px; margin: 12px 0; min-width: 0; }
.image-original-thumb img { width: 80px; height: 64px; object-fit: contain; border-radius: 4px; background: #0b0f14; }
.image-original-thumb a { overflow-wrap: anywhere; }
.image-original-thumb[hidden] { display: none; }
@media (max-width: 480px) { .output-tools .output-tools-actions > button { max-width: 100%; white-space: normal; } }
.image-reset-actions { display:flex; justify-content:flex-end; margin:16px 0 24px; padding-top:12px; border-top:1px solid var(--border,#253241); }
.image-reset-actions .image-reset-button { background:transparent; min-height:44px; }
.preview-view-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:12px 0; }
.preview-view-controls .button { min-height:44px; white-space:normal; }
.preview-view-controls .button[aria-pressed="true"] { border-color:var(--accent,#2dd4bf); }
.preview-view-controls > p.small { flex-basis:100%; margin:0; }
.ascii-output.preview-fit-active, .preview-fit-active > pre#ascii-output, .preview-fit-active > pre#text-ascii-output { min-height:0; }
/* Explicit monochrome destination: preserve all legacy output until chosen. */
.image-destination { margin-bottom:.75rem; }
.image-destination select { max-width:28rem; min-height:44px; }
.image-destination .small { max-width:65ch; color:var(--muted,#9fb0c0); }
.ascii-output[data-destination-theme="light"] #ascii-output { background:#fff; color:#111; }
.ascii-output[data-destination-theme="default"] #ascii-output { background:#0b0f14; color:#d8f3ff; }
.ascii-output[data-destination-theme] #ascii-output { padding:16px; }
