.cr-tool[data-astro-cid-yuzuluct]{width:100%}.cr-dropzone[data-astro-cid-yuzuluct]{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-bg-soft);position:relative}.cr-dropzone[data-astro-cid-yuzuluct]:hover,.cr-dropzone[data-astro-cid-yuzuluct].is-dragover{border-color:var(--color-primary);background:var(--color-primary-pale)}.cr-dropzone-inner[data-astro-cid-yuzuluct]{display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.cr-drop-icon[data-astro-cid-yuzuluct]{color:var(--color-cat-image);opacity:.8}.cr-drop-text[data-astro-cid-yuzuluct]{font-size:1rem;font-weight:700;color:var(--color-text);margin:0}.cr-drop-sub[data-astro-cid-yuzuluct]{font-size:.875rem;color:var(--color-text-muted);margin:0}.cr-drop-link[data-astro-cid-yuzuluct]{color:var(--color-primary);font-weight:600}.cr-drop-formats[data-astro-cid-yuzuluct]{font-size:.8125rem;color:var(--color-text-muted);margin:0}.cr-file-hidden[data-astro-cid-yuzuluct]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cr-workspace[data-astro-cid-yuzuluct]{display:flex;flex-direction:column;gap:.75rem}.cr-settings-panel[data-astro-cid-yuzuluct]{display:flex;flex-direction:column;gap:.75rem;padding:.875rem;background:var(--color-bg-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}.cr-setting-group[data-astro-cid-yuzuluct]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.cr-setting-label[data-astro-cid-yuzuluct]{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);min-width:52px;flex-shrink:0}.cr-shape-btns[data-astro-cid-yuzuluct],.cr-ratio-btns[data-astro-cid-yuzuluct],.cr-grid-btns[data-astro-cid-yuzuluct]{display:flex;flex-wrap:wrap;gap:.375rem}.cr-shape-btn[data-astro-cid-yuzuluct],.cr-ratio-btn[data-astro-cid-yuzuluct],.cr-grid-btn[data-astro-cid-yuzuluct]{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:.8125rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:all .15s;min-height:32px;min-width:44px}.cr-shape-btn[data-astro-cid-yuzuluct]:hover,.cr-ratio-btn[data-astro-cid-yuzuluct]:hover,.cr-grid-btn[data-astro-cid-yuzuluct]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cr-shape-btn[data-astro-cid-yuzuluct].is-active,.cr-ratio-btn[data-astro-cid-yuzuluct].is-active,.cr-grid-btn[data-astro-cid-yuzuluct].is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cr-select[data-astro-cid-yuzuluct]{flex:1;min-width:200px;padding:.4375rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);background:var(--color-bg);cursor:pointer}.cr-select[data-astro-cid-yuzuluct]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.cr-px-inputs[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.cr-px-field[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.25rem}.cr-px-label[data-astro-cid-yuzuluct]{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.cr-px-input[data-astro-cid-yuzuluct]{width:80px;padding:.375rem .5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);text-align:right}.cr-px-input[data-astro-cid-yuzuluct]:focus{outline:2px solid var(--color-primary);outline-offset:2px}.cr-px-times[data-astro-cid-yuzuluct]{color:var(--color-text-muted);font-size:.875rem}.cr-lock-btn[data-astro-cid-yuzuluct]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:all .15s;color:var(--color-text-muted)}.cr-lock-btn[data-astro-cid-yuzuluct][aria-pressed=true]{background:var(--color-primary-pale);border-color:var(--color-primary);color:var(--color-primary)}.cr-apply-px-btn[data-astro-cid-yuzuluct]{padding:.375rem .75rem;border:1.5px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s;min-height:32px}.cr-apply-px-btn[data-astro-cid-yuzuluct]:hover{background:var(--color-primary-hover)}.cr-radius-ctrl[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.5rem;width:100%;padding-left:52px}.cr-slider[data-astro-cid-yuzuluct]{flex:1;min-width:80px;accent-color:var(--color-primary);height:4px;cursor:pointer}.cr-slider-label[data-astro-cid-yuzuluct]{font-size:.8125rem;color:var(--color-text-muted);white-space:nowrap;min-width:68px}.cr-subbar[data-astro-cid-yuzuluct]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-soft);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.cr-info-chips[data-astro-cid-yuzuluct]{display:flex;gap:.5rem;flex:1;flex-wrap:wrap}.cr-info-chip[data-astro-cid-yuzuluct]{font-size:.8125rem;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.125rem .625rem;white-space:nowrap}.cr-action-btns[data-astro-cid-yuzuluct]{display:flex;gap:.375rem}.cr-sub-btn[data-astro-cid-yuzuluct]{padding:.25rem .625rem;font-size:.8125rem;font-weight:500;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:all .15s;color:var(--color-text);min-height:28px}.cr-sub-btn[data-astro-cid-yuzuluct]:hover{border-color:var(--color-primary);color:var(--color-primary)}.cr-privacy-badge[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-success);font-weight:500;margin-left:auto}.cr-canvas-area[data-astro-cid-yuzuluct]{position:relative;width:100%;background:repeating-conic-gradient(#e5e7eb 0% 25%,#f9fafb 0% 50%) 0 0 / 20px 20px;border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:200px}.cr-bg-canvas[data-astro-cid-yuzuluct],.cr-overlay-canvas[data-astro-cid-yuzuluct]{display:block;max-width:100%}.cr-bg-canvas[data-astro-cid-yuzuluct],.cr-overlay-canvas[data-astro-cid-yuzuluct]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cr-status-live[data-astro-cid-yuzuluct]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cr-output-settings[data-astro-cid-yuzuluct]{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;background:var(--color-bg-soft);border-radius:var(--radius-md);border:1px solid var(--color-border)}.cr-output-group[data-astro-cid-yuzuluct]{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.cr-format-btns[data-astro-cid-yuzuluct]{display:flex;gap:.75rem;flex-wrap:wrap}.cr-format-radio[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text)}.cr-format-radio[data-astro-cid-yuzuluct] input[data-astro-cid-yuzuluct][type=radio]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.cr-format-note[data-astro-cid-yuzuluct]{font-size:.75rem;color:var(--color-text-muted);font-weight:400}.cr-quality-group[data-astro-cid-yuzuluct]{flex:1;min-width:180px}.cr-quality-slider[data-astro-cid-yuzuluct]{flex:1;min-width:80px}.cr-actions[data-astro-cid-yuzuluct]{display:flex;gap:.75rem;flex-wrap:wrap}.cr-btn-primary[data-astro-cid-yuzuluct]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-cat-image);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s;min-height:44px}.cr-btn-primary[data-astro-cid-yuzuluct]:hover{opacity:.9;transform:translateY(-1px)}.cr-btn-primary[data-astro-cid-yuzuluct]:disabled{opacity:.5;cursor:not-allowed;transform:none}.cr-btn-reset[data-astro-cid-yuzuluct]{padding:.75rem 1.25rem;background:var(--color-bg);color:var(--color-text-muted);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;min-height:44px}.cr-btn-reset[data-astro-cid-yuzuluct]:hover{border-color:var(--color-text-muted);color:var(--color-text)}.cr-processing[data-astro-cid-yuzuluct]{display:flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.875rem}.cr-spinner[data-astro-cid-yuzuluct]{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:cr-spin .6s linear infinite}@keyframes cr-spin{to{transform:rotate(360deg)}}.cr-error[data-astro-cid-yuzuluct]{color:var(--color-error);font-size:.875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.5rem .75rem;margin:0}@media(max-width:640px){.cr-setting-group[data-astro-cid-yuzuluct]{flex-direction:column;align-items:flex-start}.cr-setting-label[data-astro-cid-yuzuluct]{min-width:auto}.cr-shape-btns[data-astro-cid-yuzuluct],.cr-ratio-btns[data-astro-cid-yuzuluct],.cr-grid-btns[data-astro-cid-yuzuluct]{gap:.25rem}.cr-shape-btn[data-astro-cid-yuzuluct],.cr-ratio-btn[data-astro-cid-yuzuluct],.cr-grid-btn[data-astro-cid-yuzuluct]{font-size:.75rem;padding:.3125rem .5rem}.cr-select[data-astro-cid-yuzuluct]{min-width:100%}.cr-px-inputs[data-astro-cid-yuzuluct]{gap:.25rem}.cr-px-input[data-astro-cid-yuzuluct]{width:68px}.cr-output-settings[data-astro-cid-yuzuluct]{flex-direction:column}.cr-btn-primary[data-astro-cid-yuzuluct]{width:100%;justify-content:center}}.how-to-steps[data-astro-cid-yuzuluct]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.how-to-step[data-astro-cid-yuzuluct]{display:flex;gap:.75rem;align-items:flex-start}.step-num[data-astro-cid-yuzuluct]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:.8125rem;font-weight:700}.info-box[data-astro-cid-yuzuluct]{background:var(--color-primary-pale);border-left:3px solid var(--color-primary);padding:.625rem .875rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem;color:var(--color-text)}.format-tips[data-astro-cid-yuzuluct]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.format-tip[data-astro-cid-yuzuluct]{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem}.format-tip-title[data-astro-cid-yuzuluct]{font-size:.875rem;font-weight:700;color:var(--color-text);margin:0 0 .375rem}.format-tip[data-astro-cid-yuzuluct] p[data-astro-cid-yuzuluct]{font-size:.8125rem;color:var(--color-text-muted);margin:0;line-height:1.6}.compare-table-wrapper[data-astro-cid-yuzuluct]{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.compare-table[data-astro-cid-yuzuluct]{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:560px}.compare-table[data-astro-cid-yuzuluct] th[data-astro-cid-yuzuluct]{background:var(--color-bg-soft);padding:.5rem .75rem;font-weight:600;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.compare-table[data-astro-cid-yuzuluct] td[data-astro-cid-yuzuluct]{padding:.5rem .75rem;border-bottom:1px solid var(--color-border);vertical-align:top;line-height:1.5}.compare-table[data-astro-cid-yuzuluct] tr[data-astro-cid-yuzuluct]:last-child td[data-astro-cid-yuzuluct]{border-bottom:none}.compare-table[data-astro-cid-yuzuluct] tr[data-astro-cid-yuzuluct]:first-child td[data-astro-cid-yuzuluct]{background:var(--color-primary-pale)}