.converter[data-v-34cfaaac]{max-width:1000px;margin:0 auto;padding:20px}.tabs[data-v-34cfaaac]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab[data-v-34cfaaac]{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:600;color:#666;transition:all .3s}.tab[data-v-34cfaaac]:hover{color:#2196f3}.tab.active[data-v-34cfaaac]{color:#2196f3;border-bottom-color:#2196f3}.converter-section[data-v-34cfaaac]{display:flex;flex-direction:column;gap:2rem}.input-section[data-v-34cfaaac],.output-section[data-v-34cfaaac]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem}h3[data-v-34cfaaac]{margin:0 0 1.5rem;font-size:1.3rem;color:#333}.input-group[data-v-34cfaaac]{margin-bottom:1.5rem}.input-group label[data-v-34cfaaac]{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.textarea-field[data-v-34cfaaac]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-family:Courier New,monospace;resize:vertical;transition:border-color .3s}.textarea-field[data-v-34cfaaac]:focus{outline:none;border-color:#2196f3}.textarea-field[data-v-34cfaaac]:read-only{background:#f8f9fa}.options-row[data-v-34cfaaac]{display:flex;gap:2rem;align-items:flex-end;margin-bottom:1.5rem}.option[data-v-34cfaaac]{flex:1}.option label[data-v-34cfaaac]{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.select-field[data-v-34cfaaac]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;cursor:pointer;transition:border-color .3s}.select-field[data-v-34cfaaac]:focus{outline:none;border-color:#2196f3}.checkbox-label[data-v-34cfaaac]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;color:#333}.checkbox-label input[type=checkbox][data-v-34cfaaac]{width:18px;height:18px;cursor:pointer}.action-buttons[data-v-34cfaaac]{display:flex;gap:1rem;flex-wrap:wrap}.btn[data-v-34cfaaac]{padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary[data-v-34cfaaac]{flex:1;background:#2196f3;color:#fff}.btn-primary[data-v-34cfaaac]:hover:not(:disabled){background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.btn-primary[data-v-34cfaaac]:disabled{background:#ccc;cursor:not-allowed}.btn-secondary[data-v-34cfaaac]{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary[data-v-34cfaaac]:hover{background:#e0e0e0}.stats[data-v-34cfaaac]{display:flex;gap:1rem;margin-bottom:1rem}.stat[data-v-34cfaaac]{padding:.5rem 1rem;background:#e3f2fd;color:#2196f3;border-radius:6px;font-weight:600;font-size:.9rem}.output-group[data-v-34cfaaac]{margin-bottom:1rem}.error-section[data-v-34cfaaac]{background:#fee;border:2px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:2rem;color:#c00}.info-section[data-v-34cfaaac]{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #2196f3}.info-section h3[data-v-34cfaaac]{margin:0 0 1rem;font-size:1.1rem;color:#333}.info-grid[data-v-34cfaaac]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item h4[data-v-34cfaaac]{color:#2196f3;font-size:1rem;margin:0 0 .5rem}.info-item p[data-v-34cfaaac]{margin:0;color:#666;font-size:.9rem;line-height:1.6}@media (max-width: 768px){.options-row[data-v-34cfaaac]{flex-direction:column;gap:1rem}.action-buttons[data-v-34cfaaac]{flex-direction:column}.btn[data-v-34cfaaac]{width:100%}.info-grid[data-v-34cfaaac]{grid-template-columns:1fr}}.page[data-v-ef9bd9dd]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.info-section[data-v-ef9bd9dd]{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.info-header[data-v-ef9bd9dd]{text-align:center;margin-bottom:2rem;position:relative}.info-header h2[data-v-ef9bd9dd]{font-size:1.8rem;color:#1f2937;margin-bottom:.5rem}.info-subtitle[data-v-ef9bd9dd]{color:#6b7280;font-size:1.1rem}.info-grid[data-v-ef9bd9dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.info-card[data-v-ef9bd9dd]{background:#f9fafb;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.info-card.full-width[data-v-ef9bd9dd]{grid-column:1 / -1}.info-card h3[data-v-ef9bd9dd]{font-size:1.25rem;color:#1f2937;margin-bottom:1rem}.info-card h4[data-v-ef9bd9dd]{font-size:1rem;color:#374151;margin:1rem 0 .5rem}.info-card p[data-v-ef9bd9dd]{color:#4b5563;line-height:1.7;margin-bottom:.75rem}.code-example[data-v-ef9bd9dd]{background:#1f2937;border-radius:8px;padding:1rem;margin:1rem 0}.code-example h4[data-v-ef9bd9dd]{color:#6b7280;font-size:.85rem;margin:0 0 .5rem}.code-example pre[data-v-ef9bd9dd]{margin:0;overflow-x:auto}.code-example code[data-v-ef9bd9dd]{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:pre}.format-features[data-v-ef9bd9dd]{list-style:none;padding:0;margin:1rem 0 0}.format-features li[data-v-ef9bd9dd]{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#4b5563;font-size:.9rem}.format-features li[data-v-ef9bd9dd]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.comparison-table[data-v-ef9bd9dd]{width:100%;border-collapse:collapse;font-size:.9rem}.comparison-table th[data-v-ef9bd9dd],.comparison-table td[data-v-ef9bd9dd]{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.comparison-table th[data-v-ef9bd9dd]{background:#f3f4f6;font-weight:600;color:#374151}.comparison-table th[data-v-ef9bd9dd]:first-child{width:20%}.comparison-table td[data-v-ef9bd9dd]{color:#4b5563}.comparison-table tr[data-v-ef9bd9dd]:hover{background:#f9fafb}.use-cases[data-v-ef9bd9dd]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.use-case[data-v-ef9bd9dd]{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.direction[data-v-ef9bd9dd]{display:inline-block;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.use-case ul[data-v-ef9bd9dd]{margin:0;padding-left:1.2rem;font-size:.9rem;color:#4b5563}.use-case li[data-v-ef9bd9dd]{margin-bottom:.3rem}.warning-list[data-v-ef9bd9dd]{display:flex;flex-direction:column;gap:1rem}.warning-item[data-v-ef9bd9dd]{display:flex;gap:.75rem;padding:1rem;background:#fffbeb;border-radius:8px;border:1px solid #fde68a}.warning-icon[data-v-ef9bd9dd]{font-size:1.25rem;flex-shrink:0}.warning-item strong[data-v-ef9bd9dd]{display:block;color:#92400e;margin-bottom:.25rem}.warning-item p[data-v-ef9bd9dd]{margin:0;font-size:.9rem;color:#78350f}.example-list[data-v-ef9bd9dd]{display:flex;flex-direction:column;gap:1rem}.example-item[data-v-ef9bd9dd]{padding:1rem;background:#fff;border-radius:8px;border-left:4px solid #2563eb}.example-item h4[data-v-ef9bd9dd]{margin:0 0 .25rem;font-size:.95rem;color:#1f2937}.example-item p[data-v-ef9bd9dd]{margin:0;font-size:.9rem;color:#6b7280}.code-tabs[data-v-ef9bd9dd]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.code-tab[data-v-ef9bd9dd]{background:#1f2937;border-radius:8px;overflow:hidden}.code-tab h4[data-v-ef9bd9dd]{margin:0;padding:.75rem 1rem;background:#374151;color:#f3f4f6;font-size:.9rem}.code-tab pre[data-v-ef9bd9dd]{margin:0;padding:1rem;overflow-x:auto}.code-tab code[data-v-ef9bd9dd]{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:.8rem;white-space:pre}.faq-list[data-v-ef9bd9dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.faq-item[data-v-ef9bd9dd]{background:#fff;padding:1.25rem;border-radius:8px;border:1px solid #e5e7eb}.faq-item h4[data-v-ef9bd9dd]{color:#2563eb;font-size:.95rem;margin:0 0 .75rem}.faq-item p[data-v-ef9bd9dd]{font-size:.9rem;line-height:1.6;margin:0}.related-formats[data-v-ef9bd9dd]{list-style:none;padding:0;margin:0}.related-formats li[data-v-ef9bd9dd]{padding:.75rem 0;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem}.related-formats li[data-v-ef9bd9dd]:last-child{border-bottom:none}.tips-list[data-v-ef9bd9dd]{list-style:none;padding:0;margin:0}.tips-list li[data-v-ef9bd9dd]{padding:.75rem 0;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem}.tips-list li[data-v-ef9bd9dd]:last-child{border-bottom:none}.tips-list strong[data-v-ef9bd9dd]{color:#1f2937}@media (max-width: 768px){.info-grid[data-v-ef9bd9dd],.use-cases[data-v-ef9bd9dd],.code-tabs[data-v-ef9bd9dd],.faq-list[data-v-ef9bd9dd]{grid-template-columns:1fr}.comparison-table[data-v-ef9bd9dd]{font-size:.8rem}.comparison-table th[data-v-ef9bd9dd],.comparison-table td[data-v-ef9bd9dd]{padding:.5rem}}