.tp-page{width:min(100rem,100% - 3rem);margin-inline:auto;padding-bottom:clamp(3rem,6vw,5rem)}.tp-head{max-width:40rem;margin-block:1.5rem 2rem}.tp-head h1{font-size:clamp(1.9rem,4.5vw,2.75rem)}.tp-head__lede{color:var(--text-muted);margin-top:.6rem}.tp-classes{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.tp-class-btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem .5rem .5rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.tp-class-btn img{border-radius:50%;width:1.6rem;height:1.6rem}.tp-class-btn:hover{color:var(--text)}.tp-class-btn.is-active{border-color:var(--class-color,var(--gold));color:var(--class-color,var(--gold))}.tp-specs{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.tp-spec-btn{border:1px solid var(--border);background:var(--bg-inset);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .85rem .45rem .45rem;font-size:.82rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.tp-spec-btn img{border-radius:.3rem;width:1.4rem;height:1.4rem}.tp-spec-btn:hover{color:var(--text);border-color:var(--gold)}.tp-spec-btn.is-active{border-color:var(--gold);color:var(--gold);background:var(--bg-elevated)}.tp-workspace{margin-top:2rem}.tp-toolbar{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.tp-toolbar__points{color:var(--text-muted);gap:1.5rem;font-size:.85rem;display:flex}.tp-toolbar__points strong{color:var(--gold);font-family:var(--font-mono);margin-right:.3rem}.tp-toolbar__actions{flex-wrap:wrap;gap:.6rem;display:flex}.tp-io-panel{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);margin-top:.8rem;padding:1rem 1.2rem}.tp-io-panel__label{margin-bottom:.6rem;font-size:.88rem;font-weight:700}.tp-io-panel__textarea{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-inset);width:100%;min-height:4.5rem;color:var(--text);font-family:var(--font-mono);padding:.6rem .8rem;font-size:.8rem;line-height:1.4}.tp-io-panel__row{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.6rem;display:flex}.tp-io-panel__error{color:#ff6b6b;font-size:.85rem}.tp-io-panel__note{color:var(--text-muted);font-size:.8rem}.btn--ghost{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:.55rem 1rem;font-size:.85rem;font-weight:600}.btn--ghost:hover{color:var(--text);border-color:var(--gold)}.tp-status{color:var(--text-muted);margin-top:1.5rem}.tp-status--error{color:#ff6b6b}.tp-columns{grid-template-columns:1.15fr .7fr 1.15fr;align-items:start;gap:1rem;margin-top:1.5rem;display:grid}@media (width<=64rem){.tp-columns{grid-template-columns:1fr}}.tp-tree-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);min-width:0;padding:1rem}.tp-tree-panel__head{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.6rem;display:flex}.tp-tree-panel__label{font-size:.9rem;font-weight:700}.tp-tree-panel__count{font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;font-size:.8rem}.tp-tree-panel__count strong{color:var(--gold)}.tp-tree-canvas{justify-content:center;min-width:0;display:flex;overflow:hidden}.tp-svg{max-width:none;max-height:none;display:block}.tp-node{cursor:pointer}.tp-node[data-state=locked]{cursor:not-allowed}.tp-node[data-state=locked] image{filter:grayscale(.55)}.tp-node-rank{font-family:var(--font-mono);fill:#fff;stroke:#000;paint-order:stroke;dominant-baseline:text-bottom;text-anchor:end;font-weight:700}.tp-node-glow{filter:drop-shadow(0 0 14px color-mix(in oklch, var(--gold) 55%, transparent))}.tp-tooltip{z-index:80;border:1px solid var(--border);background:var(--bg-elevated);pointer-events:none;border-radius:.6rem;max-width:22rem;padding:.7rem .9rem;display:none;position:fixed;box-shadow:0 12px 32px oklch(0% none none/.45)}.tp-tooltip__name{color:var(--gold);margin:0 0 .3rem;font-size:.9rem;font-weight:700}.tp-tooltip__desc{color:var(--text-muted);white-space:pre-line;margin:0;font-size:.8rem;line-height:1.5}.tp-tooltip__desc:empty{display:none}.tp-hero-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.tp-hero-tab{border:1px solid var(--border);background:var(--bg-inset);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.tp-hero-tab.is-active{border-color:var(--gold);color:var(--gold)}.tp-info-note{color:var(--text-muted);margin-top:1.5rem;font-size:.8rem}.tp-toast{background:var(--gold);color:var(--gold-contrast);z-index:100;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;border-radius:999px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.tp-toast.is-visible{opacity:1;transform:translate(-50%)translateY(-.4rem)}