.image-enhancer[data-v-a2f30f85]{position:fixed;top:0;left:var(--sidebar-width, 220px);width:calc(100% - var(--sidebar-width, 220px));height:100%;background:var(--gradient-hero);z-index:1000;display:flex;flex-direction:column;transition:left .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.image-enhancer[data-sidebar-collapsed=true][data-v-a2f30f85]{--sidebar-width: 56px}.enhancer-body[data-v-a2f30f85]{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.editor-container[data-v-a2f30f85]{display:flex;flex:1;min-height:0}.controls-panel.editor-controls-panel[data-v-a2f30f85]{padding:14px!important;gap:8px!important}.canvas-wrapper[data-v-a2f30f85]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;min-width:0;overflow:hidden;background:#09090b}.zoom-layer[data-v-a2f30f85]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.preview-img[data-v-a2f30f85]{max-height:100%;max-width:100%;object-fit:contain;border-radius:4px;position:relative;z-index:2;box-shadow:0 4px 20px #0006}.result-img[data-v-a2f30f85]{width:100%!important;height:100%!important;object-fit:contain!important}.preview-container[data-v-a2f30f85]{background:#09090b;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);max-width:100%;max-height:100%}.preview-container.show-checkerboard[data-v-a2f30f85]{background-image:linear-gradient(45deg,#18181b 25%,transparent 25%),linear-gradient(-45deg,#18181b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#18181b 75%),linear-gradient(-45deg,transparent 75%,#18181b 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#0c0c0e}.preview-container.show-checkerboard[data-v-a2f30f85]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:1}.result-img[data-v-a2f30f85]{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}.ratio-label-overlay[data-v-a2f30f85]{position:absolute;bottom:12px;left:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:500;z-index:10;pointer-events:none;border:1px solid rgba(255,255,255,.15);white-space:nowrap}.ratio-label-overlay.result[data-v-a2f30f85]{left:auto;right:12px;background:#8b5cf666;border-color:#8b5cf64d}.toggle-bar[data-v-a2f30f85]{position:absolute;top:12px;right:12px;z-index:20;display:flex;gap:0;background:#0009;border-radius:8px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.toggle-btn[data-v-a2f30f85]{padding:6px 16px;background:transparent;border:none;color:#fff9;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active[data-v-a2f30f85]:first-child{background:#374151cc;color:#fff}.toggle-btn.active[data-v-a2f30f85]:last-child{background:#6366f1cc;color:#fff}.toggle-btn[data-v-a2f30f85]:hover:not(.active){color:#fff;background:#ffffff1a}.controls-panel[data-v-a2f30f85]{width:360px;flex-shrink:0;background:#18181b;border-left:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.file-info-panel[data-v-a2f30f85]{background:#ffffff0d;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.info-item[data-v-a2f30f85]{display:flex;justify-content:space-between;font-size:.8rem;color:#aaa}.info-value[data-v-a2f30f85]{color:#fff;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-btn[data-v-a2f30f85]{margin-top:8px;width:100%}.control-group[data-v-a2f30f85]{display:flex;flex-direction:column}.control-label[data-v-a2f30f85]{font-size:.85rem;color:#ccc;margin-bottom:8px;font-weight:500}.ratio-presets[data-v-a2f30f85]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ratio-btn[data-v-a2f30f85]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;color:#ccc;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:all .2s}.ratio-btn[data-v-a2f30f85]:hover:not(:disabled){background:#8b5cf126;border-color:#8b5cf64d}.ratio-btn.active[data-v-a2f30f85]{background:#6366f133;border-color:#8b5cf6;color:#fff}.ratio-icon[data-v-a2f30f85]{font-size:1.1rem}.ratio-text[data-v-a2f30f85]{font-size:.75rem}.custom-ratio-input[data-v-a2f30f85]{margin-top:12px;background:#ffffff0d;padding:12px;border-radius:10px}.custom-input-row[data-v-a2f30f85]{display:flex;align-items:center;gap:8px}.ratio-num-input[data-v-a2f30f85]{flex:1;width:100%;min-width:0;background:#09090b;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 4px;border-radius:6px;font-size:.9rem;text-align:center}.ratio-num-input[data-v-a2f30f85]:focus{border-color:#8b5cf6;outline:none}.ratio-sep[data-v-a2f30f85]{color:#888;font-weight:700}.advanced-options[data-v-a2f30f85]{background:#ffffff08;padding:12px;border-radius:10px}.switch-item[data-v-a2f30f85]{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.switch-item.disabled[data-v-a2f30f85]{cursor:not-allowed;opacity:.6}.switch-info[data-v-a2f30f85]{display:flex;flex-direction:column}.switch-label[data-v-a2f30f85]{font-size:.85rem;color:#eee}.switch-desc[data-v-a2f30f85]{font-size:.7rem;color:#666}.switch-wrapper[data-v-a2f30f85]{position:relative;width:40px;height:20px}.switch-wrapper input[data-v-a2f30f85]{opacity:0;width:0;height:0}.switch-slider[data-v-a2f30f85]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:20px}.switch-slider[data-v-a2f30f85]:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.switch-slider[data-v-a2f30f85]{background-color:#8b5cf6}input:checked+.switch-slider[data-v-a2f30f85]:before{transform:translate(20px)}.action-buttons[data-v-a2f30f85]{display:flex;flex-direction:column;gap:10px}.btn[data-v-a2f30f85]{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-gradient[data-v-a2f30f85]{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;width:100%}.btn-gradient[data-v-a2f30f85]:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-secondary[data-v-a2f30f85]{background:#ffffff14;color:#ccc;width:100%;border:1px solid rgba(255,255,255,.1)}.btn-secondary[data-v-a2f30f85]:hover:not(:disabled){background:#ffffff1f;color:#fff}.btn[data-v-a2f30f85]:disabled{opacity:.5;cursor:not-allowed}.fade-enter-active[data-v-a2f30f85],.fade-leave-active[data-v-a2f30f85]{transition:opacity .3s ease}.fade-enter-from[data-v-a2f30f85],.fade-leave-to[data-v-a2f30f85]{opacity:0}.truncate[data-v-a2f30f85]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.image-enhancer[data-v-a2f30f85]{left:0!important;width:100%!important;height:100dvh}.editor-container[data-v-a2f30f85]{flex-direction:column;min-height:0;overflow:hidden}.canvas-wrapper[data-v-a2f30f85]{flex:0 0 auto;width:100%;min-height:300px;height:42dvh;padding:12px}.zoom-layer .preview-container[data-v-a2f30f85],.zoom-layer .preview-img[data-v-a2f30f85],.canvas-wrapper .preview-img[data-v-a2f30f85]{max-height:100%!important;max-width:100%!important}.controls-panel[data-v-a2f30f85]{width:100%;flex:1;min-height:0;min-width:unset;border-left:none;border-top:1px solid rgba(255,255,255,.1);overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}