.wth-diagram{padding:var(--demo-pad-lg) var(--demo-pad);position:relative}.wth-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 17px;margin-bottom:var(--demo-pad-lg)}.wth-tab{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-base);color:var(--secondary-text);background:none;border:none;padding:6px 2px;cursor:pointer;position:relative;transition:color 0.25s ease;letter-spacing:.2px;line-height:1.4;white-space:nowrap}.wth-tab:hover{color:var(--demo-accent)}.wth-tab.active{color:var(--demo-accent);font-weight:600}.wth-tab.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--demo-accent);border-radius:1px}.wth-tab-sep{width:3px;height:3px;border-radius:50%;background:var(--secondary-text);opacity:.25;flex-shrink:0}.wth-diagram.has-filter .wth-tab:not(.active){opacity:.45}.wth-cascade{display:flex;align-items:center;gap:6px;padding:14px 12px;border-radius:var(--demo-radius);transition:opacity 0.3s ease,background 0.3s ease,box-shadow 0.3s ease;margin-bottom:4px;cursor:pointer}.wth-cascade:hover{background:var(--demo-fill-subtle)}.wth-cascade-label{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);color:var(--demo-accent);font-weight:600;min-width:110px;flex-shrink:0;letter-spacing:.3px}.wth-chain{display:flex;align-items:center;gap:8px 4px;flex-wrap:wrap}.wth-node{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);padding:4px 10px;border-radius:var(--demo-radius);border:1px solid var(--demo-border);background:var(--demo-surface);color:var(--secondary-text);white-space:nowrap;transition:all 0.3s ease;line-height:1.4}.wth-node.wth-fallback{border-color:var(--demo-accent);color:var(--demo-accent);font-weight:600}.wth-sep{color:var(--demo-border);font-size:11px;flex-shrink:0;transition:color 0.3s ease}.wth-section{margin-bottom:16px}.wth-section-title{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);text-transform:uppercase;letter-spacing:1.5px;padding:0 12px 6px;margin-bottom:4px;border-bottom:1px solid var(--demo-fill-border);opacity:.6}.wth-final-fallback{display:flex;justify-content:center;padding:12px;margin-top:8px;border-top:1px solid var(--demo-fill-border)}.wth-final-fallback .wth-node{padding:6px 24px;font-size:var(--demo-font-size-base);font-weight:700;background:var(--demo-fill-strong);border-color:var(--demo-accent);color:var(--demo-accent)}.wth-diagram.has-filter .wth-cascade{opacity:.15}.wth-diagram.has-filter .wth-cascade.wth-active{opacity:1;background:var(--demo-fill-subtle);box-shadow:inset 3px 0 0 var(--demo-accent)}.wth-diagram.has-filter .wth-final-fallback{opacity:1}.wth-active .wth-sep{color:var(--demo-accent)}.wth-active .wth-node{border-color:rgba(var(--demo-accent-rgb),.4);color:var(--text-color)}.wth-active .wth-node:first-child{background:var(--demo-fill-light);border-color:rgba(var(--demo-accent-rgb),.5)}@media (max-width:640px){.wth-diagram{padding:var(--demo-pad) 10px}.wth-filters{gap:4px 8px}.wth-tab{font-size:var(--demo-font-size-xs);padding:5px 1px}.wth-cascade-label{min-width:80px;font-size:var(--demo-font-size-xs)}.wth-node{font-size:var(--demo-font-size-xs);padding:3px 6px}.wth-cascade{padding:8px 6px;gap:4px}.wth-chain{gap:3px}}