.wrap[data-v-42a7e815]{--c-bg: #f7f5f2;--c-surface: #ffffff;--c-border: #e8e4df;--c-text: #1c1917;--c-muted: #57534e;--c-faint: #a8a29e;--c-red: #ef4444;--c-red-d: #dc2626;--c-red-l: #fef2f2;--c-red-m: #fca5a5;--c-orange: #f97316;--c-green: #22c55e;background:var(--c-bg);min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--c-text)}.hero[data-v-42a7e815]{position:relative;overflow:hidden;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:36px 24px 28px}.hero-glow[data-v-42a7e815]{position:absolute;border-radius:50%;pointer-events:none;filter:blur(48px)}.g1[data-v-42a7e815]{width:280px;height:280px;background:#ef444417;top:-80px;left:-40px}.g2[data-v-42a7e815]{width:200px;height:200px;background:#fb923c12;top:-40px;right:-20px}.hero-inner[data-v-42a7e815]{max-width:780px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative}.hero-icon[data-v-42a7e815]{width:60px;height:60px;background:var(--c-red-l);border:1.5px solid var(--c-red-m);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444426}.hero-icon svg[data-v-42a7e815]{width:40px;height:40px}.hero-title[data-v-42a7e815]{font-size:1.55rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;margin:0}.hero-sub[data-v-42a7e815]{font-size:.82rem;color:var(--c-muted);margin:0;max-width:420px}.main-wrap[data-v-42a7e815]{max-width:900px;margin:0 auto;padding:28px 20px 48px;display:flex;flex-direction:column;gap:24px}.upload-section[data-v-42a7e815]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px}.drop-zone[data-v-42a7e815]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 24px;border:2px dashed var(--c-border);border-radius:12px;background:var(--c-bg);cursor:pointer;transition:border-color .2s,background .2s;text-align:center;min-height:180px}.drop-zone[data-v-42a7e815]:hover,.drop-zone--active[data-v-42a7e815]{border-color:var(--c-indigo);background:var(--c-indigo-l)}.drop-zone--filled[data-v-42a7e815]{border-style:solid;border-color:var(--c-indigo-m);background:var(--c-indigo-l)}.hidden-input[data-v-42a7e815]{display:none}.dz-icon-wrap[data-v-42a7e815]{width:72px;height:72px}.dz-icon-wrap svg[data-v-42a7e815]{width:72px;height:72px}.dz-title[data-v-42a7e815]{font-size:1rem;font-weight:600;color:var(--c-text);margin:0}.dz-sub[data-v-42a7e815]{font-size:.8rem;color:var(--c-faint);margin:0}.dz-file-icon[data-v-42a7e815]{width:52px;height:52px}.dz-file-icon svg[data-v-42a7e815]{width:52px;height:52px}.dz-file-name[data-v-42a7e815]{font-size:.95rem;font-weight:600;color:var(--c-indigo-d);margin:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-file-hint[data-v-42a7e815]{font-size:.78rem;color:var(--c-faint);margin:0}.action-bar[data-v-42a7e815]{display:flex;gap:12px;flex-wrap:wrap}.btn-convert[data-v-42a7e815]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-weight:600;font-size:.92rem;border:none;border-radius:10px;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 2px 8px #6366f14d}.btn-convert svg[data-v-42a7e815]{width:18px;height:18px}.btn-convert[data-v-42a7e815]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #6366f161}.btn-convert[data-v-42a7e815]:disabled{opacity:.45;cursor:not-allowed}.btn-download[data-v-42a7e815]{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--c-surface);color:var(--c-indigo-d);font-weight:600;font-size:.92rem;border:1.5px solid var(--c-indigo-m);border-radius:10px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.btn-download svg[data-v-42a7e815]{width:18px;height:18px}.btn-download[data-v-42a7e815]:hover{background:var(--c-indigo-l);transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.error-msg[data-v-42a7e815]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--c-red);padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.error-msg svg[data-v-42a7e815]{width:15px;height:15px;flex-shrink:0}.result-section[data-v-42a7e815]{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:20px}.result-header[data-v-42a7e815]{margin-bottom:14px}.result-count[data-v-42a7e815]{font-size:.82rem;font-weight:600;color:var(--c-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:20px;padding:3px 12px}.img-grid[data-v-42a7e815]{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.img-card[data-v-42a7e815]{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:var(--c-bg);cursor:pointer;border:1.5px solid var(--c-border);transition:transform .2s,box-shadow .2s}.img-card[data-v-42a7e815]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.img-thumb[data-v-42a7e815]{width:100%;height:100%;object-fit:cover;display:block}.img-overlay[data-v-42a7e815]{position:absolute;top:0;right:0;bottom:0;left:0;background:#6366f18c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.img-overlay svg[data-v-42a7e815]{width:28px;height:28px}.img-card:hover .img-overlay[data-v-42a7e815]{opacity:1}.img-seq[data-v-42a7e815]{position:absolute;top:6px;left:6px;background:#0000008c;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.img-name[data-v-42a7e815]{position:absolute;bottom:0;left:0;right:0;padding:14px 6px 5px;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);color:#fff;font-size:.68rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-result[data-v-42a7e815]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;color:var(--c-faint);font-size:.88rem}.empty-result svg[data-v-42a7e815]{width:64px;height:64px;opacity:.6}.overlay[data-v-42a7e815]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f0c1e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.overlay-card[data-v-42a7e815]{background:#fff;border-radius:20px;padding:36px 40px;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:220px;box-shadow:0 24px 60px #0003}.ring-svg[data-v-42a7e815]{width:80px;height:80px}.overlay-title[data-v-42a7e815]{font-size:1rem;font-weight:700;color:var(--c-text);margin:0}.overlay-sub[data-v-42a7e815]{font-size:.82rem;color:var(--c-muted);margin:0}.prog-bar-bg[data-v-42a7e815]{width:160px;height:5px;background:var(--c-indigo-l);border-radius:99px;overflow:hidden}.prog-bar-fill[data-v-42a7e815]{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:99px;transition:width .3s ease}.lightbox[data-v-42a7e815]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e0;display:flex;align-items:center;justify-content:center}.lb-img[data-v-42a7e815]{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px #00000080}.lb-close[data-v-42a7e815]{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.lb-close[data-v-42a7e815]:hover{background:#ffffff38}.lb-close svg[data-v-42a7e815]{width:18px;height:18px}.lb-nav[data-v-42a7e815]{position:absolute;width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s}.lb-nav[data-v-42a7e815]:hover{background:#ffffff38}.lb-nav svg[data-v-42a7e815]{width:22px;height:22px}.lb-prev[data-v-42a7e815]{left:20px}.lb-next[data-v-42a7e815]{right:20px}.lb-counter[data-v-42a7e815]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#ffffff26;color:#fff;font-size:.82rem;padding:4px 16px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fade-enter-active[data-v-42a7e815],.fade-leave-active[data-v-42a7e815]{transition:opacity .25s ease}.fade-enter-from[data-v-42a7e815],.fade-leave-to[data-v-42a7e815]{opacity:0}@media(max-width:600px){.hero-title[data-v-42a7e815]{font-size:1.25rem}.action-bar[data-v-42a7e815]{flex-direction:column}.btn-convert[data-v-42a7e815],.btn-download[data-v-42a7e815]{width:100%;justify-content:center}.img-grid[data-v-42a7e815]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}