.hero-section[data-v-9724a7a4]{width:100%;padding:0;text-align:center}.hero-header[data-v-9724a7a4]{margin-bottom:32px}.hero-title[data-v-9724a7a4]{font-size:1.8rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:8px}.hero-desc[data-v-9724a7a4]{font-size:.95rem;color:var(--color-text-secondary);line-height:1.7;max-width:540px;margin:0 auto}.hero-tabs[data-v-9724a7a4]{display:inline-flex;gap:4px;background:var(--color-surface);padding:4px;border-radius:var(--radius-md);margin-bottom:28px}.hero-tab[data-v-9724a7a4]{padding:8px 20px;background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.hero-tab[data-v-9724a7a4]:hover{color:var(--color-text-primary)}.hero-tab.active[data-v-9724a7a4]{background:var(--color-surface-card);color:var(--color-text-primary);font-weight:600;box-shadow:var(--shadow-card)}.dropzone[data-v-9724a7a4]{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:48px 32px;background:var(--color-bg-secondary);cursor:pointer;transition:all .25s;text-align:center;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none}.dropzone[data-v-9724a7a4]:hover{border-color:var(--color-neon-cyan);background:var(--color-neon-cyan-dim)}.dropzone[data-v-9724a7a4]:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #6366f133}.dropzone.has-file[data-v-9724a7a4]{border-style:solid;border-color:var(--color-primary-300);background:var(--color-bg-elevated)}.dropzone.dragging[data-v-9724a7a4]{border-color:var(--color-neon-cyan);background:var(--color-neon-cyan-dim);border-style:solid}.dropzone-icon[data-v-9724a7a4]{margin-bottom:16px;pointer-events:none}.dropzone-label[data-v-9724a7a4]{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin-bottom:6px;pointer-events:none}.dropzone-hint[data-v-9724a7a4]{font-size:.84rem;color:var(--color-text-tertiary);pointer-events:none}.dropzone-files[data-v-9724a7a4]{display:flex;align-items:center;gap:12px;pointer-events:none}.dropzone-count[data-v-9724a7a4]{font-size:1rem;color:var(--color-text-primary)}.dropzone-file-preview[data-v-9724a7a4]{display:flex;flex-direction:column;align-items:center;gap:8px}.file-icon-lg[data-v-9724a7a4]{margin-bottom:4px}.file-name-trunc[data-v-9724a7a4]{font-weight:600;color:var(--color-text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size-sm[data-v-9724a7a4]{font-size:.78rem;color:var(--color-text-tertiary)}.dropzone-grid[data-v-9724a7a4]{display:grid;gap:16px}.dropzone-grid.single[data-v-9724a7a4]{grid-template-columns:1fr}.dropzone-grid.pair[data-v-9724a7a4]{grid-template-columns:1fr 1fr}.file-chips[data-v-9724a7a4]{margin-top:16px;text-align:left;background:var(--color-surface-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.file-chips-header[data-v-9724a7a4]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--color-surface);font-size:.84rem;font-weight:600;color:var(--color-text-secondary)}.btn-xs[data-v-9724a7a4]{padding:4px 12px;font-size:.78rem}.file-chips-list[data-v-9724a7a4]{max-height:240px;overflow-y:auto}.file-chip[data-v-9724a7a4]{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--color-border-light)}.file-chip[data-v-9724a7a4]:last-child{border-bottom:none}.chip-idx[data-v-9724a7a4]{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:50%;font-size:.72rem;font-weight:700;flex-shrink:0}.chip-name[data-v-9724a7a4]{flex:1;font-size:.84rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-size[data-v-9724a7a4]{font-size:.76rem;color:var(--color-text-tertiary);flex-shrink:0}.chip-remove[data-v-9724a7a4]{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:.78rem;padding:2px 4px;opacity:.6;transition:opacity .2s;flex-shrink:0}.chip-remove[data-v-9724a7a4]:hover{opacity:1;color:var(--color-error)}.hero-notice[data-v-9724a7a4]{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 18px;background:var(--color-warning-bg);border-radius:var(--radius-md);font-size:.84rem;color:var(--color-warning)}@media (max-width: 640px){.hero-title[data-v-9724a7a4]{font-size:1.4rem}.dropzone[data-v-9724a7a4]{padding:32px 20px;min-height:160px}.dropzone-grid.pair[data-v-9724a7a4]{grid-template-columns:1fr}}.settings[data-v-c6453a2b]{width:100%;margin:24px 0 0;padding:0;animation:fadeUp-c6453a2b .3s ease-out}.settings-grid[data-v-c6453a2b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;padding:20px;background:var(--color-surface-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.setting-item[data-v-c6453a2b]{display:flex;flex-direction:column;gap:6px}.setting-label[data-v-c6453a2b]{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.range-row[data-v-c6453a2b]{display:flex;align-items:center;gap:12px}.range-slider[data-v-c6453a2b]{flex:1;accent-color:var(--color-primary-500);height:6px}.range-val[data-v-c6453a2b]{font-size:.84rem;font-weight:600;color:var(--color-text-primary);min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.color-row[data-v-c6453a2b]{display:flex;align-items:center;gap:10px}.color-input[data-v-c6453a2b]{width:32px;height:32px;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:none}.color-hex[data-v-c6453a2b]{font-size:.84rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}@keyframes fadeUp-c6453a2b{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.settings-grid[data-v-c6453a2b]{grid-template-columns:1fr;padding:16px}}.preview-section[data-v-451539e9]{width:100%;height:100%;animation:fadeUp-451539e9 .35s ease-out;display:flex;flex-direction:column}.preview-container[data-v-451539e9]{flex:1;display:flex;flex-direction:column;background:var(--color-surface-card);border:1px solid var(--color-border-light);border-right:none;border-radius:var(--radius-xl);border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;box-shadow:none}.preview-header[data-v-451539e9]{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:14px 18px;border-bottom:1px solid var(--color-border-light)}.preview-title[data-v-451539e9]{font-size:.92rem;font-weight:700}.preview-actions[data-v-451539e9]{display:flex;gap:8px}.btn-sm[data-v-451539e9]{padding:8px 16px;font-size:.84rem}.btn-ghost[data-v-451539e9]{background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:6px 12px;border-radius:var(--radius-sm);transition:all .15s}.btn-ghost[data-v-451539e9]:hover{background:var(--color-surface);color:var(--color-text-primary)}.btn-ghost.copied[data-v-451539e9]{color:var(--color-success)}.preview-body[data-v-451539e9]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background:var(--color-bg-primary);overflow:auto;min-height:300px}.preview-body--dev[data-v-451539e9]{align-items:flex-start;padding:0}.preview-image[data-v-451539e9]{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.preview-image img[data-v-451539e9]{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.preview-iframe[data-v-451539e9]{width:100%;height:100%;border:none;border-radius:var(--radius-md)}.preview-qr img[data-v-451539e9]{max-width:280px;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.dev-text-wrap[data-v-451539e9]{width:100%}.dev-stats[data-v-451539e9]{font-size:.82rem;color:var(--color-neon-cyan);padding:10px 14px;background:var(--color-neon-cyan-dim);border:1px solid rgb(0 229 255 / .15);border-radius:var(--radius-sm);margin-bottom:12px;font-weight:600;font-family:var(--font-mono)}.dev-error[data-v-451539e9]{font-size:.85rem;color:var(--color-error);padding:10px 14px;background:var(--color-error-bg);border:1px solid rgb(248 113 113 / .15);border-radius:var(--radius-sm);margin-bottom:10px}.dev-code[data-v-451539e9]{width:100%;background:var(--color-bg-deepest);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;word-break:break-all;max-height:600px;overflow:auto;color:var(--color-text-primary);line-height:1.6}.dev-code--error[data-v-451539e9]{border-color:#f8717140;background:var(--color-error-bg);color:var(--color-error)}.dev-code--key[data-v-451539e9]{max-height:250px;font-size:.78rem}.dev-rows-wrap[data-v-451539e9]{width:100%}.dev-row[data-v-451539e9]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--color-border-light)}.dev-row[data-v-451539e9]:last-child{border-bottom:none}.dev-row-label[data-v-451539e9]{font-size:.84rem;color:var(--color-text-secondary)}.dev-row-value[data-v-451539e9]{font-family:var(--font-mono);font-size:.86rem;color:var(--color-text-primary)}.dev-row-value--mono[data-v-451539e9]{flex:1;letter-spacing:.03em}.dev-list-wrap[data-v-451539e9]{width:100%;display:flex;flex-direction:column;gap:6px}.match-chips[data-v-451539e9]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.match-chip[data-v-451539e9]{padding:5px 14px;background:var(--color-neon-cyan-dim);color:var(--color-neon-cyan);border:1px solid rgb(0 229 255 / .15);border-radius:100px;font-size:.82rem;font-family:var(--font-mono);font-weight:500}.highlight-box[data-v-451539e9]{padding:16px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;white-space:pre-wrap;line-height:1.7;max-height:500px;overflow:auto}.highlight-box[data-v-451539e9] mark.re-highlight{background:#fef08a;padding:1px 2px;border-radius:2px;color:#111}.dev-key-wrap[data-v-451539e9]{width:100%}.key-block[data-v-451539e9]{margin-bottom:16px}.key-label[data-v-451539e9]{font-size:.85rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:8px}.empty-hint[data-v-451539e9]{color:var(--color-text-tertiary);font-size:.9rem;padding:24px}@keyframes fadeUp-451539e9{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.preview-section[data-v-451539e9]{height:auto;min-height:50vh}.preview-body[data-v-451539e9]{min-height:350px;max-height:70vh}}.converter-layout[data-v-28ebbad1]{display:flex;gap:0;width:100%;min-height:0;align-items:flex-start}.converter-panel[data-v-28ebbad1]{flex:0 0 clamp(340px,40vw,520px);min-width:0;padding:clamp(20px,3vh,32px) clamp(12px,3vw,32px) clamp(32px,5vh,60px) clamp(12px,3vw,32px)}.preview-panel[data-v-28ebbad1]{flex:1;min-width:280px;position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));display:flex;flex-direction:column;padding:0}.section-header[data-v-28ebbad1]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title[data-v-28ebbad1]{font-size:.88rem;font-weight:700;color:var(--color-text-secondary)}.section-hint[data-v-28ebbad1]{font-size:.78rem;color:var(--color-primary-500);font-weight:600}.target-format-bar[data-v-28ebbad1]{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;background:var(--color-bg-elevated);border:1px solid var(--color-neon-cyan-dim);border-radius:var(--radius-lg)}.target-label[data-v-28ebbad1]{font-size:.88rem;font-weight:700;color:var(--color-text-secondary)}.target-badge[data-v-28ebbad1]{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--color-primary-500);color:#fff;border-radius:100px;font-weight:600;font-size:.88rem}.target-icon[data-v-28ebbad1]{font-size:1.1rem}.target-name[data-v-28ebbad1]{letter-spacing:.3px}.mode-section[data-v-28ebbad1]{margin-bottom:24px}.mode-grid[data-v-28ebbad1]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mode-card-h[data-v-28ebbad1]{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-card);cursor:pointer;transition:all .2s;text-align:center}.mode-card-h[data-v-28ebbad1]:hover{border-color:var(--color-primary-300);transform:translateY(-2px)}.mode-card-h.selected[data-v-28ebbad1]{border-color:var(--color-primary-500);background:var(--color-neon-cyan-dim)}.mode-badge[data-v-28ebbad1]{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:100px}.mode-icon-h[data-v-28ebbad1]{font-size:1.5rem;line-height:1}.mode-name-h[data-v-28ebbad1]{font-size:.8rem;font-weight:700;color:var(--color-text-primary)}.mode-desc-h[data-v-28ebbad1]{font-size:.7rem;color:var(--color-text-tertiary);line-height:1.3}.upload-section[data-v-28ebbad1]{margin-bottom:24px}.upload-section .section-title[data-v-28ebbad1]{margin-bottom:12px;display:block}.dropzone[data-v-28ebbad1]{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--color-bg-secondary)}.dropzone[data-v-28ebbad1]:hover,.dropzone.dragging[data-v-28ebbad1]{border-color:var(--color-neon-cyan);background:var(--color-neon-cyan-dim)}.dropzone.hasFile[data-v-28ebbad1]{border-style:solid;border-color:var(--color-primary-500);background:var(--color-bg-elevated)}.upload-icon[data-v-28ebbad1]{color:var(--color-primary-500);margin-bottom:12px}.upload-text[data-v-28ebbad1]{display:flex;flex-direction:column;gap:4px}.upload-primary[data-v-28ebbad1]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.upload-secondary[data-v-28ebbad1]{font-size:.82rem;color:var(--color-text-tertiary)}.file-info[data-v-28ebbad1]{display:flex;align-items:center;gap:12px;padding:8px}.file-icon[data-v-28ebbad1]{font-size:2rem}.file-details[data-v-28ebbad1]{flex:1;text-align:left}.file-name[data-v-28ebbad1]{font-size:.9rem;font-weight:600;color:var(--color-text-primary);word-break:break-all}.file-size[data-v-28ebbad1]{font-size:.78rem;color:var(--color-text-tertiary)}.btn-remove[data-v-28ebbad1]{width:32px;height:32px;border:none;background:var(--color-surface);border-radius:50%;cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove[data-v-28ebbad1]:hover{background:var(--color-error-bg);color:var(--color-error)}.file-notice[data-v-28ebbad1]{margin-top:10px;padding:10px 14px;background:var(--color-warning-bg);border:1px solid rgb(245 158 11 / .2);border-radius:var(--radius-md);font-size:.8rem;color:var(--color-warning);line-height:1.5}.action-section[data-v-28ebbad1]{text-align:center}.btn-convert[data-v-28ebbad1]{width:100%;padding:14px 32px;font-size:1rem;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-convert[data-v-28ebbad1]:disabled{opacity:.6;cursor:not-allowed}.preview-container[data-v-28ebbad1]{flex:1;display:flex;flex-direction:column;background:var(--color-surface-card);border:1px solid var(--color-border-light);border-right:none;border-radius:var(--radius-xl);border-top-right-radius:0;border-bottom-right-radius:0;overflow:hidden;box-shadow:none}.preview-container.empty[data-v-28ebbad1]{background:var(--color-bg-primary)}.preview-header[data-v-28ebbad1]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--color-border-light)}.preview-title[data-v-28ebbad1]{font-size:.92rem;font-weight:700;color:var(--color-text-primary)}.preview-actions[data-v-28ebbad1]{display:flex;gap:8px}.btn-sm[data-v-28ebbad1]{padding:8px 16px;font-size:.84rem}.preview-body[data-v-28ebbad1]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;overflow:auto}.empty-state[data-v-28ebbad1]{text-align:center;color:var(--color-text-tertiary);padding:24px}.empty-icon[data-v-28ebbad1]{font-size:3rem;margin-bottom:12px}.empty-text[data-v-28ebbad1]{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:4px}.empty-hint[data-v-28ebbad1]{font-size:.82rem}.preview-iframe[data-v-28ebbad1]{width:100%;height:100%;border:none;border-radius:var(--radius-md)}.preview-image[data-v-28ebbad1]{max-width:100%;max-height:100%}.preview-image img[data-v-28ebbad1]{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.preview-text[data-v-28ebbad1]{width:100%;max-height:100%;overflow:auto;background:var(--color-bg-deepest);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-all}.file-result[data-v-28ebbad1]{text-align:center}.result-icon[data-v-28ebbad1]{font-size:4rem;margin-bottom:16px}.result-name[data-v-28ebbad1]{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:20px;word-break:break-all}@media (max-width: 1100px){.converter-layout[data-v-28ebbad1]{flex-direction:column}.converter-panel[data-v-28ebbad1]{flex:none;max-width:100%;padding:24px clamp(12px,3vw,24px) 32px}.preview-panel[data-v-28ebbad1]{position:static;flex:none;width:100%;max-width:100%;height:auto;min-height:400px;padding:0 0 32px}}@media (max-width: 640px){.mode-grid[data-v-28ebbad1]{grid-template-columns:repeat(2,1fr)}.converter-panel[data-v-28ebbad1]{padding:16px 12px 24px}}.btn-primary[data-v-28ebbad1]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:var(--color-primary-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-v-28ebbad1]:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:0 4px 12px #4f6bed40}.btn-primary[data-v-28ebbad1]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.spinner[data-v-28ebbad1]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-28ebbad1 .7s linear infinite}@keyframes spin-28ebbad1{to{transform:rotate(360deg)}}