.webp-section[data-astro-cid-bu56irr2]{padding:0 var(--mobile-gutter) var(--space-20)}.webp-shell[data-astro-cid-bu56irr2]{width:min(980px,100%);margin:auto}.workspace-copy[data-astro-cid-bu56irr2]{max-width:680px;margin:0 auto var(--space-6);text-align:center}.workspace-copy[data-astro-cid-bu56irr2] h2[data-astro-cid-bu56irr2]{margin:0;font-size:24px}.workspace-copy[data-astro-cid-bu56irr2] p[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);margin:8px 0 0;font-size:14px;line-height:1.6}.tool-card[data-astro-cid-bu56irr2]{padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-tool);background:var(--color-surface)}.step-label[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);margin-bottom:12px;font-size:13px;font-weight:650}.settings[data-astro-cid-bu56irr2]{border-top:1px solid var(--color-border-subtle);gap:18px;margin-top:20px;padding-top:20px;display:grid}.source-info[data-astro-cid-bu56irr2],.action-row[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2]{justify-content:space-between;align-items:center;gap:14px;display:flex}.source-info[data-astro-cid-bu56irr2]{border-radius:var(--radius-input);background:var(--color-background);padding:12px;font-size:13px}.settings[data-astro-cid-bu56irr2] label[data-astro-cid-bu56irr2]{color:var(--color-text-primary);gap:7px;font-size:13px;font-weight:600;display:grid}.settings[data-astro-cid-bu56irr2] input[data-astro-cid-bu56irr2][type=number],.settings[data-astro-cid-bu56irr2] input[data-astro-cid-bu56irr2][type=text]{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);width:100%;height:42px;padding:0 10px}.quality[data-astro-cid-bu56irr2] input[data-astro-cid-bu56irr2]{width:100%;accent-color:var(--accent)}.quality[data-astro-cid-bu56irr2] span[data-astro-cid-bu56irr2]{justify-content:space-between;display:flex}.dimension-grid[data-astro-cid-bu56irr2]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dimension-grid[data-astro-cid-bu56irr2] .ratio[data-astro-cid-bu56irr2]{grid-column:1/-1;align-items:center;gap:8px;display:flex}.preset-row[data-astro-cid-bu56irr2]{flex-wrap:wrap;gap:8px;display:flex}.preset-row[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2]{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);cursor:pointer;min-height:40px;padding:0 12px}.preset-row[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2].is-active{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.crop-grid[data-astro-cid-bu56irr2]{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.file-name[data-astro-cid-bu56irr2] div[data-astro-cid-bu56irr2]{align-items:center;display:flex}.file-name[data-astro-cid-bu56irr2] b[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);margin-left:8px;font-weight:500}.action-row[data-astro-cid-bu56irr2] span[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);font-size:13px}.action-row[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2] a[data-astro-cid-bu56irr2]{border:1px solid var(--accent);border-radius:var(--radius-input);background:var(--accent);color:#fff;cursor:pointer;min-height:44px;padding:0 16px;font-weight:650;text-decoration:none}.processing[data-astro-cid-bu56irr2],.error[data-astro-cid-bu56irr2],.result[data-astro-cid-bu56irr2]{border-top:1px solid var(--color-border-subtle);margin-top:20px;padding-top:20px}.processing[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);align-items:center;gap:10px;display:flex}.spinner[data-astro-cid-bu56irr2]{border:2px solid var(--color-border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.error[data-astro-cid-bu56irr2]{color:var(--color-error);font-weight:600}.metrics[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metrics[data-astro-cid-bu56irr2] div[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2] div[data-astro-cid-bu56irr2]{border-radius:var(--radius-input);background:var(--color-background);padding:13px}.metrics[data-astro-cid-bu56irr2] span[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2] span[data-astro-cid-bu56irr2],.comparison[data-astro-cid-bu56irr2]>div[data-astro-cid-bu56irr2]>span[data-astro-cid-bu56irr2]{color:var(--color-text-secondary);font-size:12px;display:block}.metrics[data-astro-cid-bu56irr2] strong[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2] strong[data-astro-cid-bu56irr2]{margin-top:4px;display:block}.comparison[data-astro-cid-bu56irr2]{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.preview[data-astro-cid-bu56irr2]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);place-items:center;min-height:220px;margin-top:8px;display:grid;overflow:hidden}.checker[data-astro-cid-bu56irr2]{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview[data-astro-cid-bu56irr2] img[data-astro-cid-bu56irr2]{object-fit:contain;max-width:100%;max-height:320px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.crop-grid[data-astro-cid-bu56irr2],.metrics[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2],.comparison[data-astro-cid-bu56irr2],.dimension-grid[data-astro-cid-bu56irr2]{grid-template-columns:1fr 1fr}.action-row[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2]{flex-direction:column;align-items:stretch}.action-row[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2] a[data-astro-cid-bu56irr2],.result-actions[data-astro-cid-bu56irr2] button[data-astro-cid-bu56irr2]{width:100%}}@media (width<=520px){.crop-grid[data-astro-cid-bu56irr2],.metrics[data-astro-cid-bu56irr2],.inspector[data-astro-cid-bu56irr2],.comparison[data-astro-cid-bu56irr2],.dimension-grid[data-astro-cid-bu56irr2]{grid-template-columns:1fr}}