.tp-tool{gap:1.25rem}.tp-pick{border:1px solid var(--border-card);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;gap:.85rem;min-width:0;padding:1rem 1.15rem 1.15rem;display:flex}.tp-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:700}.tp-filters{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.tp-filters .ui-segmented{align-self:flex-start}.tp-pairings{flex-wrap:wrap;gap:.45rem;display:flex}.tp-pairing{border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);min-height:44px;color:var(--text-primary);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.05rem;padding:.4rem .8rem;transition:border-color .15s,background .15s;display:inline-flex}.tp-pairing:hover{border-color:var(--border-focus)}.tp-pairing:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.tp-pairing.is-active{border-color:var(--accent-indigo);background:#6366f11f}.tp-pairing-name{font-size:.85rem;font-weight:600}.tp-pairing-mood{color:var(--text-secondary);font-size:.72rem}.tp-panel{align-items:start}.tp-sample{--tp-bg:#fff;--tp-fg:#0f172a;--tp-text:#334155;border:1px solid var(--border-input);border-radius:var(--radius-lg);background:var(--tp-bg);overflow-wrap:anywhere;min-height:260px;padding:1.75rem}.tp-sample--dark,.tp-sample--auto{--tp-bg:#0f172a;--tp-fg:#f8fafc;--tp-text:#cbd5e1}[data-theme=light] .tp-sample--auto{--tp-bg:#fff;--tp-fg:#0f172a;--tp-text:#334155}.tp-sample-heading{font-family:var(--tp-heading);letter-spacing:normal;color:var(--tp-fg);margin:0 0 .9rem;line-height:1.2}.tp-sample-body{font-family:var(--tp-body);color:var(--tp-text);white-space:pre-line;margin:0;font-weight:400}.tp-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;display:flex}.tp-caption strong{color:var(--text-primary);font-weight:600}.tp-status{align-items:center;gap:.35rem;display:inline-flex}.tp-note{align-items:center;gap:.4rem;display:flex}.tp-note>svg{flex-shrink:0}.tp-range-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.tp-range-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.8rem}.tp-ranges .tool-range{height:6px;box-shadow:inset 0 0 0 1px var(--border-input);margin-top:.6rem}.tp-ranges .tool-range::-moz-range-thumb{background:var(--accent-indigo);border:none;border-radius:50%;width:18px;height:18px}.tp-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.tp-code{align-items:start}.tp-code-block{gap:.5rem}.tp-code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}@media (width<=1024px){.tp-ranges{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.tp-sample{min-height:0;padding:1.25rem}.tp-pick{padding:.9rem}.tp-tool .ui-input{font-size:1rem}}.tp-row .ui-segmented{align-self:flex-start}