.tools-nav[data-astro-cid-qkptn22r]{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;font-size:.85rem;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.tools-nav[data-astro-cid-qkptn22r] a[data-astro-cid-qkptn22r]{color:var(--color-text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition);white-space:nowrap}.tools-nav[data-astro-cid-qkptn22r] a[data-astro-cid-qkptn22r]:hover{color:var(--color-primary);text-decoration:none}.tools-nav[data-astro-cid-qkptn22r] .sep[data-astro-cid-qkptn22r]{color:var(--color-border)}.tools-hero[data-astro-cid-qkptn22r]{text-align:center;margin-bottom:36px}.tools-hero[data-astro-cid-qkptn22r] h1[data-astro-cid-qkptn22r]{font-size:2rem;font-weight:800;line-height:1.3;margin:0 0 10px;background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-hero[data-astro-cid-qkptn22r] p[data-astro-cid-qkptn22r]{font-size:1.05rem;color:var(--color-text-secondary);margin:0;max-width:560px;margin-inline:auto}.tabs-nav[data-astro-cid-qkptn22r]{display:flex;gap:4px;border-bottom:2px solid var(--color-border);margin-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.tabs-nav[data-astro-cid-qkptn22r]::-webkit-scrollbar{display:none}.tab-btn[data-astro-cid-qkptn22r]{flex:0 0 auto;padding:10px 20px;font-size:.92rem;font-weight:600;color:var(--color-text-secondary);background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color var(--transition),border-color var(--transition);scroll-snap-align:start;min-height:44px;font-family:var(--font-sans)}.tab-btn[data-astro-cid-qkptn22r]:hover{color:var(--color-primary)}.tab-btn[data-astro-cid-qkptn22r].active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-panel[data-astro-cid-qkptn22r]{display:none;padding:28px 0}.tab-panel[data-astro-cid-qkptn22r].active{display:block}.upload-zone[data-astro-cid-qkptn22r]{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);background:var(--color-surface);position:relative}.upload-zone[data-astro-cid-qkptn22r]:hover,.upload-zone[data-astro-cid-qkptn22r].dragover{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.upload-zone[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon[data-astro-cid-qkptn22r]{font-size:2.5rem;margin-bottom:12px;opacity:.6}.upload-zone[data-astro-cid-qkptn22r] p[data-astro-cid-qkptn22r]{color:var(--color-text-secondary);margin:4px 0;font-size:.95rem}.upload-zone[data-astro-cid-qkptn22r] .hint[data-astro-cid-qkptn22r]{font-size:.8rem;color:var(--color-text-secondary);opacity:.7}.preview-area[data-astro-cid-qkptn22r]{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.preview-box[data-astro-cid-qkptn22r]{flex:1;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;text-align:center}.preview-box[data-astro-cid-qkptn22r] h3[data-astro-cid-qkptn22r]{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}.preview-box[data-astro-cid-qkptn22r] img[data-astro-cid-qkptn22r],.preview-box[data-astro-cid-qkptn22r] canvas[data-astro-cid-qkptn22r]{max-width:100%;max-height:300px;border-radius:var(--radius);object-fit:contain}.preview-box[data-astro-cid-qkptn22r] .meta[data-astro-cid-qkptn22r]{font-size:.82rem;color:var(--color-text-secondary);margin-top:8px}.controls[data-astro-cid-qkptn22r]{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-top:20px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.control-group[data-astro-cid-qkptn22r]{display:flex;flex-direction:column;gap:6px;min-width:120px}.control-group[data-astro-cid-qkptn22r] label[data-astro-cid-qkptn22r]{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.control-group[data-astro-cid-qkptn22r] select[data-astro-cid-qkptn22r],.control-group[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=number],.control-group[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=text],.control-group[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=color]{padding:8px 12px;font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:40px;box-sizing:border-box}.control-group[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=range]{width:100%;min-width:140px;accent-color:var(--color-primary)}.control-group[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=color]{width:50px;height:40px;padding:4px;cursor:pointer}.control-group[data-astro-cid-qkptn22r] .range-row[data-astro-cid-qkptn22r]{display:flex;align-items:center;gap:10px}.control-group[data-astro-cid-qkptn22r] .range-val[data-astro-cid-qkptn22r]{font-size:.85rem;font-weight:600;color:var(--color-primary);min-width:36px;text-align:right}.checkbox-label[data-astro-cid-qkptn22r]{display:flex;align-items:center;gap:8px;font-size:.88rem;cursor:pointer;min-height:40px}.checkbox-label[data-astro-cid-qkptn22r] input[data-astro-cid-qkptn22r][type=checkbox]{accent-color:var(--color-primary);width:18px;height:18px}.btn[data-astro-cid-qkptn22r]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;font-size:.9rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background var(--transition),transform var(--transition);font-family:var(--font-sans);min-height:44px;text-decoration:none!important}.btn[data-astro-cid-qkptn22r]:active{transform:scale(.97)}.btn-primary[data-astro-cid-qkptn22r]{background:var(--color-primary);color:#fff}.btn-primary[data-astro-cid-qkptn22r]:hover{background:var(--color-primary-hover);color:#fff}.btn-secondary[data-astro-cid-qkptn22r]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary[data-astro-cid-qkptn22r]:hover{background:var(--color-surface-hover)}.btn-row[data-astro-cid-qkptn22r]{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.preset-chips[data-astro-cid-qkptn22r]{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.preset-chip[data-astro-cid-qkptn22r]{padding:5px 12px;font-size:.78rem;font-weight:500;border:1px solid var(--color-border);border-radius:99px;background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition);font-family:var(--font-sans);white-space:nowrap}.preset-chip[data-astro-cid-qkptn22r]:hover,.preset-chip[data-astro-cid-qkptn22r].active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.crop-container[data-astro-cid-qkptn22r]{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:var(--radius);cursor:crosshair;user-select:none;-webkit-user-select:none}.crop-container[data-astro-cid-qkptn22r] img[data-astro-cid-qkptn22r]{display:block;max-width:100%;max-height:500px;object-fit:contain;pointer-events:none}.crop-overlay[data-astro-cid-qkptn22r]{position:absolute;border:2px dashed var(--color-primary);background:#7c3aed1a;box-shadow:0 0 0 9999px #0000004d;pointer-events:none}.crop-handle[data-astro-cid-qkptn22r]{position:absolute;width:12px;height:12px;background:var(--color-primary);border:2px solid #fff;border-radius:50%;pointer-events:auto;cursor:nwse-resize;z-index:2}.crop-handle[data-astro-cid-qkptn22r].tl{top:-6px;left:-6px;cursor:nwse-resize}.crop-handle[data-astro-cid-qkptn22r].tr{top:-6px;right:-6px;cursor:nesw-resize}.crop-handle[data-astro-cid-qkptn22r].bl{bottom:-6px;left:-6px;cursor:nesw-resize}.crop-handle[data-astro-cid-qkptn22r].br{bottom:-6px;right:-6px;cursor:nwse-resize}.compress-stats[data-astro-cid-qkptn22r]{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;padding:16px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-item[data-astro-cid-qkptn22r]{text-align:center;flex:1;min-width:100px}.stat-item[data-astro-cid-qkptn22r] .stat-label[data-astro-cid-qkptn22r]{font-size:.78rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-item[data-astro-cid-qkptn22r] .stat-value[data-astro-cid-qkptn22r]{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-top:4px}.stat-item[data-astro-cid-qkptn22r] .stat-value[data-astro-cid-qkptn22r].saved{color:#16a34a}.seo-section[data-astro-cid-qkptn22r]{margin-top:48px;padding-top:32px;border-top:1px solid var(--color-border)}.seo-section[data-astro-cid-qkptn22r] h2[data-astro-cid-qkptn22r]{font-size:1.5rem;font-weight:700;margin:0 0 16px}.seo-section[data-astro-cid-qkptn22r] h3[data-astro-cid-qkptn22r]{font-size:1.15rem;font-weight:600;margin:1.5em 0 .5em}.seo-section[data-astro-cid-qkptn22r] p[data-astro-cid-qkptn22r]{color:var(--color-text-secondary);line-height:1.8;margin:.6em 0}.seo-section[data-astro-cid-qkptn22r] ul[data-astro-cid-qkptn22r]{padding-left:1.5em;color:var(--color-text-secondary)}.seo-section[data-astro-cid-qkptn22r] li[data-astro-cid-qkptn22r]{margin:.3em 0;line-height:1.7}#ad-container[data-astro-cid-qkptn22r]{min-height:90px;margin:40px auto;text-align:center;max-width:728px}.tools-footer[data-astro-cid-qkptn22r]{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;justify-content:center}.tools-footer[data-astro-cid-qkptn22r] a[data-astro-cid-qkptn22r]{color:var(--color-text-secondary)}.tools-footer[data-astro-cid-qkptn22r] a[data-astro-cid-qkptn22r]:hover{color:var(--color-primary)}.pos-grid[data-astro-cid-qkptn22r]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100px}.pos-cell[data-astro-cid-qkptn22r]{width:100%;aspect-ratio:1.6;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);cursor:pointer;transition:all var(--transition);display:flex;align-items:center;justify-content:center;font-size:.65rem;color:var(--color-text-secondary);font-family:var(--font-sans)}.pos-cell[data-astro-cid-qkptn22r]:hover{border-color:var(--color-primary)}.pos-cell[data-astro-cid-qkptn22r].active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hidden[data-astro-cid-qkptn22r]{display:none}@media(max-width:640px){.tools-hero[data-astro-cid-qkptn22r] h1[data-astro-cid-qkptn22r]{font-size:1.5rem}.tools-hero[data-astro-cid-qkptn22r] p[data-astro-cid-qkptn22r]{font-size:.92rem}.tab-btn[data-astro-cid-qkptn22r]{padding:10px 14px;font-size:.82rem}.controls[data-astro-cid-qkptn22r]{padding:14px;gap:12px}.control-group[data-astro-cid-qkptn22r]{min-width:100%}.preview-area[data-astro-cid-qkptn22r]{flex-direction:column}.compress-stats[data-astro-cid-qkptn22r]{gap:12px}.stat-item[data-astro-cid-qkptn22r] .stat-value[data-astro-cid-qkptn22r]{font-size:1.1rem}.upload-zone[data-astro-cid-qkptn22r]{padding:32px 16px}}