.upload-container[data-astro-cid-mgazsge4]{margin-bottom:1.5rem}.upload-area[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1.5rem;border:2px dashed var(--border-color, #d1d5db);border-radius:.75rem;background:var(--card-bg, #f9fafb);cursor:pointer;transition:border-color .2s,background .2s}.upload-area[data-astro-cid-mgazsge4]:hover,.upload-area[data-astro-cid-mgazsge4].dragover{border-color:var(--accent-color, #3b82f6);background:var(--card-bg-hover, #eff6ff)}.upload-icon[data-astro-cid-mgazsge4]{font-size:2rem}.upload-text[data-astro-cid-mgazsge4]{font-size:1.1rem;font-weight:500;color:var(--text-primary, #111827)}.upload-or[data-astro-cid-mgazsge4]{font-size:.9rem;color:var(--text-secondary, #6b7280)}.btn-browse[data-astro-cid-mgazsge4]{padding:.5rem 1.25rem;border:1px solid var(--accent-color, #3b82f6);border-radius:.5rem;background:var(--accent-color, #3b82f6);color:#fff;font-size:.95rem;cursor:pointer;transition:opacity .2s}.btn-browse[data-astro-cid-mgazsge4]:hover{opacity:.9}.upload-hint[data-astro-cid-mgazsge4]{font-size:.8rem;color:var(--text-muted, #9ca3af)}.error[data-astro-cid-mgazsge4]{color:#dc2626;background:#fef2f2;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem}.editor-section[data-astro-cid-mgazsge4]{margin-bottom:2rem}.editor-layout[data-astro-cid-mgazsge4]{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:900px){.editor-layout[data-astro-cid-mgazsge4]{grid-template-columns:1.2fr .8fr}}.preview-panel[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:1rem}.preview-original[data-astro-cid-mgazsge4],.preview-resized[data-astro-cid-mgazsge4]{background:var(--card-bg, #f9fafb);border-radius:.75rem;padding:1rem}.preview-original[data-astro-cid-mgazsge4] h3[data-astro-cid-mgazsge4],.preview-resized[data-astro-cid-mgazsge4] h3[data-astro-cid-mgazsge4]{margin:0 0 .75rem;font-size:1rem;color:var(--text-secondary, #6b7280)}.preview-wrapper[data-astro-cid-mgazsge4]{display:flex;justify-content:center;align-items:center;min-height:120px;max-height:300px;overflow:auto;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f3f4f6 0% 50%) 50% / 20px 20px;border-radius:.5rem}.preview-wrapper[data-astro-cid-mgazsge4] img[data-astro-cid-mgazsge4]{max-width:100%;max-height:280px;object-fit:contain;border-radius:.25rem}.preview-info[data-astro-cid-mgazsge4]{margin:.5rem 0 0;font-size:.85rem;color:var(--text-muted, #9ca3af);text-align:center}.controls-panel[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:1.25rem}.control-group[data-astro-cid-mgazsge4]{background:var(--card-bg, #f9fafb);border-radius:.75rem;padding:1rem}.control-group[data-astro-cid-mgazsge4] h3[data-astro-cid-mgazsge4]{margin:0 0 .75rem;font-size:1rem}.dimension-inputs[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:.75rem}.input-row[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:.25rem}.input-row[data-astro-cid-mgazsge4] label[data-astro-cid-mgazsge4]{font-size:.85rem;color:var(--text-secondary, #6b7280)}.input-row[data-astro-cid-mgazsge4] input[data-astro-cid-mgazsge4][type=number]{padding:.5rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;font-size:1rem;background:var(--input-bg, white);color:var(--text-primary, #111827)}.checkbox-row[data-astro-cid-mgazsge4]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.checkbox-row[data-astro-cid-mgazsge4] input[data-astro-cid-mgazsge4][type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-color, #3b82f6)}.checkbox-row[data-astro-cid-mgazsge4] label[data-astro-cid-mgazsge4]{font-size:.9rem;cursor:pointer}.btn-small[data-astro-cid-mgazsge4]{font-size:.85rem;padding:.4rem .75rem;margin-top:.75rem}.format-options[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:.5rem}.radio-label[data-astro-cid-mgazsge4]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.radio-label[data-astro-cid-mgazsge4] input[data-astro-cid-mgazsge4][type=radio]{accent-color:var(--accent-color, #3b82f6)}input[data-astro-cid-mgazsge4][type=range]{width:100%;accent-color:var(--accent-color, #3b82f6)}.quality-labels[data-astro-cid-mgazsge4]{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted, #9ca3af);margin-top:.25rem}.actions[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:.75rem}.btn-primary[data-astro-cid-mgazsge4]{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:var(--accent-color, #3b82f6);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.btn-primary[data-astro-cid-mgazsge4]:hover{opacity:.9}.btn-secondary[data-astro-cid-mgazsge4]{padding:.75rem 1.5rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;background:var(--card-bg, white);color:var(--text-primary, #111827);font-size:1rem;cursor:pointer;transition:background .2s}.btn-secondary[data-astro-cid-mgazsge4]:hover{background:var(--card-bg-hover, #f3f4f6)}.about-section[data-astro-cid-mgazsge4]{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.about-section[data-astro-cid-mgazsge4] h2[data-astro-cid-mgazsge4]{font-size:1.5rem;margin-bottom:1rem}.about-section[data-astro-cid-mgazsge4] h3[data-astro-cid-mgazsge4]{font-size:1.15rem;margin-top:1.5rem;margin-bottom:.75rem}.about-section[data-astro-cid-mgazsge4] ul[data-astro-cid-mgazsge4]{margin:.5rem 0;padding-left:1.5rem}.about-section[data-astro-cid-mgazsge4] li[data-astro-cid-mgazsge4]{margin-bottom:.4rem}.faq-list[data-astro-cid-mgazsge4]{display:flex;flex-direction:column;gap:.5rem}details[data-astro-cid-mgazsge4]{background:var(--card-bg, #f9fafb);border-radius:.5rem;padding:.75rem 1rem}summary[data-astro-cid-mgazsge4]{font-weight:500;cursor:pointer;user-select:none}details[data-astro-cid-mgazsge4] p[data-astro-cid-mgazsge4]{margin:.5rem 0 0;color:var(--text-secondary, #6b7280)}.related-tools[data-astro-cid-mgazsge4]{display:flex;flex-wrap:wrap;gap:.75rem}.tool-link[data-astro-cid-mgazsge4]{padding:.5rem 1rem;border:1px solid var(--border-color, #d1d5db);border-radius:.5rem;text-decoration:none;color:var(--accent-color, #3b82f6);font-size:.9rem;transition:background .2s}.tool-link[data-astro-cid-mgazsge4]:hover{background:var(--card-bg-hover, #eff6ff)}