.tool[data-v-0656edb8]{max-width:1400px;margin:0 auto;padding:20px}.layout[data-v-0656edb8]{display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:24px}@media (max-width: 968px){.layout[data-v-0656edb8]{grid-template-columns:1fr}}.left-panel[data-v-0656edb8]{display:flex;flex-direction:column;gap:16px}.right-panel[data-v-0656edb8]{display:flex;flex-direction:column;gap:20px;min-width:0}.section[data-v-0656edb8]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.section-title[data-v-0656edb8]{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 16px}.section-header[data-v-0656edb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header .section-title[data-v-0656edb8]{margin:0}.option-group[data-v-0656edb8]{margin-bottom:16px}.option-group[data-v-0656edb8]:last-child{margin-bottom:0}.option-label[data-v-0656edb8]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.option-select[data-v-0656edb8]{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s}.option-select[data-v-0656edb8]:hover{border-color:#9ca3af}.option-select[data-v-0656edb8]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.format-list[data-v-0656edb8]{display:flex;flex-direction:column;gap:8px}.format-option[data-v-0656edb8]{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.format-option[data-v-0656edb8]:hover{background:#f3f4f6;border-color:#3b82f6}.format-option input[type=radio][data-v-0656edb8]{margin-top:2px;cursor:pointer;accent-color:#3b82f6}.format-info[data-v-0656edb8]{display:flex;flex-direction:column;gap:6px;flex:1}.format-info strong[data-v-0656edb8]{font-size:13px;color:#1f2937}.format-example[data-v-0656edb8]{font-size:11px;font-family:Courier New,monospace;color:#6b7280;background:#fff;padding:4px 8px;border-radius:4px;display:inline-block}.checkbox-group[data-v-0656edb8]{display:flex;flex-direction:column;gap:10px}.checkbox-label[data-v-0656edb8]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox][data-v-0656edb8]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.stats-grid[data-v-0656edb8]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-0656edb8]{background:#f9fafb;padding:12px;border-radius:8px;text-align:center}.stat-label[data-v-0656edb8]{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value[data-v-0656edb8]{font-size:20px;font-weight:600;color:#1f2937}.info-section[data-v-0656edb8]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.info-summary[data-v-0656edb8]{font-size:14px;font-weight:600;color:#374151;cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.info-summary[data-v-0656edb8]::-webkit-details-marker{display:none}.info-content[data-v-0656edb8]{margin-top:16px;font-size:13px;color:#4b5563;line-height:1.6}.info-content h4[data-v-0656edb8]{font-size:13px;font-weight:600;color:#1f2937;margin:16px 0 8px}.info-content h4[data-v-0656edb8]:first-child{margin-top:0}.info-content ul[data-v-0656edb8]{margin:8px 0;padding-left:20px}.info-content li[data-v-0656edb8]{margin:4px 0}.data-input[data-v-0656edb8],.data-output[data-v-0656edb8]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:Courier New,Monaco,monospace;resize:vertical;transition:all .2s;line-height:1.6}.data-input[data-v-0656edb8]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.data-output[data-v-0656edb8]{background:#f9fafb;color:#1f2937}.result-text[data-v-0656edb8]{font-size:16px;font-family:inherit}.input-hint[data-v-0656edb8]{margin-top:8px;font-size:12px;color:#6b7280}.output-footer[data-v-0656edb8]{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.success-indicator[data-v-0656edb8]{font-size:13px;color:#059669;font-weight:500}.action-button[data-v-0656edb8]{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.action-button.primary[data-v-0656edb8]{background:#3b82f6;color:#fff}.action-button.primary[data-v-0656edb8]:hover{background:#2563eb}.action-button.secondary[data-v-0656edb8]{background:#f3f4f6;color:#374151;width:100%;justify-content:center}.action-button.secondary[data-v-0656edb8]:hover{background:#e5e7eb}.action-button[data-v-0656edb8]:disabled{opacity:.5;cursor:not-allowed}.action-buttons[data-v-0656edb8]{display:flex;gap:8px;align-items:center}.action-buttons .action-button.secondary[data-v-0656edb8]{width:auto}.details-table-wrapper[data-v-0656edb8]{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.details-table[data-v-0656edb8]{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.details-table thead[data-v-0656edb8]{background:#f9fafb}.details-table th[data-v-0656edb8]{padding:12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.details-table td[data-v-0656edb8]{padding:12px;border-bottom:1px solid #f3f4f6}.details-table tbody tr[data-v-0656edb8]:hover{background:#f9fafb}.details-table tbody tr:last-child td[data-v-0656edb8]{border-bottom:none}.char-cell[data-v-0656edb8]{text-align:center}.char-display[data-v-0656edb8]{font-size:24px;line-height:1}.code-cell[data-v-0656edb8]{font-family:Courier New,monospace}.code-cell code[data-v-0656edb8]{padding:4px 8px;background:#f3f4f6;border-radius:4px;color:#3b82f6;font-weight:600;font-size:12px}.decimal-cell[data-v-0656edb8]{color:#6b7280;font-family:Courier New,monospace}.block-cell[data-v-0656edb8]{color:#6b7280;font-size:12px}.category-badge[data-v-0656edb8]{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block;background:#e5e7eb;color:#374151}.badge-ascii[data-v-0656edb8]{background:#dbeafe;color:#1e40af}.badge-cjk[data-v-0656edb8]{background:#fef3c7;color:#92400e}.badge-emoji[data-v-0656edb8]{background:#fce7f3;color:#9f1239}.error-message[data-v-0656edb8]{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:center}.error-icon[data-v-0656edb8]{font-size:24px;line-height:1}.error-text[data-v-0656edb8]{flex:1;color:#b91c1c;font-size:13px}.empty-state[data-v-0656edb8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#9ca3af;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px}.empty-icon[data-v-0656edb8]{font-size:64px;margin-bottom:16px}.empty-state p[data-v-0656edb8]{margin:0;font-size:15px}@media (max-width: 968px){.section-header[data-v-0656edb8]{flex-direction:column;align-items:flex-start;gap:12px}.details-table[data-v-0656edb8]{font-size:12px}.details-table th[data-v-0656edb8],.details-table td[data-v-0656edb8]{padding:8px}.char-display[data-v-0656edb8]{font-size:20px}}