.upload-zone[data-astro-cid-4cqrreqq]{border:3px dashed var(--border-color);border-radius:16px;padding:50px 30px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-zone[data-astro-cid-4cqrreqq]:hover,.upload-zone[data-astro-cid-4cqrreqq].dragover{border-color:var(--primary);background:#eef2ff}.upload-zone[data-astro-cid-4cqrreqq] .icon[data-astro-cid-4cqrreqq]{width:64px;height:64px;margin:0 auto 20px;color:var(--primary);opacity:.7}.upload-zone[data-astro-cid-4cqrreqq] h3[data-astro-cid-4cqrreqq]{font-size:1.2rem;margin-bottom:8px;color:var(--text-main)}.upload-zone[data-astro-cid-4cqrreqq] p[data-astro-cid-4cqrreqq]{color:var(--text-muted);font-size:.95rem}.upload-zone[data-astro-cid-4cqrreqq] input[data-astro-cid-4cqrreqq][type=file]{display:none}.editor-container[data-astro-cid-4cqrreqq]{display:none;grid-template-columns:1fr 340px;gap:30px;margin-top:30px;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.preview-area[data-astro-cid-4cqrreqq]{background:#f9fafb;border-radius:12px;border:1px solid var(--border-color);padding:20px;display:flex;align-items:center;justify-content:center;min-height:400px;max-height:600px;overflow:hidden;position:relative}.preview-area[data-astro-cid-4cqrreqq] img[data-astro-cid-4cqrreqq]{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 4px 6px -1px #0000001a}.controls-panel[data-astro-cid-4cqrreqq]{display:flex;flex-direction:column;gap:25px}.control-group[data-astro-cid-4cqrreqq] h3[data-astro-cid-4cqrreqq]{font-size:.85rem;font-weight:700;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dimension-inputs[data-astro-cid-4cqrreqq]{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:15px}.input-wrapper[data-astro-cid-4cqrreqq]{position:relative}.input-wrapper[data-astro-cid-4cqrreqq] input[data-astro-cid-4cqrreqq]{width:100%;padding:10px 30px 10px 10px;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--text-main);transition:border-color .2s}.input-wrapper[data-astro-cid-4cqrreqq] input[data-astro-cid-4cqrreqq]:focus{border-color:var(--primary);outline:none}.input-label[data-astro-cid-4cqrreqq]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.8rem;font-weight:600;pointer-events:none}.link-icon[data-astro-cid-4cqrreqq]{color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s}.link-icon[data-astro-cid-4cqrreqq]:hover{background:#f3f4f6}.link-icon[data-astro-cid-4cqrreqq].active{color:var(--primary);background:#eef2ff}.percentage-buttons[data-astro-cid-4cqrreqq]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn-percent[data-astro-cid-4cqrreqq]{padding:8px;background:#fff;border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s}.btn-percent[data-astro-cid-4cqrreqq]:hover{border-color:var(--primary);color:var(--primary)}.btn-percent[data-astro-cid-4cqrreqq].active{background:var(--primary);border-color:var(--primary);color:#fff}.format-select[data-astro-cid-4cqrreqq]{display:flex;background:#f3f4f6;padding:4px;border-radius:8px;margin-bottom:20px}.format-option[data-astro-cid-4cqrreqq]{flex:1;text-align:center;padding:8px;font-size:.9rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s}.format-option[data-astro-cid-4cqrreqq]:hover{color:var(--text-main)}.format-option[data-astro-cid-4cqrreqq].active{background:#fff;color:var(--primary);box-shadow:0 1px 2px #0000000d}.quality-slider[data-astro-cid-4cqrreqq]{width:100%;height:6px;background:#e5e7eb;border-radius:3px;outline:none;-webkit-appearance:none;margin-bottom:10px}.quality-slider[data-astro-cid-4cqrreqq]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}.quality-value[data-astro-cid-4cqrreqq]{font-family:monospace;font-weight:700;color:var(--primary);background:#eef2ff;padding:2px 6px;border-radius:4px;font-size:.85rem}.stats-box[data-astro-cid-4cqrreqq]{background:#f8fafc;border:1px solid var(--border-color);border-radius:12px;padding:15px}.stat-row[data-astro-cid-4cqrreqq]{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:8px;color:var(--text-muted)}.stat-row[data-astro-cid-4cqrreqq].final{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color);font-weight:700;color:var(--primary);font-size:1rem;margin-bottom:0}.btn-download[data-astro-cid-4cqrreqq]{width:100%;padding:16px;background:var(--primary);color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;box-shadow:0 4px 6px -1px rgba(var(--primary-rgb),.2)}.btn-download[data-astro-cid-4cqrreqq]:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-download[data-astro-cid-4cqrreqq]:active{transform:translateY(0)}.btn-reset[data-astro-cid-4cqrreqq]{width:100%;padding:12px;background:transparent;color:var(--text-muted);font-size:.95rem;font-weight:600;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s}.btn-reset[data-astro-cid-4cqrreqq]:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .upload-zone[data-astro-cid-4cqrreqq]{background:#1f2937;border-color:#374151}[data-theme=dark] .upload-zone[data-astro-cid-4cqrreqq]:hover,[data-theme=dark] .upload-zone[data-astro-cid-4cqrreqq].dragover{background:#1e3a5f;border-color:var(--primary)}[data-theme=dark] .preview-area[data-astro-cid-4cqrreqq]{background:#111827;border-color:#374151}[data-theme=dark] .input-wrapper[data-astro-cid-4cqrreqq] input[data-astro-cid-4cqrreqq]{background:#1f2937;border-color:#374151;color:#fff}[data-theme=dark] .input-wrapper[data-astro-cid-4cqrreqq] input[data-astro-cid-4cqrreqq]:focus{border-color:var(--primary)}[data-theme=dark] .btn-percent[data-astro-cid-4cqrreqq]{background:#1f2937;border-color:#374151}[data-theme=dark] .btn-percent[data-astro-cid-4cqrreqq]:hover{background:#374151;color:#fff}[data-theme=dark] .btn-percent[data-astro-cid-4cqrreqq].active{background:var(--primary);border-color:var(--primary)}[data-theme=dark] .format-select[data-astro-cid-4cqrreqq]{background:#1f2937}[data-theme=dark] .format-option[data-astro-cid-4cqrreqq]:hover{color:#fff}[data-theme=dark] .format-option[data-astro-cid-4cqrreqq].active{background:#374151;color:var(--primary)}[data-theme=dark] .stats-box[data-astro-cid-4cqrreqq]{background:#1f2937;border-color:#374151}[data-theme=dark] .link-icon[data-astro-cid-4cqrreqq]:hover,[data-theme=dark] .quality-slider[data-astro-cid-4cqrreqq]{background:#374151}@media(max-width:900px){.editor-container[data-astro-cid-4cqrreqq]{grid-template-columns:1fr}.preview-area[data-astro-cid-4cqrreqq]{min-height:300px}}:root{--content-width: 900px}