.container[data-astro-cid-aphhe2a6]{max-width:800px;margin:0 auto;padding:0 1rem}.tool-page[data-astro-cid-aphhe2a6]{padding:2rem 0}.page-header[data-astro-cid-aphhe2a6]{text-align:center;margin-bottom:2rem}.page-header[data-astro-cid-aphhe2a6] h1[data-astro-cid-aphhe2a6]{font-size:2rem;margin:0 0 1rem;line-height:1.2}.intro[data-astro-cid-aphhe2a6]{font-size:1.125rem;color:var(--text-muted, #6b7280);margin:0;line-height:1.6}.tool-section[data-astro-cid-aphhe2a6]{margin:2rem 0}.compress-tool[data-astro-cid-aphhe2a6]{max-width:800px;margin:0 auto}.upload-zone[data-astro-cid-aphhe2a6]{border:2px dashed #e5e7eb;border-radius:.75rem;padding:3rem;text-align:center;transition:all .2s;cursor:pointer}.upload-zone[data-astro-cid-aphhe2a6]:hover,.upload-zone[data-astro-cid-aphhe2a6].dragover{border-color:var(--primary);background:#f0f9ff}.upload-icon[data-astro-cid-aphhe2a6]{width:48px;height:48px;color:var(--text-muted);margin-bottom:1rem}.upload-text[data-astro-cid-aphhe2a6]{font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.upload-hint[data-astro-cid-aphhe2a6]{font-size:.875rem;color:var(--text-muted);margin:0 0 1rem}.compress-options[data-astro-cid-aphhe2a6]{margin:2rem 0;padding:1.5rem;background:#f9fafb;border-radius:.75rem}.option-group[data-astro-cid-aphhe2a6]{margin-bottom:1.5rem}.option-group[data-astro-cid-aphhe2a6]:last-child{margin-bottom:0}.option-label[data-astro-cid-aphhe2a6]{display:block;font-weight:500;margin-bottom:.75rem}.quality-slider[data-astro-cid-aphhe2a6]{display:flex;align-items:center;gap:1rem}.slider[data-astro-cid-aphhe2a6]{flex:1;height:8px;border-radius:4px;background:#e5e7eb;appearance:none;cursor:pointer}.slider[data-astro-cid-aphhe2a6]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.quality-value[data-astro-cid-aphhe2a6]{font-weight:500;min-width:45px}.target-size-display[data-astro-cid-aphhe2a6]{display:flex;align-items:baseline;gap:.25rem;justify-content:center;padding:1rem;background:#eff6ff;border-radius:.5rem;margin-bottom:.5rem}.target-value[data-astro-cid-aphhe2a6]{font-size:2rem;font-weight:700;color:var(--primary)}.target-unit[data-astro-cid-aphhe2a6]{font-size:1rem;color:var(--text-muted)}.target-hint[data-astro-cid-aphhe2a6]{font-size:.875rem;color:var(--text-muted);margin:0}.format-options[data-astro-cid-aphhe2a6]{display:flex;flex-wrap:wrap;gap:1rem}.radio-label[data-astro-cid-aphhe2a6]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-label[data-astro-cid-aphhe2a6] input[data-astro-cid-aphhe2a6]{cursor:pointer}.preview-section[data-astro-cid-aphhe2a6],.result-section[data-astro-cid-aphhe2a6]{margin-top:2rem;padding:1.5rem;background:#f9fafb;border-radius:.75rem}.preview-section[data-astro-cid-aphhe2a6] h3[data-astro-cid-aphhe2a6],.result-section[data-astro-cid-aphhe2a6] h3[data-astro-cid-aphhe2a6]{margin:0 0 1rem}.preview-list[data-astro-cid-aphhe2a6],.result-list[data-astro-cid-aphhe2a6]{display:flex;flex-direction:column;gap:1rem}.preview-item[data-astro-cid-aphhe2a6],.result-item[data-astro-cid-aphhe2a6]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:.5rem}.preview-thumb[data-astro-cid-aphhe2a6]{width:80px;height:80px;object-fit:cover;border-radius:.25rem;background:#e5e7eb}.preview-info[data-astro-cid-aphhe2a6],.result-info[data-astro-cid-aphhe2a6]{flex:1}.preview-name[data-astro-cid-aphhe2a6],.result-name[data-astro-cid-aphhe2a6]{font-weight:500;margin:0 0 .25rem}.preview-size[data-astro-cid-aphhe2a6],.result-size[data-astro-cid-aphhe2a6]{font-size:.875rem;color:var(--text-muted)}.result-stats[data-astro-cid-aphhe2a6]{display:flex;gap:1rem;margin-top:.5rem}.stat[data-astro-cid-aphhe2a6]{font-size:.75rem;padding:.25rem .5rem;background:#eff6ff;border-radius:.25rem;color:var(--primary)}.stat[data-astro-cid-aphhe2a6].saved{background:#dcfce7;color:#16a34a}.preview-actions[data-astro-cid-aphhe2a6]{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.download-btn[data-astro-cid-aphhe2a6]{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem}.download-btn[data-astro-cid-aphhe2a6]:hover{background:var(--primary-dark);transform:translateY(-1px)}.remove-btn[data-astro-cid-aphhe2a6]{padding:.25rem .5rem;background:#fee2e2;color:#dc2626;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem}section[data-astro-cid-aphhe2a6]{margin:3rem 0}h2[data-astro-cid-aphhe2a6]{font-size:1.25rem;font-weight:600}.btn-primary[data-astro-cid-aphhe2a6]{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.625rem 1.25rem;font-weight:600;box-shadow:0 1px 2px #2563eb33;transition:all .2s ease-out}.btn-primary[data-astro-cid-aphhe2a6]:hover{background:var(--primary-dark);box-shadow:0 4px 8px #2563eb4d;transform:translateY(-1px)}.features[data-astro-cid-aphhe2a6]{background:#f9fafb;padding:1.5rem;border-radius:.75rem}.feature-list[data-astro-cid-aphhe2a6]{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.feature-list[data-astro-cid-aphhe2a6] li[data-astro-cid-aphhe2a6]{display:flex;align-items:center;gap:.75rem;color:var(--text-muted, #4b5563)}.feature-list[data-astro-cid-aphhe2a6] svg[data-astro-cid-aphhe2a6]{width:20px;height:20px;color:#10b981;flex-shrink:0}.how-to[data-astro-cid-aphhe2a6]{background:#eff6ff;padding:1.5rem;border-radius:.75rem}.step-list[data-astro-cid-aphhe2a6]{list-style:none;padding:0;margin:0;counter-reset:steps}.step-list[data-astro-cid-aphhe2a6] li[data-astro-cid-aphhe2a6]{display:flex;gap:1rem;margin-bottom:1rem}.step-num[data-astro-cid-aphhe2a6]{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content[data-astro-cid-aphhe2a6] strong[data-astro-cid-aphhe2a6]{display:block;margin-bottom:.25rem}.step-content[data-astro-cid-aphhe2a6]{color:var(--text-muted, #4b5563);line-height:1.5}.tip-list[data-astro-cid-aphhe2a6]{padding-left:1.5rem}.tip-list[data-astro-cid-aphhe2a6] li[data-astro-cid-aphhe2a6]{margin-bottom:.5rem;line-height:1.6;color:var(--text-muted, #4b5563)}.faq-list[data-astro-cid-aphhe2a6] details[data-astro-cid-aphhe2a6]{margin-bottom:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem}.faq-list[data-astro-cid-aphhe2a6] summary[data-astro-cid-aphhe2a6]{font-weight:500;cursor:pointer;list-style:none}.faq-list[data-astro-cid-aphhe2a6] summary[data-astro-cid-aphhe2a6]::-webkit-details-marker{display:none}.faq-list[data-astro-cid-aphhe2a6] summary[data-astro-cid-aphhe2a6]:after{content:"+";float:right;font-weight:700;color:#2563eb}.faq-list[data-astro-cid-aphhe2a6] details[data-astro-cid-aphhe2a6][open] summary[data-astro-cid-aphhe2a6]:after{content:"-"}.faq-list[data-astro-cid-aphhe2a6] p[data-astro-cid-aphhe2a6]{margin:.75rem 0 0;color:var(--text-muted, #4b5563);font-size:.9375rem;line-height:1.6}.related-grid[data-astro-cid-aphhe2a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.related-card[data-astro-cid-aphhe2a6]{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:.5rem;text-decoration:none;color:inherit;transition:all .2s}.related-card[data-astro-cid-aphhe2a6]:hover{background:#eff6ff;color:#2563eb}.related-title[data-astro-cid-aphhe2a6]{font-weight:500}.related-card[data-astro-cid-aphhe2a6] svg[data-astro-cid-aphhe2a6]{width:16px;height:16px}@media(max-width:640px){h1[data-astro-cid-aphhe2a6]{font-size:1.5rem}.related-grid[data-astro-cid-aphhe2a6]{grid-template-columns:1fr}.format-options[data-astro-cid-aphhe2a6]{flex-direction:column}}