.tecp-card{
    --b:#e5e7eb; --bg:#ffffff; --shadow:0 6px 20px rgba(0,0,0,.06);
    border:1px solid var(--b); border-radius:16px; padding:18px; max-width:760px; margin:12px auto;
    background:var(--bg); box-shadow:var(--shadow);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.tecp-title{ margin:0 0 8px; font-size:20px; font-weight:700; }
.tecp-tabs{ display:flex; gap:8px; margin:10px 0 16px; }
.tecp-tab{ background:#f3f4f6; border:1px solid #d1d5db; padding:8px 12px; border-radius:999px; cursor:pointer; }
.tecp-tab-active{ background:#111827; color:#fff; border-color:#111827; }
.tecp-pane{ display:none; }
.tecp-pane-active{ display:block; }
.tecp-label{ font-weight:600; display:block; margin-bottom:6px; }
#tecp_text{ width:100%; border:1px solid #d1d5db; border-radius:10px; padding:10px; font-size:14px; }
#tecp_tokens{ width:240px; border:1px solid #d1d5db; border-radius:10px; padding:8px; font-size:14px; }
.tecp-help{ color:#6b7280; font-size:12px; margin-top:6px; }
.tecp-inline{ display:flex; align-items:center; gap:10px; margin:10px 0; }
.tecp-btn{ background:#111827; color:#fff; border:none; border-radius:10px; padding:8px 14px; cursor:pointer; }
.tecp-btn:hover{ opacity:.9; }
.tecp-pill{ background:#eef2ff; color:#111827; border:1px solid #c7d2fe; border-radius:999px; padding:6px 10px; font-size:12px; }
.tecp-results{ margin-top:10px; }
.tecp-table{ width:100%; border-collapse:separate; border-spacing:0; }
.tecp-table th, .tecp-table td{ text-align:left; padding:10px 12px; border-bottom:1px solid #f1f5f9; }
.tecp-table th{ width:220px; color:#374151; }
.tecp-details{ margin-top:8px; }