.convert-page[data-v-faa9c61c]{max-width:56rem;margin:0 auto;padding:1.25rem 1rem 2rem}.page-title[data-v-faa9c61c]{font-size:1.85rem;font-weight:700;color:#1e293b;margin-bottom:.35rem;letter-spacing:.02em}.page-desc[data-v-faa9c61c]{font-size:.88rem;color:#94a3b8;font-weight:400}.mode-bar[data-v-faa9c61c]{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-bottom:1.25rem}.mode-chip[data-v-faa9c61c]{padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500;border:1.5px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.02em}.mode-chip[data-v-faa9c61c]:hover{border-color:#a78bfa;color:#7c3aed;background:#faf5ff}.mode-chip.active[data-v-faa9c61c]{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-color:transparent;box-shadow:0 2px 8px #7c3aed59}.convert-layout[data-v-faa9c61c]{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}@media(max-width:767px){.convert-layout[data-v-faa9c61c]{grid-template-columns:1fr;gap:.75rem}.swap-area[data-v-faa9c61c]{display:none}}.panel[data-v-faa9c61c]{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.panel[data-v-faa9c61c]:focus-within{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}.input-panel[data-v-faa9c61c]:focus-within{border-color:#a78bfa}.output-panel[data-v-faa9c61c]:focus-within{border-color:#a78bfa}.panel-header[data-v-faa9c61c]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.1rem;border-bottom:1px solid #f1f5f9;background:#fafbfc}.panel-label[data-v-faa9c61c]{font-size:.85rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.35rem}.label-icon[data-v-faa9c61c]{width:15px;height:15px;color:#10b981;flex-shrink:0}.char-count[data-v-faa9c61c]{font-size:.78rem;color:#9ca3af;font-family:SF Mono,Consolas,monospace;background:#f3f4f6;padding:.15rem .55rem;border-radius:999px}.text-area[data-v-faa9c61c]{width:100%;padding:1rem 1.1rem;border:none;outline:none;resize:vertical;font-size:.95rem;line-height:1.75;color:#1e293b;background:transparent;font-family:inherit;min-height:200px}.text-area[data-v-faa9c61c]::placeholder{color:#c4cbd8}.result-area[data-v-faa9c61c]{background:#fafbfc;color:#374151;cursor:default}.toolbar[data-v-faa9c61c]{display:flex;align-items:center;padding:.65rem 1.1rem;border-top:1px solid #f1f5f9;gap:.5rem;background:#fafbfc}.spacer[data-v-faa9c61c]{flex:1}.tool-btn[data-v-faa9c61c]{padding:.35rem .85rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#64748b;cursor:pointer;transition:all .18s;background:#fff}.tool-btn[data-v-faa9c61c]:hover:not(:disabled){border-color:#a78bfa;color:#7c3aed;background:#faf5ff}.tool-btn[data-v-faa9c61c]:disabled{opacity:.4;cursor:not-allowed}.convert-btn[data-v-faa9c61c]{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.4rem;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .22s ease;white-space:nowrap;box-shadow:0 2px 8px #7c3aed4d}.convert-btn[data-v-faa9c61c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #7c3aed6b}.convert-btn[data-v-faa9c61c]:active:not(:disabled){transform:translateY(0)}.convert-btn[data-v-faa9c61c]:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon[data-v-faa9c61c]{width:17px;height:17px}.swap-area[data-v-faa9c61c]{display:flex;align-items:center;justify-content:center;padding:4.5rem .4rem 0}.swap-btn[data-v-faa9c61c]{width:40px;height:40px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;flex-shrink:0}.swap-btn svg[data-v-faa9c61c]{width:18px;height:18px}.swap-btn[data-v-faa9c61c]:hover{border-color:#7c3aed;color:#7c3aed;background:#faf5ff;transform:rotate(180deg);box-shadow:0 2px 10px #7c3aed33}.copy-btn[data-v-faa9c61c]{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.82rem;color:#64748b;cursor:pointer;transition:all .2s;background:#fff}.copy-btn[data-v-faa9c61c]:hover{border-color:#10b981;color:#059669;background:#ecfdf5}.copy-btn.copied[data-v-faa9c61c]{border-color:#10b981;color:#059669;background:#ecfdf5;font-weight:500}.result-footer[data-v-faa9c61c]{padding:.5rem 1.1rem;border-top:1px solid #f1f5f9;font-size:.78rem;color:#9ca3af;background:#fafbfc}.info-cards[data-v-faa9c61c]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}@media(max-width:639px){.info-cards[data-v-faa9c61c]{grid-template-columns:1fr}}.info-card[data-v-faa9c61c]{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;background:#fff;border:1.5px solid #f1f5f9;border-radius:14px;transition:all .25s ease}.info-card[data-v-faa9c61c]:hover{border-color:#e2e8f0;box-shadow:0 4px 14px #0000000f;transform:translateY(-2px)}.info-icon[data-v-faa9c61c]{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.02em}.info-title[data-v-faa9c61c]{font-size:.92rem;font-weight:650;color:#1e293b;margin-bottom:.2rem}.info-text[data-v-faa9c61c]{font-size:.81rem;color:#64748b;line-height:1.55}