.image-enhancer[data-v-d68ab287]{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);--sidebar-width: 220px}.image-enhancer[data-sidebar-collapsed=true][data-v-d68ab287]{--sidebar-width: 56px}.enhancer-body[data-v-d68ab287]{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0}.login-required-overlay[data-v-d68ab287]{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.login-card[data-v-d68ab287]{text-align:center;background:#ffffff0d;padding:3rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1)}.login-card .login-icon[data-v-d68ab287]{font-size:3rem;margin-bottom:16px}.login-card h3[data-v-d68ab287]{font-size:var(--font-size-lg, 1.15rem);margin:0 0 8px;color:#fff}.login-card p[data-v-d68ab287]{color:#888;margin:0 0 24px;font-size:var(--font-size-md, 1rem)}.editor-container[data-v-d68ab287]{flex:1;display:flex;padding:1rem;gap:1.5rem;height:100%;overflow:hidden;min-height:0}.canvas-wrapper[data-v-d68ab287]{flex:1;position:relative;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:0}.zoom-layer[data-v-d68ab287]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.zoom-layer .preview-img[data-v-d68ab287],.canvas-wrapper .preview-img[data-v-d68ab287]{max-width:100%;max-height:100%;display:block;object-fit:contain}.result-canvas-wrapper[data-v-d68ab287]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.composite-canvas[data-v-d68ab287]{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:4px}.toggle-bar[data-v-d68ab287]{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-d68ab287]{padding:6px 16px;background:transparent;border:none;color:#fff9;font-size:var(--font-size-sm, .85rem);font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active[data-v-d68ab287]:first-child{background:#374151cc;color:#fff}.toggle-btn.active[data-v-d68ab287]:last-child{background:#6366f1cc;color:#fff}.toggle-btn[data-v-d68ab287]:hover:not(.active){color:#fff;background:#ffffff1a}.file-info-panel[data-v-d68ab287]{width:100%;box-sizing:border-box;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:8px}.info-item[data-v-d68ab287]{display:flex;justify-content:space-between;font-size:var(--font-size-sm, .85rem);color:#ddd;margin-bottom:.25rem}.info-item span[data-v-d68ab287]{color:#888}.select-btn[data-v-d68ab287]{width:100%;margin-top:10px}.control-group[data-v-d68ab287]{display:flex;flex-direction:column;gap:.5rem}.control-label[data-v-d68ab287]{font-size:var(--font-size-sm, .85rem);font-weight:600;color:#ccc}.settings-card[data-v-d68ab287]{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0b}.settings-card__header[data-v-d68ab287]{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px}.settings-card__header>span[data-v-d68ab287]{flex:0 0 auto;color:#ffffffe0;font-size:13px;font-weight:800}.background-toolbar[data-v-d68ab287]{display:grid;grid-template-columns:1fr;gap:10px}.color-presets[data-v-d68ab287]{display:grid;grid-template-columns:repeat(8,32px);gap:8px;align-items:center}.color-dot[data-v-d68ab287]{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.15);transition:all .22s;position:relative;overflow:hidden}.color-dot[data-v-d68ab287]:hover{border-color:#fff6;transform:scale(1.1)}.color-dot.active[data-v-d68ab287]{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf666}.color-custom[data-v-d68ab287]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#6bcb77,#4d96ff,#9b59b6)!important}.color-custom input[data-v-d68ab287]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.color-custom span[data-v-d68ab287]{color:#fff;font-size:var(--font-size-lg, 1.15rem);font-weight:700;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bg-image-row[data-v-d68ab287]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bg-image-row .btn[data-v-d68ab287]{width:100%;min-height:36px;padding:0 10px}.slider[data-v-d68ab287]{width:100%;accent-color:#8b5cf6;cursor:pointer}.slider-value[data-v-d68ab287]{font-weight:400;color:#8b5cf6;margin-left:6px}.action-buttons[data-v-d68ab287]{display:flex;gap:8px;justify-content:center}.action-buttons .btn[data-v-d68ab287]{flex:1}.error-toast[data-v-d68ab287],.success-toast[data-v-d68ab287]{position:fixed;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:14px 44px 14px 24px;border-radius:12px;box-shadow:0 8px 30px #0000004d;z-index:100001;display:flex;align-items:center;max-width:90vw;width:max-content;font-weight:500;font-size:var(--font-size-md, 1rem);border:1px solid rgba(255,255,255,.1);animation:toast-in-top-d68ab287 .4s cubic-bezier(.175,.885,.32,1.275)}.error-toast[data-v-d68ab287]{top:100px;background:#dc2626f2}.success-toast[data-v-d68ab287]{top:20px;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 20px #10b98180;font-weight:600}@keyframes toast-in-top-d68ab287{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.error-toast-content[data-v-d68ab287],.success-toast-content[data-v-d68ab287]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.modal-close[data-v-d68ab287]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#0000001a;border:none;color:#fff;font-size:var(--font-size-lg, 1.15rem);cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.success-toast .modal-close[data-v-d68ab287]{background:#ffffff26}.modal-close[data-v-d68ab287]:hover{background:#0003;transform:translateY(-50%) rotate(90deg)}.btn[data-v-d68ab287]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:var(--font-size-md, 1rem);font-weight:600;cursor:pointer;border:none;transition:all .3s;white-space:nowrap}.btn[data-v-d68ab287]:disabled{opacity:.5;cursor:not-allowed}.btn-gradient[data-v-d68ab287]{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-gradient[data-v-d68ab287]:hover:not(:disabled){box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.btn-outline[data-v-d68ab287]{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ccc}.btn-outline[data-v-d68ab287]:hover:not(:disabled){border-color:#fff6;color:#fff}.btn-sm[data-v-d68ab287]{padding:6px 14px;font-size:var(--font-size-sm, .85rem)}.btn-secondary[data-v-d68ab287]{background:#ffffff14;color:#ccc}.btn-secondary[data-v-d68ab287]:hover:not(:disabled){background:#ffffff26;color:#fff}.btn-danger[data-v-d68ab287]{background:#ef444426;color:#fca5a5}.btn-danger[data-v-d68ab287]:hover:not(:disabled){background:#ef444440}@media (max-width: 768px){.image-enhancer[data-v-d68ab287]{left:0!important;width:100%!important;height:100dvh}.editor-container[data-v-d68ab287]{flex-direction:column;min-height:0;overflow:hidden}.canvas-wrapper[data-v-d68ab287]{flex:0 0 auto;width:100%;min-height:240px;height:clamp(240px,36dvh,380px);padding:12px}.zoom-layer .preview-img[data-v-d68ab287],.canvas-wrapper .preview-img[data-v-d68ab287],.composite-canvas[data-v-d68ab287]{max-height:100%}.controls-panel[data-v-d68ab287]{width:100%;flex:1;min-height:0;max-height:none;overflow-y:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}}.control-group.control-group-inline[data-v-d68ab287]{flex-direction:row!important;align-items:center;gap:12px}.control-group.control-group-inline .control-label[data-v-d68ab287]{white-space:nowrap;margin-bottom:0}.dimensions-inputs-inline[data-v-d68ab287]{display:flex;align-items:center;gap:6px;flex:1}.dimensions-inputs-inline input[data-v-d68ab287]{width:76px;min-height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:#fff;border-radius:6px;text-align:center;font-size:var(--font-size-sm, .85rem)}.dimensions-inputs-inline .dim-separator[data-v-d68ab287]{color:#888;font-size:1rem}.preset-platforms[data-v-d68ab287]{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:0}.preset-btn[data-v-d68ab287]{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1e1e24;border:1px solid #333;border-radius:8px;padding:7px 4px;cursor:pointer;transition:all .2s ease;min-height:50px}.preset-btn[data-v-d68ab287]:hover{border-color:#818cf8;background:#818cf81a}.preset-btn.special[data-v-d68ab287]{background:#10b9810d;border-color:#10b98133}.preset-btn.special[data-v-d68ab287]:hover{border-color:#34d399}.platform-name[data-v-d68ab287]{max-width:100%;overflow:hidden;font-size:12px;color:#ddd;font-weight:500;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.platform-dim[data-v-d68ab287]{font-size:12px;color:#888;margin-top:2px;line-height:1.2}.help-text[data-v-d68ab287]{font-size:var(--font-size-sm, .85rem);color:#818cf8;margin-top:10px;line-height:1.4}.canvas-aspect-container[data-v-d68ab287]{position:relative;max-width:100%;max-height:100%;margin:auto;box-shadow:0 4px 20px #00000080}.canvas-aspect-container .composite-canvas[data-v-d68ab287]{width:100%;height:100%;display:block;object-fit:fill}.transform-overlay[data-v-d68ab287]{position:absolute;box-sizing:border-box;border:1px dashed rgba(255,255,255,.9);cursor:move;z-index:10}.transform-overlay[data-v-d68ab287]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 1px #0000004d;pointer-events:none}.t-handle[data-v-d68ab287]{position:absolute;width:10px;height:10px;background:#fff;border:1px solid #000;border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%)}.t-handle[data-v-d68ab287]:hover{transform:translate(-50%,-50%) scale(1.3);background:#3b82f6;border-color:#fff}.t-tl[data-v-d68ab287]{top:0;left:0;cursor:nwse-resize}.t-tc[data-v-d68ab287]{top:0;left:50%;cursor:ns-resize}.t-tr[data-v-d68ab287]{top:0;left:100%;cursor:nesw-resize}.t-ml[data-v-d68ab287]{top:50%;left:0;cursor:ew-resize}.t-mr[data-v-d68ab287]{top:50%;left:100%;cursor:ew-resize}.t-bl[data-v-d68ab287]{top:100%;left:0;cursor:nesw-resize}.t-bc[data-v-d68ab287]{top:100%;left:50%;cursor:ns-resize}.t-br[data-v-d68ab287]{top:100%;left:100%;cursor:nwse-resize}.suggestion-tip[data-v-d68ab287]{margin-bottom:16px;padding:10px 14px;background:#ef44441a;border-radius:8px;color:#fca5a5;font-size:var(--font-size-sm, .85rem);line-height:1.5}.suggestion-tip a[data-v-d68ab287]{color:#ef4444;text-decoration:underline;font-weight:600}@media (max-width: 768px){.image-enhancer[data-v-d68ab287]{left:0!important;width:100%!important;--sidebar-width: 0px !important;height:100dvh}.modal-header[data-v-d68ab287]{padding:.75rem}.modal-title[data-v-d68ab287]{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.editor-container[data-v-d68ab287]{flex-direction:column;overflow-y:auto;padding:.5rem;gap:.75rem}.canvas-wrapper[data-v-d68ab287]{flex:0 0 auto;width:100%;min-height:300px;height:42dvh;padding:12px}.zoom-layer .preview-img[data-v-d68ab287],.canvas-wrapper .preview-img[data-v-d68ab287]{max-height:100%!important;max-width:100%!important}.controls-panel[data-v-d68ab287]{width:100%;max-height:none;padding:1rem;gap:.75rem;margin-bottom:2rem}}.controls-panel[data-v-d68ab287]{padding:14px!important;gap:14px!important;width:420px!important;min-width:420px!important;max-width:420px!important;flex:0 0 420px!important;border-radius:0!important;border:none!important;background:#12121ef5!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.controls-panel .control-label[data-v-d68ab287],.controls-panel .control-group>label[data-v-d68ab287],.controls-panel .slider-header[data-v-d68ab287]{color:#ffffffc7!important;font-size:12px!important;font-weight:600!important}.topic-guide-link[data-v-d68ab287]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:260px;min-height:68px;margin:14px auto 0;padding:8px 18px;border:2px solid rgba(139,92,246,.4);border-radius:999px;background:transparent;color:#d8ccff;text-align:center;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.topic-guide-link[data-v-d68ab287]:hover{border-color:#8b5cf6cc;background:#8b5cf614;transform:translateY(-2px)}.topic-guide-link span[data-v-d68ab287]{color:#f8f5ff;font-size:.9rem;font-weight:700;line-height:1.25}.topic-guide-link small[data-v-d68ab287]{color:#ffffff94;font-size:.72rem;line-height:1.35}
