.tool[data-astro-cid-mmrmojos] .panel{margin-top:var(--sp-5)}.tool[data-astro-cid-mmrmojos]>.panel:first-child{margin-top:0}.head-actions[data-astro-cid-mmrmojos]{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.tally[data-astro-cid-mmrmojos]{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted)}.tool[data-astro-cid-mmrmojos][data-source=text] [data-astro-cid-mmrmojos][data-when=image],.tool[data-astro-cid-mmrmojos][data-source=image] [data-astro-cid-mmrmojos][data-when=text]{display:none}.opts[data-astro-cid-mmrmojos]+.opts[data-astro-cid-mmrmojos]{margin-top:var(--sp-4)}.opts--top[data-astro-cid-mmrmojos]{margin-top:var(--sp-5)}.control[data-astro-cid-mmrmojos]{align-items:center;gap:var(--sp-2);display:flex}.row-label[data-astro-cid-mmrmojos]{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap}.row-hint[data-astro-cid-mmrmojos]{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);min-width:2.5rem}.tool[data-astro-cid-mmrmojos] .text-input{text-align:center;width:5rem;font-size:var(--fs-lg)}.swatch[data-astro-cid-mmrmojos]{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:0 0;width:2.25rem;height:2rem;padding:0}.swatch--wide[data-astro-cid-mmrmojos]{width:100%}.slider--short[data-astro-cid-mmrmojos]{flex:0 8rem;min-width:5rem}.drop[data-astro-cid-mmrmojos]{align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);background:var(--bg-inset);border:1px dashed var(--border-strong);border-radius:var(--r-md);cursor:pointer;text-align:center;transition:border-color var(--t-fast), background var(--t-fast);flex-direction:column;display:flex;position:relative}.drop[data-astro-cid-mmrmojos]:hover,.drop[data-astro-cid-mmrmojos][data-over=true]{border-color:var(--accent);background:var(--bg-accent-soft)}.picker[data-astro-cid-mmrmojos]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-icon[data-astro-cid-mmrmojos]{width:2rem;height:2rem;color:var(--text-muted)}.drop-main[data-astro-cid-mmrmojos]{font-size:var(--fs-md);color:var(--text-secondary)}.drop-sub[data-astro-cid-mmrmojos]{font-size:var(--fs-sm);color:var(--text-muted);max-width:44ch}.warnings[data-astro-cid-mmrmojos]{margin:var(--sp-4) 0 0;gap:var(--sp-2);padding:0;list-style:none;display:grid}.warnings[data-astro-cid-mmrmojos]:empty{display:none}.warnings[data-astro-cid-mmrmojos] li{padding-left:var(--sp-3);border-left:2px solid var(--note);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-muted);max-width:72ch}.previews[data-astro-cid-mmrmojos]{gap:var(--sp-5);display:grid}.tabdemo-bar[data-astro-cid-mmrmojos]{padding:var(--sp-2) var(--sp-2) 0;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md) var(--r-md) 0 0;display:flex}.tabdemo-tab[data-astro-cid-mmrmojos]{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--bg-raised);border-radius:var(--r-sm) var(--r-sm) 0 0;max-width:14rem;display:flex}.tabdemo-icon[data-astro-cid-mmrmojos]{flex:none;width:16px;height:16px}.tabdemo-title[data-astro-cid-mmrmojos]{font-size:var(--fs-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sizes[data-astro-cid-mmrmojos]{align-items:flex-end;gap:var(--sp-5);flex-wrap:wrap;display:flex}.sample[data-astro-cid-mmrmojos]{align-items:center;gap:var(--sp-2);flex-direction:column;margin:0;display:flex}.sample[data-astro-cid-mmrmojos] canvas[data-astro-cid-mmrmojos]{max-width:100%;height:auto;display:block}.sample[data-astro-cid-mmrmojos] figcaption[data-astro-cid-mmrmojos]{font-size:var(--fs-xs);color:var(--text-muted);text-align:center;max-width:12ch}.masked[data-astro-cid-mmrmojos]{border-radius:50%;width:120px;height:120px;overflow:hidden}.masked[data-astro-cid-mmrmojos] canvas[data-astro-cid-mmrmojos]{width:120px;height:120px}.grid[data-astro-cid-mmrmojos]{gap:var(--sp-4) var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr));display:grid}.files[data-astro-cid-mmrmojos]{margin:0;padding:0;list-style:none}.files[data-astro-cid-mmrmojos] .file{gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;display:grid}.files[data-astro-cid-mmrmojos] .file:last-child{border-bottom:none}.files[data-astro-cid-mmrmojos] .file-thumb{place-items:center;width:2.5rem;height:2.5rem;display:grid}.files[data-astro-cid-mmrmojos] .file-facts{flex-direction:column;gap:.125rem;min-width:0;display:flex}.files[data-astro-cid-mmrmojos] .file-name{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text);overflow-wrap:anywhere}.files[data-astro-cid-mmrmojos] .file-what{font-size:var(--fs-xs);color:var(--text-muted)}.files[data-astro-cid-mmrmojos] .file-size{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.files[data-astro-cid-mmrmojos] .btn--small{font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3)}.tool[data-astro-cid-mmrmojos] [data-save-zip][disabled]{opacity:.4;cursor:not-allowed}.output[data-astro-cid-mmrmojos]{padding:var(--sp-3);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--r-md);max-height:22rem;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.6;overflow:auto}.explain[data-astro-cid-mmrmojos]{margin:var(--sp-4) 0 0;font-size:var(--fs-sm);line-height:var(--lh-prose);color:var(--text-muted);max-width:72ch}@media (width<=40rem){.files[data-astro-cid-mmrmojos] .file{grid-template-columns:3rem minmax(0,1fr);grid-template-areas:"thumb facts""size save"}.files[data-astro-cid-mmrmojos] .file-thumb{grid-area:thumb}.files[data-astro-cid-mmrmojos] .file-facts{grid-area:facts}.files[data-astro-cid-mmrmojos] .file-size{grid-area:size}.files[data-astro-cid-mmrmojos] .file-save{grid-area:save;justify-self:end}}