/* tools/codec.css */

.codec-textarea {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.8125rem; line-height: 1.6;
    resize: vertical; min-height: 100px;
}
.mode-tab {
    padding: 0.4rem 1rem; border-radius: 0.5rem;
    font-size: 0.8125rem; font-weight: 500;
    color: #64748b; background: #f1f5f9;
    cursor: pointer; transition: all 0.2s;
    border: 1px solid transparent;
}
.mode-tab:hover { color: #6d28d9; background: #ede9fe; }
.mode-tab.active { color: #fff; background: #7c3aed; border-color: #7c3aed; }
.codec-panel { display: none; }
.codec-panel.active { display: block; }
.stat-card {
    background: #f5f3ff; border-radius: 0.5rem;
    padding: 0.75rem; text-align: center;
}
.stat-num { font-size: 1.5rem; font-weight: 700; color: #6d28d9; }
.stat-label { font-size: 0.75rem; color: #64748b; }
.swap-btn {
    padding: 0.4rem 0.6rem; border-radius: 0.5rem;
    font-size: 0.8125rem; background: #f1f5f9;
    cursor: pointer; transition: background 0.2s;
}
.swap-btn:hover { background: #e2e8f0; }