.color-pipe{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 0 56px;padding:0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background-color:var(--border-soft);column-gap:1px}.color-pipe-stop{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:36px 24px 32px;background-color:var(--ink-700);text-align:left;transition:background-color 280ms}.color-pipe-stop:hover{background-color:rgba(255,92,60,.04)}.color-pipe-stop::after{content:"";position:absolute;top:50%;right:-10px;width:18px;height:1px;background-image:linear-gradient(to right,rgba(255,255,255,.22) 50%,transparent 50%);background-size:6px 1px;z-index:2;pointer-events:none}.color-pipe-stop:last-child::after{display:none}.color-pipe-badge{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-300);padding:4px 10px;border:1px solid rgba(255,92,60,.28);border-radius:100px;background:rgba(255,92,60,.06)}.color-pipe-name{font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--fg-primary);line-height:1.1}.color-pipe-spec{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;color:var(--fg-tertiary);line-height:1.45}.color-pipe-swatch{width:100%;height:14px;border-radius:3px;margin-top:4px;background:linear-gradient(90deg,#ff5c3c 0,#ffb070 28%,#40d690 56%,#5ab6ff 78%,#b47cff 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 4px 12px rgba(255,92,60,.12);position:relative}.color-pipe-swatch::after{content:"";position:absolute;inset:0;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 60%);pointer-events:none}.color-pipe-swatch--source{background:linear-gradient(90deg,#ff5c3c,#ff8456,#ffb070,#ffe8d4,#5ab6ff,#2e6bff,#b47cff)}.color-pipe-swatch--encode{background:linear-gradient(90deg,#ff5c3c,#ff8456,#ffb070,#ffe8d4,#5ab6ff,#2e6bff,#b47cff);filter:saturate(.96)}.color-pipe-swatch--transport{background:linear-gradient(90deg,#ff5c3c,#ff8456,#ffb070,#ffe8d4,#5ab6ff,#2e6bff,#b47cff);filter:saturate(.93)}.color-pipe-swatch--decode{background:linear-gradient(90deg,#ff5c3c,#ff8456,#ffb070,#ffe8d4,#5ab6ff,#2e6bff,#b47cff);filter:saturate(.96)}.color-pipe-swatch--display{background:linear-gradient(90deg,#ff5c3c,#ff8456,#ffb070,#ffe8d4,#5ab6ff,#2e6bff,#b47cff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 4px 16px rgba(255,92,60,.18)}.color-pipe-note{font-size:13px;color:var(--fg-secondary);line-height:1.5;margin-top:2px}.color-pipe-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background-color:var(--border-soft);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.color-pipe-stat{padding:28px 24px;background-color:var(--ink-700);text-align:left}.color-pipe-stat-v{font-size:44px;font-weight:800;letter-spacing:-.04em;color:var(--ember-300);line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}.color-pipe-stat-l{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-tertiary)}