.tc-modes{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-bottom:1.5rem;display:flex}.tc-mode-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .9rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;transition:all .2s}.tc-mode-btn:hover{background:#fff;border-color:#cbd5e1}.tc-mode-btn.active{color:#553ffe;background:#f0ecff;border-color:#553ffe}.tc-editor{align-items:stretch;gap:1rem;display:flex}.tc-pane{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;display:flex;overflow:hidden}.tc-pane-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.tc-pane-label{color:#0f172a;font-size:.8rem;font-weight:700}.tc-pane-stats{color:#94a3b8;margin-left:auto;font-size:.7rem;font-weight:600}.tc-pane-action{padding:.3rem .5rem!important;font-size:.75rem!important}.tc-pane-actions{gap:.25rem;display:flex}.tc-textarea{resize:vertical;color:#0f172a;outline:none;flex:1;width:100%;min-height:200px;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;padding:1.25rem!important;font-family:inherit!important;font-size:.95rem!important;line-height:1.6!important}.tc-textarea:focus{box-shadow:none!important}.tc-output{color:#475569;background:#fafbfc!important}.tc-arrow-col{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tc-arrow-icon{color:#cbd5e1}@media (width<=768px){.tc-editor{flex-direction:column}.tc-arrow-col{padding:.5rem 0;transform:rotate(90deg)}.tc-modes{justify-content:flex-start}.tc-mode-btn{padding:.4rem .65rem;font-size:.7rem}.tc-pane-header{padding:.6rem .75rem}.tc-pane-stats{display:none}}@media (width<=480px){.tc-mode-btn{padding:.35rem .5rem;font-size:.65rem}}