.tool-page[data-astro-cid-hvjotu7i]{padding-bottom:var(--space-16)}.tool-page__back[data-astro-cid-hvjotu7i]{align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-8);display:inline-flex}.tool-page__back[data-astro-cid-hvjotu7i]:hover{color:var(--tone-accent-hover)}.tool-page__back[data-astro-cid-hvjotu7i] svg{transform:scaleX(-1)}.tool-page[data-astro-cid-hvjotu7i] h1[data-astro-cid-hvjotu7i]{margin-bottom:var(--space-4)}.tool-page__lead[data-astro-cid-hvjotu7i]{font-size:var(--font-size-lg);max-width:70ch;margin-bottom:var(--space-10)}.image-tool__drop[data-astro-cid-hvjotu7i]{align-items:center;gap:var(--space-3);text-align:center;padding:var(--space-10);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--tone-accent-hover);cursor:pointer;transition:border-color var(--transition-fast);margin-bottom:var(--space-6);flex-direction:column;display:flex}.image-tool__drop[data-astro-cid-hvjotu7i]:hover,.image-tool__drop[data-astro-cid-hvjotu7i].is-dragover{border-color:var(--tone-accent)}.image-tool__drop[data-astro-cid-hvjotu7i] span[data-astro-cid-hvjotu7i]{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.image-tool__drop-hint[data-astro-cid-hvjotu7i]{color:var(--color-text-subtle)!important;font-weight:var(--font-weight-normal)!important;font-size:var(--font-size-xs)!important}.image-tool__settings[data-astro-cid-hvjotu7i]{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.image-tool__settings[data-astro-cid-hvjotu7i] label[data-astro-cid-hvjotu7i]{gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-subtle);flex-direction:column;display:flex}.image-tool__settings[data-astro-cid-hvjotu7i] select[data-astro-cid-hvjotu7i],.image-tool__settings[data-astro-cid-hvjotu7i] input[data-astro-cid-hvjotu7i][type=number]{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);width:100%;font-family:inherit}.image-tool__settings[data-astro-cid-hvjotu7i] select[data-astro-cid-hvjotu7i]:focus,.image-tool__settings[data-astro-cid-hvjotu7i] input[data-astro-cid-hvjotu7i]:focus{border-color:var(--tone-accent);outline:none}.image-tool__settings[data-astro-cid-hvjotu7i] input[data-astro-cid-hvjotu7i][type=range]{accent-color:var(--tone-accent)}.image-tool__results[data-astro-cid-hvjotu7i]{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__thumb{aspect-ratio:4/3;object-fit:cover;background:var(--color-background-alt);width:100%;display:block}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__card-body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__filename{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__size{font-size:var(--font-size-xs);color:var(--color-text-subtle)}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__size .is-smaller{color:var(--color-success);font-weight:var(--font-weight-semibold)}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__download{align-items:center;gap:var(--space-2);margin-top:var(--space-2);background:var(--tone-accent-soft);color:var(--tone-accent-hover);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:background-color var(--transition-fast);justify-content:center;display:inline-flex}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__download:hover{background:color-mix(in srgb, var(--tone-accent-soft) 55%, var(--tone-accent) 45%)}.image-tool__results[data-astro-cid-hvjotu7i] .image-tool__download-icon{transform:rotate(-90deg)}@media (width<=720px){.image-tool__settings[data-astro-cid-hvjotu7i]{grid-template-columns:1fr}}