.raster-tool #filename{font-size:14px;overflow-wrap:anywhere;margin:10px 0 22px;color:var(--muted)}
.raster-settings{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:36px;align-items:start}
.raster-tool .raster-fields .field{max-width:none;margin:0 0 20px}.format-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px}.raster-fields input,.raster-fields select{font-size:16px}
.raster-preview{margin:0;text-align:center;min-width:0}.raster-tool #source-preview{display:block;width:auto;max-width:100%;max-height:180px;border:1px solid var(--line);margin:0 auto 10px}.raster-preview figcaption,.raster-preview p{font-size:12px;color:var(--muted);margin:4px 0}
.raster-tool #output{display:block}.raster-tool #result-title{font-size:24px;margin:0 0 20px;line-height:1.3}.raster-tool #download-zip{background:var(--accent);border:0;margin-bottom:20px}.raster-tool #results{list-style:none;margin:0;padding:0}.raster-tool #results li{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;border-top:1px solid var(--line);padding:16px 0}.raster-tool #results img{max-width:70px;max-height:95px;object-fit:contain;border:1px solid var(--line)}.raster-tool #results p{font-size:12px;color:var(--muted);margin:4px 0}.raster-tool #results strong{font-size:15px;overflow-wrap:anywhere}.image-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--ink);font-size:14px;text-decoration:underline;text-underline-offset:3px}.raster-tool #results:has(li:only-child) .image-download{background:var(--accent);color:white;border-color:var(--accent)}.result-note{font-size:13px;color:var(--muted);line-height:1.6;max-width:660px;margin:18px 0}
.raster-tool[data-busy] #output a{pointer-events:none;opacity:.5}.raster-tool .drop-zone.drag-over{border:2px solid var(--accent)}
@media(max-width:720px){.raster-settings{grid-template-columns:minmax(0,1fr) 64px;gap:16px}.raster-tool #source-preview{max-height:96px}.raster-preview figcaption{font-size:11px;line-height:1.4}.raster-preview p{font-size:11px}.format-fields{grid-template-columns:1fr;gap:0}.raster-tool .raster-fields .field{margin-bottom:14px}.raster-tool #filename{margin:8px 0 18px}.raster-tool #output{padding:20px 14px}.raster-tool #results li{grid-template-columns:50px minmax(0,1fr);gap:6px 12px}.raster-tool #results img{grid-row:1/3;max-width:50px;max-height:80px}.raster-tool #results .image-download{grid-column:2;justify-self:start}.raster-tool #download-zip{width:100%;font-size:16px;padding:12px 14px}.raster-tool #result-title{font-size:22px}}