.tool[data-v-ff8257fb]{max-width:1400px;margin:0 auto;padding:20px}.layout[data-v-ff8257fb]{display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:24px}@media (max-width: 968px){.layout[data-v-ff8257fb]{grid-template-columns:1fr}}.left-panel[data-v-ff8257fb]{display:flex;flex-direction:column;gap:16px}.right-panel[data-v-ff8257fb]{display:flex;flex-direction:column;gap:20px;min-width:0}.section[data-v-ff8257fb]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.section-title[data-v-ff8257fb]{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 16px}.section-header[data-v-ff8257fb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header .section-title[data-v-ff8257fb]{margin:0}.option-group[data-v-ff8257fb]{margin-bottom:16px}.option-group[data-v-ff8257fb]:last-child{margin-bottom:0}.option-label[data-v-ff8257fb]{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.option-select[data-v-ff8257fb]{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-ff8257fb]:hover{border-color:#9ca3af}.option-select[data-v-ff8257fb]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-group[data-v-ff8257fb]{display:flex;flex-direction:column;gap:10px}.checkbox-label[data-v-ff8257fb]{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox][data-v-ff8257fb]{width:16px;height:16px;cursor:pointer}.stats-grid[data-v-ff8257fb]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item[data-v-ff8257fb]{background:#f9fafb;padding:12px;border-radius:8px;text-align:center}.stat-label[data-v-ff8257fb]{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value[data-v-ff8257fb]{font-size:20px;font-weight:600;color:#1f2937}.morse-table[data-v-ff8257fb]{display:flex;flex-direction:column;gap:20px}.morse-category h4[data-v-ff8257fb]{font-size:13px;font-weight:600;color:#374151;margin:0 0 12px}.morse-grid[data-v-ff8257fb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.morse-item[data-v-ff8257fb]{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#f9fafb;border-radius:6px;font-size:12px}.morse-char[data-v-ff8257fb]{font-weight:600;color:#1f2937;margin-bottom:4px}.morse-code[data-v-ff8257fb]{color:#3b82f6;font-family:Courier New,monospace;font-size:11px}.info-section[data-v-ff8257fb]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.info-summary[data-v-ff8257fb]{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-ff8257fb]::-webkit-details-marker{display:none}.info-content[data-v-ff8257fb]{margin-top:16px;font-size:13px;color:#4b5563;line-height:1.6}.info-content h4[data-v-ff8257fb]{font-size:13px;font-weight:600;color:#1f2937;margin:16px 0 8px}.info-content h4[data-v-ff8257fb]:first-child{margin-top:0}.info-content ul[data-v-ff8257fb]{margin:8px 0;padding-left:20px}.info-content li[data-v-ff8257fb]{margin:4px 0}.data-input[data-v-ff8257fb],.data-output[data-v-ff8257fb]{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}.data-input[data-v-ff8257fb]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.data-output[data-v-ff8257fb]{background:#f9fafb;color:#1f2937}.input-hint[data-v-ff8257fb]{margin-top:8px;font-size:12px;color:#6b7280}.output-footer[data-v-ff8257fb]{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.success-indicator[data-v-ff8257fb]{font-size:13px;color:#059669;font-weight:500}.action-button[data-v-ff8257fb]{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-ff8257fb]{background:#3b82f6;color:#fff}.action-button.primary[data-v-ff8257fb]:hover{background:#2563eb}.action-button.secondary[data-v-ff8257fb]{background:#f3f4f6;color:#374151;width:100%;justify-content:center}.action-button.secondary[data-v-ff8257fb]:hover{background:#e5e7eb}.mt-3[data-v-ff8257fb]{margin-top:12px}
