#transformer-flow{--feature:var(--blue);--weight:var(--amber);max-width:46rem;margin:auto;padding:.4rem}#transformer-flow h1{font-size:1.25rem}#transformer-flow h3{margin:.3rem 0 .6rem;font-size:.95rem}#transformer-flow .selection{margin:.4rem 0;font-size:.9375rem;font-weight:600}#transformer-flow .flow-map{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-top:1rem;padding:.75rem 0;font-size:.875rem;display:flex}#transformer-flow a{color:var(--blue);text-underline-offset:3px}#transformer-flow .flow-map a{color:var(--ink)}#transformer-flow details{margin:.7rem 0;font-size:.9375rem}#transformer-flow summary{cursor:pointer;color:var(--ink2);padding:.25rem 0}#transformer-flow .flow-section{border-left:2px solid var(--line);margin:0 0 0 .8rem;padding:.4rem 0 .8rem 1rem;position:relative}#transformer-flow .flow-section header{background:var(--card);align-items:center;gap:.7rem;margin-left:-2rem;padding:.35rem 0;display:flex}#transformer-flow .flow-section h2{margin:0;font-size:1rem}#transformer-flow .step-number{border:1px solid var(--line);background:var(--card);width:1.8rem;height:1.8rem;font-size:.875rem;font-family:var(--mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}#transformer-flow .residual{border-left-style:dashed}#transformer-flow .residual .step-number{border-color:var(--teal);color:var(--teal)}#transformer-flow .operation{color:var(--ink2);margin:.3rem 0 .6rem;font-size:.875rem}#transformer-flow .operation b{color:var(--weight);font-weight:500}#transformer-flow .strip{grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);align-items:center;gap:.5rem;margin:.6rem 0;display:grid}#transformer-flow .strip-label{font-size:.875rem;line-height:1.35}#transformer-flow .shape{color:var(--ink3);font-size:.8125rem;font-family:var(--mono);margin-top:.2rem;display:block}#transformer-flow .cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}#transformer-flow .cells.wide{grid-template-columns:repeat(8,minmax(0,1fr))}#transformer-flow .cell{min-width:0;min-height:2.8rem;font-family:var(--mono);color:var(--ink);border-radius:3px;padding:.25rem .15rem;font-size:.875rem}#transformer-flow .cell small{color:var(--ink3);font:.75rem var(--sans);margin-bottom:.1rem;display:block}#transformer-flow .cell[aria-pressed=true]{border-color:var(--feature);box-shadow:inset 0 -2px var(--feature)}#transformer-flow .strip.wide-strip{display:block}#transformer-flow .wide-strip .strip-label{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}#transformer-flow .wide-strip .shape{margin:0}#transformer-flow .table-wrap{margin:.6rem 0}#transformer-flow table{font-size:.875rem}#transformer-flow th,#transformer-flow td{padding:.25rem .35rem}#transformer-flow caption{text-align:left;color:var(--ink2);padding:.35rem 0;font-size:.8125rem}#transformer-flow .attention-table th span{font-weight:400;display:block}#transformer-flow .attention-table .cell{width:100%;padding:.4rem .5rem}#transformer-flow .attention-table tr.selected-row{background:var(--color-background-secondary)}#transformer-flow .attention-table tr.selected-row th{border-left:2px solid var(--feature)}#transformer-flow .blocked{color:var(--ink3);font-family:var(--sans)}#transformer-flow .row-link{color:var(--feature);background:0 0;border:0;min-height:2.5rem;padding:.3rem;font-size:.875rem}#transformer-flow .inspector{border:1px solid var(--feature);background:var(--color-background-secondary);overflow-wrap:anywhere;border-radius:4px;margin:1rem 0;padding:.8rem;font-size:.9375rem}#transformer-flow .inspector p{margin:.5rem 0}#transformer-flow .inspector .equation{font-family:var(--mono);font-size:.875rem;line-height:1.8}#transformer-flow .inspector table{background:var(--card)}#transformer-flow .inspector .source{font-family:var(--sans);color:var(--ink2);white-space:normal;min-width:7rem;font-size:.8125rem;display:block}#transformer-flow .read-calculation{margin:.4rem 0;font-size:.8125rem;display:inline-block}#transformer-flow .decoding{border-top:1px solid var(--line);padding-top:1rem}#transformer-flow .probability-bar{background:var(--line);vertical-align:middle;width:5rem;height:.35rem;margin-left:.6rem;display:inline-block}#transformer-flow .probability-bar span{background:var(--teal);height:100%;display:block}#transformer-flow #flow-status{font-size:.9375rem}#transformer-flow #token-choices{gap:.4rem}#transformer-flow #token-choices button{color:var(--ink)}#transformer-flow .position{color:var(--ink3);margin-right:.4rem;font-size:.75rem}@media (width<=620px){#transformer-flow .strip{grid-template-columns:1fr}#transformer-flow .strip-label{align-items:center;gap:.5rem;display:flex}#transformer-flow .shape{margin:0}#transformer-flow .cells.wide{grid-template-columns:repeat(4,minmax(0,1fr))}#transformer-flow .flow-section{padding-left:.7rem}#transformer-flow .flow-section header{margin-left:-1.7rem}#transformer-flow .probability-bar{width:3rem}}