.page[data-v-b4952b12]{flex-direction:column;gap:32px;padding-bottom:96px}.hero[data-v-b4952b12],.page[data-v-b4952b12]{display:flex}.hero[data-v-b4952b12]{align-items:center;gap:24px;justify-content:space-between;padding:32px}.hero h2[data-v-b4952b12]{font-size:1.8rem;font-weight:700;margin:0 0 8px}.hero p[data-v-b4952b12]{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.workspace[data-v-b4952b12]{align-items:start;display:grid;gap:24px;grid-template-columns:380px 1fr}.panel[data-v-b4952b12]{display:flex;flex-direction:column;gap:24px}.sidebar[data-v-b4952b12]{position:sticky;top:24px}.section[data-v-b4952b12]{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:var(--surface);border:1px solid var(--card-border);border-radius:20px;padding:24px}.section-title[data-v-b4952b12]{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.upload-area[data-v-b4952b12]{align-items:center;border:2px dashed hsla(0,0%,100%,.15);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;transition:all .2s ease;width:100%}.upload-area[data-v-b4952b12]:hover{background:#38bdf80d;border-color:var(--accent)}.upload-content[data-v-b4952b12]{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-icon[data-v-b4952b12]{font-size:2.5rem}.upload-icon[data-v-b4952b12],.upload-text[data-v-b4952b12]{color:var(--text-secondary)}.upload-text[data-v-b4952b12]{font-size:.9rem}.hidden-input[data-v-b4952b12]{display:none}.file-info[data-v-b4952b12]{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-top:12px}.success-icon[data-v-b4952b12]{color:#10b981;font-size:1.1rem}.mode-selector[data-v-b4952b12]{display:grid;gap:12px;grid-template-columns:1fr 1fr}.mode-button[data-v-b4952b12]{align-items:center;background:#ffffff0d;border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:8px;padding:16px 12px;transition:all .2s ease}.mode-button[data-v-b4952b12]:hover{background:#ffffff14;border-color:#38bdf880}.mode-button.active[data-v-b4952b12]{background:#38bdf826;border-color:var(--accent);color:var(--accent)}.mode-button div[data-v-b4952b12]{font-size:1.5rem}.controls[data-v-b4952b12]{gap:16px}.control-group[data-v-b4952b12],.controls[data-v-b4952b12]{display:flex;flex-direction:column}.control-group[data-v-b4952b12]{gap:8px}.control-label[data-v-b4952b12]{color:var(--text-secondary);font-size:.9rem}.control-input[data-v-b4952b12]{background:#0f172a99;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:var(--text-primary);font-size:.95rem;padding:10px 14px;transition:all .2s ease;width:100%}.control-input[data-v-b4952b12]:focus{background:#0f172acc;border-color:var(--accent);outline:none}.slider-input[data-v-b4952b12]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:5px;cursor:pointer;height:6px;outline:none;width:100%}.slider-input[data-v-b4952b12]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border-radius:50%;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-input[data-v-b4952b12]::-webkit-slider-thumb:hover{box-shadow:0 0 10px #38bdf880;transform:scale(1.2)}.slider-input[data-v-b4952b12]::-moz-range-thumb{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border:none;border-radius:50%;cursor:pointer;height:18px;-moz-transition:all .2s ease;transition:all .2s ease;width:18px}.slider-input[data-v-b4952b12]::-moz-range-thumb:hover{box-shadow:0 0 10px #38bdf880;transform:scale(1.2)}.slider-input[data-v-b4952b12]::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:5px;height:6px}.slider-input[data-v-b4952b12]::-moz-range-track{background:#ffffff1a;border-radius:5px;height:6px}.checkbox-label[data-v-b4952b12]{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px}.checkbox-input[data-v-b4952b12]{cursor:pointer;height:16px;width:16px}.size-hint[data-v-b4952b12]{align-items:center;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0be6;display:flex;font-size:.85rem;gap:8px;padding:10px 12px}.size-hint .i-carbon-information[data-v-b4952b12]{flex-shrink:0;font-size:1rem}.quality-presets[data-v-b4952b12]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.preset-button[data-v-b4952b12]{background:#ffffff14;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 12px;transition:all .2s ease}.preset-button[data-v-b4952b12]:hover{background:#ffffff1f;border-color:var(--accent)}.preset-button.active[data-v-b4952b12]{background:#38bdf826;border-color:var(--accent);color:var(--accent);font-weight:600}.quality-hint[data-v-b4952b12]{align-items:center;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fae6;display:flex;font-size:.85rem;gap:8px;line-height:1.4;padding:10px 12px}.quality-hint .i-carbon-information[data-v-b4952b12]{flex-shrink:0;font-size:1rem}.button[data-v-b4952b12]{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.button[data-v-b4952b12]:disabled{cursor:not-allowed;opacity:.5}.button.primary[data-v-b4952b12]{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff}.button.primary[data-v-b4952b12]:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.button.secondary[data-v-b4952b12]{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--accent)}.button.secondary[data-v-b4952b12]:hover:not(:disabled){background:#38bdf840}.button.tertiary[data-v-b4952b12]{background:#ffffff14;color:var(--text-primary)}.button.tertiary[data-v-b4952b12]:hover:not(:disabled){background:#ffffff1f}.button.full-width[data-v-b4952b12]{width:100%}.actions[data-v-b4952b12]{display:flex;flex-direction:column;gap:12px}.preview-panel[data-v-b4952b12]{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);background:var(--surface);border:1px solid var(--card-border);border-radius:20px;min-height:500px;padding:24px}.empty-preview[data-v-b4952b12]{align-items:center;border:2px dashed hsla(0,0%,100%,.1);border-radius:16px;display:flex;justify-content:center;min-height:400px}.empty-content[data-v-b4952b12]{text-align:center}.empty-icon[data-v-b4952b12]{color:var(--text-muted);font-size:4rem;margin-bottom:16px}.empty-content p[data-v-b4952b12]{color:var(--text-secondary);margin:0}.preview-container[data-v-b4952b12]{align-items:center;background:#0f172a80;border-radius:16px;display:flex;justify-content:center;max-height:700px;min-height:400px;overflow:auto;padding:20px;position:relative}.preview-image[data-v-b4952b12]{border-radius:8px;display:block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.preview-info[data-v-b4952b12]{background:#0f172a80;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:16px}.info-item[data-v-b4952b12]{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.info-label[data-v-b4952b12]{color:var(--text-secondary);font-weight:500}.info-value[data-v-b4952b12]{color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-weight:600}.info-secondary[data-v-b4952b12]{color:var(--text-secondary);font-weight:500;opacity:.8}.hidden-canvas[data-v-b4952b12]{display:none}.crop-info[data-v-b4952b12]{display:flex;flex-direction:column;gap:12px;margin-top:12px}.crop-hint[data-v-b4952b12]{background:#38bdf81a;border:1px solid rgba(56,189,248,.3);border-radius:8px;color:var(--accent);font-size:.85rem;margin:0;padding:12px;text-align:center}.crop-dimensions[data-v-b4952b12]{display:flex;gap:12px}.crop-dim-item[data-v-b4952b12]{background:#0f172a99;border-radius:8px;display:flex;flex:1;font-size:.85rem;justify-content:space-between;padding:8px 12px}.crop-dim-item span[data-v-b4952b12]:first-child{color:var(--text-secondary)}.crop-dim-item span[data-v-b4952b12]:last-child{color:var(--text-primary);font-weight:600}.preview-wrapper[data-v-b4952b12]{display:inline-block;position:relative}.preview-wrapper.crop-active[data-v-b4952b12]{cursor:crosshair}.crop-overlay[data-v-b4952b12]{background:#00000080;inset:0;pointer-events:none;position:absolute}.crop-box[data-v-b4952b12]{border:2px solid var(--accent);box-shadow:0 0 0 9999px #00000080;cursor:move;pointer-events:all;position:absolute}.crop-box-inner[data-v-b4952b12]{border:1px dashed hsla(0,0%,100%,.5);inset:0;pointer-events:none;position:absolute}.crop-handle[data-v-b4952b12]{background:var(--accent);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:12px;position:absolute;transform:translate(-50%,-50%);width:12px}.crop-handle-nw[data-v-b4952b12]{cursor:nw-resize;left:0;top:0}.crop-handle-n[data-v-b4952b12]{cursor:n-resize;left:50%;top:0}.crop-handle-ne[data-v-b4952b12]{cursor:ne-resize;left:100%;top:0}.crop-handle-e[data-v-b4952b12]{cursor:e-resize;left:100%;top:50%}.crop-handle-se[data-v-b4952b12]{cursor:se-resize;left:100%;top:100%}.crop-handle-s[data-v-b4952b12]{cursor:s-resize;left:50%;top:100%}.crop-handle-sw[data-v-b4952b12]{cursor:sw-resize;left:0;top:100%}.crop-handle-w[data-v-b4952b12]{cursor:w-resize;left:0;top:50%}@media(max-width:1024px){.workspace[data-v-b4952b12]{grid-template-columns:1fr}.sidebar[data-v-b4952b12]{position:static}}@media(max-width:768px){.hero[data-v-b4952b12]{flex-direction:column;padding:24px;text-align:center}.hero h2[data-v-b4952b12]{font-size:1.5rem}.section[data-v-b4952b12]{padding:20px}}