.tpix-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.tpix-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.tpix-card svg{color:var(--color-primary)}.tpix-card strong{color:var(--color-foreground);font-size:.95rem}.tpix-card span{color:var(--color-muted-foreground);font-size:.85rem;line-height:1.5}.tpix-code-row{gap:.5rem;max-width:480px;display:flex}.tpix-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-foreground);flex:1;padding:.6rem .8rem;font-size:.9rem}.tpix-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tpix-btn{border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-foreground);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.tpix-btn:hover{opacity:.92}.tpix-erro{color:var(--color-danger);margin-top:.5rem;font-size:.85rem}.tpix-hint{color:var(--color-muted-foreground);margin-top:.5rem;font-size:.8rem}.tpix-hint code{font-family:ui-monospace,monospace}