.fp{margin:2em 0;border:1px solid var(--color-hairline);border-radius:16px;background:var(--color-surface);padding:20px;outline:none}.fp:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.fp-stage{position:relative;overflow-x:auto}.fp-bar{display:flex;align-items:center;gap:10px;margin-top:18px}.fp-btn{font-family:var(--font-mono);font-size:15px;line-height:1;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:8px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.fp-btn:hover{color:var(--color-text);border-color:var(--color-border-strong)}.fp-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.fp-cap{flex:1;margin:0;display:grid;font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted);line-height:1.5}.fp-cap-line{grid-area:1/1;margin:0;visibility:hidden}.fp-cap-line.on{visibility:visible}.fp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-dots{display:flex;gap:6px;margin-top:12px}.fp-dot{width:7px;height:7px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:background .2s,transform .2s}.fp-dot.on{background:var(--color-accent);transform:scale(1.15)}@media(prefers-reduced-motion:reduce){.fp *{transition:none!important;animation:none!important}}.tok .fp-stage{min-height:150px;display:flex;align-items:center;justify-content:center}.tok .layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.tok .sentence{font-size:clamp(20px,4vw,30px);font-weight:500;letter-spacing:-.01em;opacity:0;transition:opacity .5s}.tok .words{gap:10px;opacity:0;transition:opacity .5s}.tok[data-frame="1"] .sentence,.tok[data-frame="2"] .words,.tok[data-frame="3"] .words{opacity:1}.tw{display:flex;flex-direction:column;align-items:center;gap:8px}.tw .w{display:flex;gap:4px}.tw .piece{font-family:var(--font-mono);font-size:14px;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:7px;padding:8px 10px;color:var(--color-text)}.tw.sp .piece{border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);color:var(--color-accent)}.tw .ids{display:flex;gap:4px;opacity:0;transform:translateY(-4px);transition:opacity .45s,transform .45s}.tok[data-frame="3"] .tw .ids{opacity:1;transform:none}.tw .id{font-family:var(--font-mono);font-size:11.5px;color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 8%,transparent);border:1px solid color-mix(in oklab,var(--color-accent) 30%,transparent);border-radius:6px;padding:4px 7px;font-variant-numeric:tabular-nums}.tok .note{position:absolute;left:0;right:0;bottom:-2px;text-align:center;font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim);opacity:0;transition:opacity .5s}.tok[data-frame="2"] .note,.tok[data-frame="3"] .note{opacity:1}.temp .fp-stage{padding:8px 4px}.temp .chart{display:flex;align-items:flex-end;justify-content:center;gap:34px;height:200px;padding:0 10px}.tbar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:70px;height:100%}.tbar .fill{width:100%;background:var(--color-accent);border-radius:8px 8px 0 0;transition:height .6s cubic-bezier(.4,0,.2,1),opacity .5s;box-shadow:0 0 18px color-mix(in oklab,var(--color-accent) 22%,transparent)}.tbar .nm{margin-top:10px;font-family:var(--font-mono);font-size:13px;color:var(--color-text-muted)}.tbar .pv{margin-bottom:7px;font-family:var(--font-mono);font-size:12.5px;color:var(--color-accent);font-variant-numeric:tabular-nums;height:16px}.tbar .pv i{display:none;font-style:normal}.temp[data-frame="1"] .pv i[data-f="1"],.temp[data-frame="2"] .pv i[data-f="2"],.temp[data-frame="3"] .pv i[data-f="3"],.temp[data-frame="4"] .pv i[data-f="4"]{display:inline}.temp[data-frame="1"] .fa{height:66%}.temp[data-frame="1"] .fb{height:24%}.temp[data-frame="1"] .fc{height:10%}.temp[data-frame="2"] .fa{height:86%}.temp[data-frame="2"] .fb{height:12%}.temp[data-frame="2"] .fc{height:2%}.temp[data-frame="3"] .fa{height:50%}.temp[data-frame="3"] .fb{height:30%}.temp[data-frame="3"] .fc{height:19%}.temp[data-frame="4"] .fa{height:73%}.temp[data-frame="4"] .fb{height:27%}.temp[data-frame="4"] .fc{height:10%;opacity:0}.temp[data-frame="4"] .cbar{opacity:.25}.temp .tag{text-align:center;margin-top:16px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim)}.temp .tag b{color:var(--color-accent);font-weight:500}.attn .fp-stage{min-height:236px}.attn .layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;opacity:0;transition:opacity .45s}.attn[data-frame="1"] .a1,.attn[data-frame="2"] .a2,.attn[data-frame="3"] .a3,.attn[data-frame="4"] .a4,.attn[data-frame="5"] .a5,.attn[data-frame="6"] .a6{opacity:1}.attn .ttl{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;margin-bottom:2px}.attn .row{display:flex;align-items:center;gap:9px}.attn .tok{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);min-width:34px;text-align:right}.attn .v{display:flex;gap:3px}.attn .v i{width:14px;height:14px;border-radius:3px;border:1px solid var(--color-hairline);background:color-mix(in oklab,var(--color-accent) calc(var(--v,0)*1%),var(--color-surface-2))}.attn .v.teal i{background:color-mix(in oklab,var(--d-teal) 60%,var(--color-surface-2))}.attn .ar{color:var(--color-text-dim);font-family:var(--font-mono);font-size:13px}.attn .qkv{display:flex;gap:7px}.attn .qkv b{display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:400}.attn .qkv b em{font-family:var(--font-mono);font-size:9px;color:var(--color-text-dim);font-style:normal}.attn .grid{display:grid;grid-template-columns:38px repeat(3,46px);gap:5px;font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums}.attn .grid .h{color:var(--color-text-dim);display:flex;align-items:center;justify-content:center;height:26px}.attn .grid .c{height:26px;border-radius:5px;background:var(--color-surface-2);border:1px solid var(--color-hairline);display:flex;align-items:center;justify-content:center;color:var(--color-text)}.attn .grid .c.hi{background:color-mix(in oklab,var(--color-accent) 20%,transparent);border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);color:var(--color-accent)}.attn .cap2{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-dim)}.wa .fp-stage{display:flex;justify-content:center;padding:4px 0}.wa svg{width:100%;max-width:330px;height:auto;font-family:var(--font-mono)}.wa .axis{stroke:var(--color-hairline);stroke-width:1}.wa .vec{stroke-width:2.5;fill:none;stroke-linecap:round}.wa .ball{stroke:var(--color-text-muted);marker-end:url(#wa-am)}.wa .golf{stroke:var(--color-accent);marker-end:url(#wa-aa)}.wa .query{stroke:var(--color-accent);stroke-dasharray:5 4;marker-end:url(#wa-aa);transform-box:view-box;transform-origin:46px 194px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.wa[data-frame="2"] .query,.wa[data-frame="3"] .query,.wa[data-frame="4"] .query,.wa[data-frame="5"] .query{transform:rotate(-90deg)}.wa .result{stroke:var(--color-accent);marker-end:url(#wa-aa);opacity:0;transition:opacity .55s}.wa[data-frame="5"] .result,.wa[data-frame="5"] .reslab{opacity:1}.wa .reslab{fill:var(--color-accent);opacity:0;transition:opacity .55s}.wa .lab{font-size:11px;fill:var(--color-text-muted)}.wa .lab.a{fill:var(--color-accent)}.wa .score{font-size:12px;fill:var(--color-text-dim)}.wa .s0,.wa .s1{transition:opacity .3s}.wa .s1,.wa[data-frame="4"] .s0,.wa[data-frame="5"] .s0{opacity:0}.wa[data-frame="4"] .s1,.wa[data-frame="5"] .s1{opacity:1;fill:var(--color-accent)}.wa .keylab{opacity:0;transition:opacity .4s}.wa[data-frame="3"] .keylab,.wa[data-frame="4"] .keylab,.wa[data-frame="5"] .keylab{opacity:1}.ill .ttl{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--color-text-faint);text-transform:uppercase;text-align:center}.ill .v{display:flex;gap:3px}.ill .v i{width:13px;height:13px;border-radius:3px;border:1px solid var(--color-hairline);background:color-mix(in oklab,var(--color-accent) calc(var(--v,0)*1%),var(--color-surface-2));transition:background .4s,opacity .4s}.ill .chip{font-family:var(--font-mono);font-size:13px;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:7px;padding:6px 9px;color:var(--color-text)}.ill .pill{font-family:var(--font-mono);font-size:12.5px;border:1px solid color-mix(in oklab,var(--color-accent) 40%,transparent);background:color-mix(in oklab,var(--color-accent) 8%,transparent);color:var(--color-accent);border-radius:8px;padding:6px 11px;display:inline-flex}.ill .ar{color:var(--color-text-dim);font-family:var(--font-mono);font-size:13px}.ill .mut{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim)}.loop .fp-stage{min-height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}.loop .ctx{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.loop .t-mat,.loop .t-dot{opacity:.15;transition:opacity .4s}.loop[data-frame="3"] .t-mat,.loop[data-frame="4"] .t-mat,.loop[data-frame="5"] .t-mat,.loop[data-frame="5"] .t-dot{opacity:1}.loop .box{font-family:var(--font-mono);font-size:12px;border:1px solid var(--d-teal);background:var(--d-fill-soft);color:var(--color-text);border-radius:9px;padding:8px 16px}.loop .gen{display:flex;align-items:center;gap:8px;height:32px;opacity:0;transition:opacity .35s}.loop[data-frame="2"] .gen,.loop[data-frame="4"] .gen{opacity:1}.loop .g-mat,.loop .g-dot{display:none}.loop[data-frame="2"] .g-mat,.loop[data-frame="4"] .g-dot{display:inline-flex}.loop .end{opacity:0;transition:opacity .35s}.loop[data-frame="5"] .end{opacity:1}.cfg .fp-stage{display:flex;justify-content:center;padding:4px 0}.cfg .panel{font-family:var(--font-mono);font-size:13px;line-height:1.95;background:var(--color-panel);border:1px solid var(--color-hairline);border-radius:12px;padding:14px 20px}.cfg .k{color:var(--color-text-muted)}.cfg .val{color:var(--color-accent)}.cfg .ln{display:block;border-radius:5px;padding:0 6px;margin:0 -6px;transition:background .3s}.cfg[data-frame="2"] .l-hs,.cfg[data-frame="3"] .l-is,.cfg[data-frame="4"] .l-nl{background:color-mix(in oklab,var(--color-accent) 14%,transparent)}.cfg .callout{margin-top:14px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);min-height:18px}.cfg .co{display:none}.cfg[data-frame="1"] .co-1,.cfg[data-frame="2"] .co-2,.cfg[data-frame="3"] .co-3,.cfg[data-frame="4"] .co-4{display:inline}.cfg .co b{color:var(--color-accent);font-weight:500}.emb .fp-stage{min-height:172px;display:flex;align-items:center;justify-content:center;gap:22px}.emb .ids{display:flex;flex-direction:column;gap:7px}.emb .idc{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);border:1px solid color-mix(in oklab,var(--color-accent) 30%,transparent);background:color-mix(in oklab,var(--color-accent) 7%,transparent);border-radius:6px;padding:5px 9px;text-align:center}.emb .out{display:flex;flex-direction:column;gap:9px}.emb .out .row{display:flex;align-items:center;gap:9px;opacity:0;transition:opacity .4s}.emb[data-frame="2"] .out .r1,.emb[data-frame="3"] .out .r1,.emb[data-frame="3"] .out .r2,.emb[data-frame="3"] .out .r3{opacity:1}.emb .lead{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);width:52px;text-align:right}.trn .fp-stage{min-height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.trn .split{display:flex;align-items:center;gap:9px}.trn .part{display:flex;gap:5px}.trn .sep{color:var(--color-text-dim);font-family:var(--font-mono);font-size:16px}.trn .nn,.trn .guess,.trn .err,.trn .bp{opacity:0;transition:opacity .4s}.trn[data-frame="2"] .nn,.trn[data-frame="3"] .nn,.trn[data-frame="4"] .nn,.trn[data-frame="2"] .guess,.trn[data-frame="3"] .guess,.trn[data-frame="4"] .guess,.trn[data-frame="3"] .err,.trn[data-frame="4"] .err,.trn[data-frame="4"] .bp{opacity:1}.trn .nn{font-family:var(--font-mono);font-size:12px;border:1px solid var(--d-teal);background:var(--d-fill-soft);color:var(--color-text);border-radius:9px;padding:7px 14px}.trn .guess{display:flex;align-items:center;gap:7px}.trn .guess .chip{border-color:color-mix(in oklab,var(--color-accent) 40%,transparent);color:var(--color-accent)}.trn .err{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.trn .err b{color:var(--color-accent)}.trn .bp{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim)}.trn .first .chip{transition:border-color .4s,box-shadow .4s}.trn[data-frame="4"] .first .chip{border-color:color-mix(in oklab,var(--color-accent) 55%,transparent);box-shadow:0 0 9px color-mix(in oklab,var(--color-accent) 25%,transparent)}.ffn .fp-stage{min-height:150px;display:flex;align-items:center;justify-content:center}.ffn .stg{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:center}.ffn .lab{font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim);text-align:center;margin-top:5px}.ffn .down{opacity:0;transition:opacity .4s}.ffn[data-frame="3"] .down{opacity:1}.ffn .wide .v i.weak{transition:opacity .4s}.ffn[data-frame="2"] .wide .v i.weak,.ffn[data-frame="3"] .wide .v i.weak{opacity:.12}.nw .fp-stage{min-height:176px;display:flex;align-items:center;justify-content:center;gap:18px}.nw .vecs{display:flex;flex-direction:column;gap:5px}.nw .vecs .v{opacity:.4;padding:2px;border-radius:4px}.nw .vecs .v.last{opacity:1;outline:1.5px solid color-mix(in oklab,var(--color-accent) 45%,transparent);outline-offset:1px}.nw .scores{display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .4s}.nw[data-frame="2"] .scores,.nw[data-frame="3"] .scores{opacity:1}.nw .sc{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px}.nw .sc .w{width:40px;color:var(--color-text-muted);text-align:right}.nw .sc .bw{width:86px;height:9px;background:var(--color-surface-2);border-radius:5px;overflow:hidden}.nw .sc .bar{height:100%;background:var(--color-accent);border-radius:5px}.nw .sc .val{color:var(--color-accent);width:26px;font-variant-numeric:tabular-nums}.nw .tnote{opacity:0;transition:opacity .4s}.nw[data-frame="3"] .tnote{opacity:1}.wf .fp-stage{display:flex;justify-content:center;padding:4px 0}.wf svg{width:100%;max-width:330px;height:auto;font-family:var(--font-mono)}.wf .axis{stroke:var(--color-hairline);stroke-width:1}.wf .vec{stroke-width:2.5;fill:none;stroke-linecap:round}.wf .tok{stroke:var(--color-text-muted);marker-end:url(#wf-am)}.wf .detA{stroke:var(--color-accent);stroke-dasharray:4 4;opacity:.45;transition:opacity .4s,stroke-dasharray .1s}.wf .detB{stroke:var(--color-text-dim);stroke-dasharray:4 4;opacity:.45}.wf[data-frame="2"] .detA,.wf[data-frame="3"] .detA,.wf[data-frame="4"] .detA{opacity:1}.wf .result{stroke:var(--color-accent);marker-end:url(#wf-aa);opacity:0;transition:opacity .55s}.wf[data-frame="4"] .result,.wf[data-frame="4"] .reslab{opacity:1}.wf .reslab{fill:var(--color-accent);opacity:0;transition:opacity .55s}.wf .lab{font-size:11px;fill:var(--color-text-muted)}.wf .lab.a{fill:var(--color-accent)}.wf .fire{font-size:11px;opacity:0;transition:opacity .4s}.wf[data-frame="2"] .fire,.wf[data-frame="3"] .fire,.wf[data-frame="4"] .fire{opacity:1}.wf .fire.a{fill:var(--color-accent)}.wf .fire.d{fill:var(--color-text-dim)}.fwd .ttl{margin-bottom:12px}.fwd .col{display:flex;flex-direction:column;gap:7px;max-width:440px;margin:0 auto}.fwd .st{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);background:var(--color-surface-deep);border-radius:9px;padding:9px 13px;opacity:.4;transition:opacity .4s,border-color .4s,background .4s,box-shadow .4s}.fwd .lb{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted)}.fwd .lb em{color:var(--color-text-faint);font-style:normal}.fwd .st.mid{border-style:dashed}.fwd .st.out{border-color:color-mix(in oklab,var(--color-accent) 25%,var(--color-border))}.fwd .pred{margin-left:auto;opacity:0;transform:translate(-5px);transition:opacity .5s,transform .5s}.fwd[data-frame="1"] .st:nth-child(-n+1),.fwd[data-frame="2"] .st:nth-child(-n+2),.fwd[data-frame="3"] .st:nth-child(-n+3),.fwd[data-frame="4"] .st:nth-child(-n+4),.fwd[data-frame="5"] .st:nth-child(-n+6),.fwd[data-frame="6"] .st:nth-child(-n+7){opacity:1}.fwd[data-frame="1"] .st.s1,.fwd[data-frame="2"] .st.s2,.fwd[data-frame="3"] .st.s3,.fwd[data-frame="4"] .st.s4,.fwd[data-frame="5"] .st.s5,.fwd[data-frame="5"] .st.s6,.fwd[data-frame="6"] .st.s7{border-color:color-mix(in oklab,var(--color-accent) 55%,transparent);background:color-mix(in oklab,var(--color-accent) 10%,transparent);box-shadow:0 0 14px color-mix(in oklab,var(--color-accent) 18%,transparent)}.fwd[data-frame="1"] .st.s1 .lb,.fwd[data-frame="2"] .st.s2 .lb,.fwd[data-frame="3"] .st.s3 .lb,.fwd[data-frame="4"] .st.s4 .lb,.fwd[data-frame="5"] .st.s5 .lb,.fwd[data-frame="5"] .st.s6 .lb,.fwd[data-frame="6"] .st.s7 .lb{color:var(--color-accent)}.fwd[data-frame="6"] .pred{opacity:1;transform:none}.tp .fp-stage{display:flex;flex-direction:column;align-items:center;gap:13px}.tp .ttl{margin-bottom:1px}.tp .col{display:flex;flex-direction:column;gap:7px;width:100%;max-width:440px}.tp .st{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);background:var(--color-surface-deep);border-radius:9px;padding:9px 13px;opacity:.4;transition:opacity .4s,border-color .4s,background .4s,box-shadow .4s}.tp .lb{font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted)}.tp .pred{margin-left:auto;opacity:0;transform:translate(-5px);transition:opacity .5s,transform .5s}.tp .cmp{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-family:var(--font-mono);font-size:12px;opacity:0;transition:opacity .45s}.tp .cmp .err{color:var(--color-text-muted)}.tp .cmp .err b{color:var(--color-accent)}.tp .bp{font-family:var(--font-mono);font-size:11.5px;color:var(--d-teal);text-align:center;max-width:440px;line-height:1.5;opacity:0;min-height:16px;transition:opacity .45s}.tp[data-frame="1"] .st:nth-child(-n+2),.tp[data-frame="2"] .st:nth-child(-n+3),.tp[data-frame="3"] .st:nth-child(-n+4),.tp[data-frame="4"] .st,.tp[data-frame="5"] .st{opacity:1}.tp[data-frame="1"] .st.i1,.tp[data-frame="1"] .st.i2,.tp[data-frame="2"] .st.i3,.tp[data-frame="3"] .st.i4{border-color:color-mix(in oklab,var(--color-accent) 55%,transparent);background:color-mix(in oklab,var(--color-accent) 10%,transparent);box-shadow:0 0 14px color-mix(in oklab,var(--color-accent) 18%,transparent)}.tp[data-frame="1"] .st.i1 .lb,.tp[data-frame="1"] .st.i2 .lb,.tp[data-frame="2"] .st.i3 .lb,.tp[data-frame="3"] .st.i4 .lb{color:var(--color-accent)}.tp[data-frame="3"] .pred,.tp[data-frame="4"] .pred,.tp[data-frame="5"] .pred{opacity:1;transform:none}.tp[data-frame="4"] .cmp,.tp[data-frame="5"] .cmp,.tp[data-frame="5"] .bp{opacity:1}.tp[data-frame="5"] .st{border-color:color-mix(in oklab,var(--d-teal) 50%,transparent);background:color-mix(in oklab,var(--d-teal) 9%,transparent);box-shadow:0 0 12px color-mix(in oklab,var(--d-teal) 16%,transparent)}.p2sft .fp-stage{min-height:184px;display:flex;flex-direction:column;gap:13px;justify-content:center}.p2sft .in{display:flex;align-items:center;gap:9px;justify-content:center}.p2sft .row{display:flex;align-items:center;gap:10px;justify-content:center;opacity:0;transition:opacity .4s}.p2sft .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-faint);width:96px;text-align:right}.p2sft .out{font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);max-width:330px;font-style:italic}.p2sft .pair{display:flex;align-items:center;gap:7px}.p2sft .chip.bad{color:var(--color-text-dim);opacity:.7}.p2sft[data-frame="2"] .base,.p2sft[data-frame="3"] .sft,.p2sft[data-frame="4"] .inst{opacity:1}.p2sft[data-frame="4"] .inst .pill{box-shadow:0 0 12px color-mix(in oklab,var(--color-accent) 25%,transparent)}.p2tmpl .fp-stage{min-height:200px;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:center}.p2tmpl .msgs{display:flex;gap:7px}.p2tmpl .rendered{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);white-space:pre;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:9px;padding:10px 14px;line-height:1.7;opacity:0;transition:opacity .4s}.p2tmpl .ct{color:var(--color-accent)}.p2tmpl[data-frame="2"] .rendered,.p2tmpl[data-frame="3"] .rendered{opacity:1}.p2tmpl .cue{transition:opacity .3s,text-decoration-color .3s}.p2tmpl[data-frame="3"] .cue{opacity:.3;text-decoration:line-through}.p2tmpl .warn{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim);opacity:0;transition:opacity .4s;min-height:16px}.p2rl .fp-stage{min-height:206px;display:flex;flex-direction:column;gap:11px;justify-content:center}.p2rl .q{text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--color-text)}.p2rl .grid{display:flex;flex-direction:column;gap:5px;max-width:420px;margin:0 auto;width:100%}.p2rl .hdr,.p2rl .att{display:grid;grid-template-columns:78px 60px 58px 54px 18px;gap:8px;align-items:center;font-family:var(--font-mono);font-size:12px}.p2rl .hdr{color:var(--color-text-faint);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em}.p2rl .lb{color:var(--color-text-muted)}.p2rl .ans.ok{color:var(--color-accent)}.p2rl .ans.no{color:var(--color-text-dim)}.p2rl .rw,.p2rl .ad,.p2rl .up,.p2rl .dn{opacity:0;transition:opacity .35s}.p2rl[data-frame="2"] .rw,.p2rl[data-frame="3"] .rw,.p2rl[data-frame="4"] .rw,.p2rl[data-frame="3"] .ad,.p2rl[data-frame="4"] .ad,.p2rl[data-frame="4"] .up,.p2rl[data-frame="4"] .dn{opacity:1}.p2rl .ad{color:var(--color-text-muted)}.p2rl .up{color:var(--color-accent)}.p2rl .dn{color:var(--color-text-dim)}.p2rl[data-frame="4"] .a1,.p2rl[data-frame="4"] .a3{background:color-mix(in oklab,var(--color-accent) 9%,transparent);border-radius:6px}.p2rew .fp-stage{min-height:150px;display:flex;flex-direction:column;gap:18px;justify-content:center}.p2rew .path{display:flex;align-items:center;gap:9px;justify-content:center;flex-wrap:wrap;opacity:.22;transition:opacity .4s}.p2rew .fn{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);border:1px solid color-mix(in oklab,var(--color-accent) 35%,transparent);border-radius:7px;padding:6px 10px}.p2rew .human,.p2rew .box{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:7px;padding:6px 10px}.p2dpo .fp-stage{min-height:172px;display:flex;flex-direction:column;gap:12px;justify-content:center}.p2dpo .in{display:flex;align-items:center;gap:9px;justify-content:center}.p2dpo .opt{display:flex;align-items:center;gap:10px;justify-content:center}.p2dpo .tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-text-faint);width:66px;text-align:right}.p2dpo .ch .pill{max-width:300px}.p2dpo .chip.bad{color:var(--color-text-dim)}.p2dpo .mv{font-family:var(--font-mono);font-size:11px;opacity:0;transition:opacity .4s}.p2dpo .mv.up{color:var(--color-accent)}.p2dpo .mv.dn{color:var(--color-text-dim)}.p2dpo[data-frame="2"] .mv{opacity:1}.p2cg .fp-stage{min-height:180px;display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap}.p2cg .side{display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.3;transition:opacity .4s}.p2cg[data-frame="1"] .cpu,.p2cg[data-frame="2"] .gpu{opacity:1}.p2cg .lbl{font-family:var(--font-mono);font-size:10px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em}.p2cg .cores{display:flex;gap:8px}.p2cg .core{width:26px;height:34px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-surface-2)}.p2cg[data-frame="1"] .cpu .core{border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);background:color-mix(in oklab,var(--color-accent) 14%,transparent)}.p2cg .lanes{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.p2cg .lanes i{width:11px;height:11px;border-radius:2px;border:1px solid var(--color-hairline);background:var(--color-surface-2)}.p2cg[data-frame="2"] .gpu .lanes i{background:color-mix(in oklab,var(--color-accent) 55%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}.p2mm .fp-stage{min-height:180px;display:flex;flex-direction:column;align-items:center;gap:14px;justify-content:center}.p2mm .lead{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim);text-align:center;max-width:380px}.p2mm .mgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.p2mm .mgrid i{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-hairline);background:var(--color-surface-2);transition:background .3s,border-color .3s}.p2mm[data-frame="1"] .mgrid i.one{background:color-mix(in oklab,var(--color-accent) 55%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 45%,transparent)}.p2mm[data-frame="3"] .mgrid i{background:color-mix(in oklab,var(--color-accent) 48%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 36%,transparent)}.p2tc .fp-stage{min-height:184px;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center}.p2tc .flow{display:flex;align-items:center;gap:11px;flex-wrap:wrap;justify-content:center}.p2tc .cell{display:flex;flex-direction:column;align-items:center;gap:5px}.p2tc .cap{font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);text-transform:uppercase}.p2tc .box{width:46px;height:46px;border-radius:7px;border:1px solid var(--color-border);background:var(--color-surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);text-align:center}.p2tc .op{font-family:var(--font-mono);color:var(--color-text-dim);font-size:14px}.p2tc .acc .box{transition:background .4s,border-color .4s,box-shadow .4s}.p2tc[data-frame="2"] .acc .box,.p2tc[data-frame="3"] .acc .box{border-color:color-mix(in oklab,var(--color-accent) 55%,transparent);background:color-mix(in oklab,var(--color-accent) 12%,transparent);box-shadow:0 0 12px color-mix(in oklab,var(--color-accent) 20%,transparent)}.p2tc .wr,.p2tc .mem{opacity:.22;transition:opacity .4s}.p2tc[data-frame="3"] .wr,.p2tc[data-frame="3"] .mem{opacity:1}.p2kt .fp-stage{min-height:186px;display:flex;flex-direction:column;align-items:center;gap:14px;justify-content:center}.p2kt .big{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:6px;border:1px dashed var(--color-border);border-radius:8px}.p2kt .big i{width:16px;height:16px;border-radius:2px;background:var(--color-surface-2);border:1px solid var(--color-hairline)}.p2kt .big i.t{border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);background:color-mix(in oklab,var(--color-accent) 12%,transparent)}.p2kt .pipe{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity .4s}.p2kt[data-frame="2"] .pipe,.p2kt[data-frame="3"] .pipe{opacity:1}.p2kt .st{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:7px;padding:5px 9px}.p2kt .st.tc{transition:border-color .4s,color .4s}.p2kt[data-frame="3"] .st.tc{border-color:color-mix(in oklab,var(--color-accent) 50%,transparent);color:var(--color-accent)}.p2kt .note{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);text-align:center;opacity:0;transition:opacity .4s;min-height:15px}.p2kt[data-frame="3"] .note{opacity:1}.p2kv .fp-stage{min-height:212px;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center}.p2kv .strip{display:flex;gap:16px;align-items:flex-end}.p2kv .tcol{display:flex;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s}.p2kv .c3,.p2kv .c4{opacity:0}.p2kv[data-frame="3"] .c3,.p2kv[data-frame="4"] .c3,.p2kv[data-frame="5"] .c3,.p2kv[data-frame="6"] .c3,.p2kv[data-frame="6"] .c4{opacity:1}.p2kv .tl{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.p2kv .pred .tl{color:var(--color-accent)}.p2kv .qkv{display:flex;gap:3px}.p2kv .qkv i{width:14px;height:14px;border-radius:3px;border:1px solid var(--color-hairline);background:var(--color-surface-2);transition:background .35s,opacity .35s,border-color .35s}.p2kv[data-frame="2"] .c1 .qkv i,.p2kv[data-frame="2"] .c2 .qkv i,.p2kv[data-frame="3"] .c1 .qkv i,.p2kv[data-frame="3"] .c2 .qkv i{background:color-mix(in oklab,var(--color-accent) 45%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 38%,transparent)}.p2kv[data-frame="4"] .c1 .k,.p2kv[data-frame="4"] .c2 .k,.p2kv[data-frame="4"] .c1 .v,.p2kv[data-frame="4"] .c2 .v,.p2kv[data-frame="5"] .c1 .k,.p2kv[data-frame="5"] .c2 .k,.p2kv[data-frame="5"] .c1 .v,.p2kv[data-frame="5"] .c2 .v,.p2kv[data-frame="6"] .c1 .k,.p2kv[data-frame="6"] .c2 .k,.p2kv[data-frame="6"] .c1 .v,.p2kv[data-frame="6"] .c2 .v{background:color-mix(in oklab,var(--d-teal) 62%,var(--color-surface-2));border-color:color-mix(in oklab,var(--d-teal) 45%,transparent)}.p2kv[data-frame="4"] .c1 .q,.p2kv[data-frame="4"] .c2 .q,.p2kv[data-frame="5"] .c1 .q,.p2kv[data-frame="5"] .c2 .q,.p2kv[data-frame="6"] .c1 .q,.p2kv[data-frame="6"] .c2 .q{opacity:.18}.p2kv[data-frame="5"] .c3 .qkv i,.p2kv[data-frame="6"] .c3 .qkv i{background:color-mix(in oklab,var(--color-accent) 45%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 38%,transparent)}.p2kv .cachebar{display:flex;align-items:center;gap:8px}.p2kv .cl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-text-faint);letter-spacing:.04em}.p2kv .cslot{width:28px;height:16px;border-radius:4px;border:1px dashed var(--color-border);transition:background .4s,border-color .4s,border-style .4s}.p2kv[data-frame="4"] .s1,.p2kv[data-frame="5"] .s1,.p2kv[data-frame="6"] .s1,.p2kv[data-frame="4"] .s2,.p2kv[data-frame="5"] .s2,.p2kv[data-frame="6"] .s2{background:color-mix(in oklab,var(--d-teal) 42%,transparent);border-style:solid;border-color:color-mix(in oklab,var(--d-teal) 50%,transparent)}.p2kv[data-frame="6"] .s3{background:color-mix(in oklab,var(--color-accent) 30%,transparent);border-style:solid;border-color:color-mix(in oklab,var(--color-accent) 42%,transparent)}.p2kv .qkvkey{font-size:10.5px}.p2wc .fp-stage{min-height:170px;display:flex;flex-direction:column;align-items:center;gap:16px;justify-content:center}.p2wc .two{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.p2wc .col{width:212px;border:1px solid var(--color-border);border-radius:11px;padding:14px;background:var(--color-surface-deep);opacity:.32;transition:opacity .4s}.p2wc[data-frame="1"] .qcol,.p2wc[data-frame="2"] .kcol{opacity:1}.p2wc .h{font-family:var(--font-mono);font-size:12.5px;margin-bottom:6px}.p2wc .qcol .h{color:var(--color-text-muted)}.p2wc .kcol .h{color:var(--color-accent)}.p2wc .d{font-size:12px;color:var(--color-text-dim);line-height:1.4}.p2wc .use{font-family:var(--font-mono);font-size:11px;margin-top:8px}.p2wc .qcol .use{color:var(--color-text-dim)}.p2wc .kcol .use{color:var(--color-accent)}.p2wc .verdict{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);opacity:0;transition:opacity .4s}.p2wc[data-frame="2"] .verdict{opacity:1}.p2pd .fp-stage{min-height:180px;display:flex;flex-direction:column;gap:22px;justify-content:center}.p2pd .phase{display:flex;flex-direction:column;gap:5px;max-width:440px;margin:0 auto;width:100%;opacity:.32;transition:opacity .4s}.p2pd .pl{font-family:var(--font-mono);font-size:11px;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.04em}.p2pd .bars{display:flex;flex-direction:column;gap:4px}.p2pd .bar{height:18px;border-radius:5px;font-family:var(--font-mono);font-size:10px;display:flex;align-items:center;padding-left:8px;min-width:60px}.p2pd .cmp{background:color-mix(in oklab,var(--color-accent) 68%,transparent);color:var(--color-accent-ink)}.p2pd .memr{background:color-mix(in oklab,var(--d-teal) 75%,var(--color-surface-2));color:var(--color-text)}.p2pd .verdict{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted)}.p2bit .fp-stage{min-height:176px;display:flex;flex-direction:column;align-items:center;gap:13px;justify-content:center}.p2bit .num{font-family:var(--font-mono);font-size:15px;color:var(--color-text)}.p2bit .bits{display:flex;gap:5px}.p2bit .b{width:26px;height:32px;border-radius:5px;border:1px solid var(--color-border);background:var(--color-surface-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;color:var(--color-text-muted);transition:opacity .4s,background .4s}.p2bit .b.msb{border-color:color-mix(in oklab,var(--color-accent) 45%,transparent)}.p2bit .ann{display:flex;justify-content:space-between;width:100%;max-width:262px;font-family:var(--font-mono);font-size:9px;color:var(--color-text-faint);text-transform:uppercase}.p2bit[data-frame="2"] .b.lo,.p2bit[data-frame="3"] .b.lo{opacity:.2;text-decoration:line-through}.p2bit .after{font-family:var(--font-mono);font-size:12px;color:var(--color-text-dim);opacity:0;transition:opacity .4s}.p2bit[data-frame="2"] .after,.p2bit[data-frame="3"] .after{opacity:1}.p2bit .win{font-family:var(--font-mono);font-size:11.5px;color:var(--color-accent);opacity:0;transition:opacity .4s;min-height:15px}.p2bit[data-frame="3"] .win{opacity:1}.p2rl .fp-stage{min-height:190px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0}.p2rl svg{width:100%;max-width:342px;height:auto;font-family:var(--font-mono)}.p2rl .prompt rect{fill:var(--color-surface-2);stroke:var(--color-border);stroke-width:1}.p2rl .prompt text{fill:var(--color-text-muted);font-size:11px;text-anchor:middle}.p2rl .traj{fill:none;stroke:var(--color-border-strong);stroke-width:1.6;transition:stroke .45s,stroke-width .45s,opacity .45s}.p2rl .ans rect{fill:var(--color-surface-2);stroke:var(--color-border);stroke-width:1;transition:fill .45s,stroke .45s,opacity .45s}.p2rl .ans text{fill:var(--color-text-muted);font-size:11px;text-anchor:middle;transition:fill .45s}.p2rl .adv{font-size:10px;text-anchor:start;opacity:0;transition:opacity .4s}.p2rl .adv.aok{fill:var(--color-accent)}.p2rl .adv.ano{fill:var(--color-text-dim)}.p2rl[data-frame="2"] .ok rect,.p2rl[data-frame="3"] .ok rect,.p2rl[data-frame="4"] .ok rect{fill:color-mix(in oklab,var(--color-accent) 16%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 55%,transparent)}.p2rl[data-frame="2"] .ok text,.p2rl[data-frame="3"] .ok text,.p2rl[data-frame="4"] .ok text{fill:var(--color-accent)}.p2rl[data-frame="2"] .okp,.p2rl[data-frame="3"] .okp,.p2rl[data-frame="4"] .okp{stroke:var(--color-accent)}.p2rl[data-frame="2"] .no,.p2rl[data-frame="3"] .no{opacity:.45}.p2rl[data-frame="2"] .nop,.p2rl[data-frame="3"] .nop{stroke:var(--color-text-dim)}.p2rl[data-frame="3"] .adv,.p2rl[data-frame="4"] .adv{opacity:1}.p2rl[data-frame="4"] .okp{stroke-width:3.4}.p2rl[data-frame="4"] .nop{opacity:.12}.p2rl[data-frame="4"] .no{opacity:.22}.p2kv .fp-stage{min-height:206px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0}.p2kv svg{width:100%;max-width:330px;height:auto;font-family:var(--font-mono)}.p2kv .tk rect{fill:var(--color-surface-2);stroke:var(--color-border);stroke-width:1;transition:fill .4s,stroke .4s}.p2kv .tk text{fill:var(--color-text-muted);font-size:11px;text-anchor:middle;transition:fill .4s}.p2kv .t3,.p2kv .t4{opacity:0;transition:opacity .45s}.p2kv[data-frame="3"] .t3,.p2kv[data-frame="4"] .t3,.p2kv[data-frame="5"] .t3,.p2kv[data-frame="6"] .t3,.p2kv[data-frame="6"] .t4{opacity:1}.p2kv[data-frame="3"] .t3 rect,.p2kv[data-frame="6"] .t4 rect{fill:color-mix(in oklab,var(--color-accent) 18%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 55%,transparent)}.p2kv[data-frame="3"] .t3 text,.p2kv[data-frame="6"] .t4 text{fill:var(--color-accent)}.p2kv .slot rect{fill:transparent;stroke:var(--color-border);stroke-width:1;stroke-dasharray:3 3;transition:fill .4s,stroke .4s,stroke-dasharray .1s}.p2kv .slot text{fill:var(--color-text-faint);font-size:9px;text-anchor:middle;transition:fill .4s}.p2kv .clabel{fill:var(--color-text-faint);font-size:8.5px;letter-spacing:.05em;text-transform:uppercase}.p2kv[data-frame="2"] .s1 rect,.p2kv[data-frame="3"] .s1 rect,.p2kv[data-frame="4"] .s1 rect,.p2kv[data-frame="5"] .s1 rect,.p2kv[data-frame="6"] .s1 rect,.p2kv[data-frame="2"] .s2 rect,.p2kv[data-frame="3"] .s2 rect,.p2kv[data-frame="4"] .s2 rect,.p2kv[data-frame="5"] .s2 rect,.p2kv[data-frame="6"] .s2 rect,.p2kv[data-frame="4"] .s3 rect,.p2kv[data-frame="5"] .s3 rect,.p2kv[data-frame="6"] .s3 rect{fill:color-mix(in oklab,var(--d-teal) 50%,transparent);stroke:color-mix(in oklab,var(--d-teal) 62%,transparent);stroke-dasharray:none}.p2kv[data-frame="2"] .s1 text,.p2kv[data-frame="2"] .s2 text,.p2kv[data-frame="3"] .s1 text,.p2kv[data-frame="3"] .s2 text,.p2kv[data-frame="4"] .s1 text,.p2kv[data-frame="4"] .s2 text,.p2kv[data-frame="4"] .s3 text,.p2kv[data-frame="5"] .s1 text,.p2kv[data-frame="5"] .s2 text,.p2kv[data-frame="5"] .s3 text,.p2kv[data-frame="6"] .s1 text,.p2kv[data-frame="6"] .s2 text,.p2kv[data-frame="6"] .s3 text{fill:var(--color-text-soft)}.p2kv .beams line{stroke:var(--color-accent);stroke-width:1.5;stroke-dasharray:4 3;opacity:0;transition:opacity .4s;stroke-linecap:round}.p2kv[data-frame="3"] .f3 line{opacity:.85}.p2kv[data-frame="5"] .f5 line{opacity:.85}.p2sft .fp-stage{min-height:186px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:2px 0}.p2sft .dist{display:flex;align-items:flex-end;gap:10px;height:128px}.p2sft .bar{width:26px;background:color-mix(in oklab,var(--color-accent) 28%,var(--color-surface-2));border-radius:5px 5px 0 0;height:20%;transition:height .6s cubic-bezier(.4,0,.2,1),background .5s}.p2sft .bar.tgt{background:var(--color-accent)}.p2sft[data-frame="1"] .b1{height:44%}.p2sft[data-frame="1"] .b2{height:58%}.p2sft[data-frame="1"] .b3{height:50%}.p2sft[data-frame="1"] .b4{height:63%}.p2sft[data-frame="1"] .b5{height:47%}.p2sft[data-frame="1"] .b6{height:55%}.p2sft[data-frame="1"] .b7{height:40%}.p2sft[data-frame="2"] .b1{height:32%}.p2sft[data-frame="2"] .b2{height:38%}.p2sft[data-frame="2"] .b3{height:74%}.p2sft[data-frame="2"] .b4{height:40%}.p2sft[data-frame="2"] .b5{height:30%}.p2sft[data-frame="2"] .b6{height:36%}.p2sft[data-frame="2"] .b7{height:26%}.p2sft[data-frame="3"] .bar{height:13%}.p2sft[data-frame="3"] .b3{height:96%}.p2sft .xa{display:flex;flex-direction:column;align-items:center;gap:3px}.p2sft .xa .mut{font-family:var(--font-mono);font-size:10.5px}.p2sft .xa .tl{font-family:var(--font-mono);font-size:11.5px;color:var(--color-accent);opacity:0;transition:opacity .5s}.p2sft[data-frame="3"] .xa .tl{opacity:1}.p2tmpl .fp-stage{min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;padding:2px 0}.p2tmpl .bubble{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:10px;padding:7px 12px}.p2tmpl .down{font-family:var(--font-mono);font-size:14px;color:var(--color-text-dim)}.p2tmpl .stream{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:400px;opacity:0;transition:opacity .45s}.p2tmpl[data-frame="2"] .stream,.p2tmpl[data-frame="3"] .stream{opacity:1}.p2tmpl .tk{font-family:var(--font-mono);font-size:11px;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:5px;padding:4px 7px}.p2tmpl .tk.ctl{border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);background:color-mix(in oklab,var(--color-accent) 12%,transparent);color:var(--color-accent)}.p2tmpl .cue{transition:opacity .3s}.p2tmpl[data-frame="3"] .cue{opacity:.28;text-decoration:line-through}.p2tmpl .warn{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);opacity:0;transition:opacity .4s;min-height:15px}.p2tmpl[data-frame="3"] .warn{opacity:1}.p2rew .fp-stage{min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:2px 0}.p2rew .lane{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;opacity:.24;transition:opacity .4s}.p2rew[data-frame="1"] .v,.p2rew[data-frame="2"] .r{opacity:1}.p2rew .lb{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;color:var(--color-text-faint);width:58px;text-align:right}.p2rew .gate,.p2rew .rm{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:7px;padding:6px 10px}.p2rew .tick{color:var(--color-accent);font-size:16px}.p2rew .rv{font-family:var(--font-mono);font-size:13px;color:var(--color-accent);font-variant-numeric:tabular-nums}.p2rew .meter{width:72px;height:14px;border-radius:7px;background:var(--color-surface-2);border:1px solid var(--color-border);overflow:hidden;position:relative}.p2rew .meter .fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--color-accent);transition:width .7s cubic-bezier(.4,0,.2,1)}.p2rew[data-frame="2"] .meter .fill{width:82%}.p2dpo .fp-stage{min-height:180px;display:flex;justify-content:center;align-items:center;padding:2px 0}.p2dpo svg{width:100%;max-width:300px;height:auto;font-family:var(--font-mono)}.p2dpo .post{stroke:var(--color-border-strong);stroke-width:2}.p2dpo .pivot{fill:var(--color-border-strong)}.p2dpo .arm{stroke:var(--color-text-muted);stroke-width:2.5;stroke-linecap:round}.p2dpo .hang{stroke:var(--color-border);stroke-width:1}.p2dpo .pan rect{fill:var(--color-surface-2);stroke:var(--color-border);stroke-width:1;transition:fill .5s,stroke .5s,opacity .5s}.p2dpo .pan text{fill:var(--color-text-muted);font-size:11px;text-anchor:middle;transition:fill .5s}.p2dpo .beam{transform-box:view-box;transform-origin:150px 64px;transition:transform .7s cubic-bezier(.4,0,.2,1)}.p2dpo[data-frame="2"] .beam{transform:rotate(9deg)}.p2dpo[data-frame="2"] .cho rect{fill:color-mix(in oklab,var(--color-accent) 18%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 55%,transparent)}.p2dpo[data-frame="2"] .cho text{fill:var(--color-accent)}.p2dpo[data-frame="2"] .rej{opacity:.4}.p2tc .fp-stage{min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:2px 0}.p2tc .tcrow{display:flex;align-items:center;gap:12px}.p2tc .lfeed{font-family:var(--font-mono);font-size:9.5px;color:var(--color-text-faint);text-transform:uppercase;text-align:right;max-width:40px;line-height:1.3}.p2tc .sys{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-deep);transition:box-shadow .4s}.p2tc .sys i{width:22px;height:22px;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-hairline);transition:background .4s,border-color .4s}.p2tc[data-frame="2"] .sys i,.p2tc[data-frame="3"] .sys i{background:color-mix(in oklab,var(--color-accent) 45%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}.p2tc[data-frame="2"] .sys,.p2tc[data-frame="3"] .sys{box-shadow:0 0 16px color-mix(in oklab,var(--color-accent) 16%,transparent)}.p2tc .rout{display:flex;align-items:center;gap:8px;opacity:.22;transition:opacity .4s}.p2tc[data-frame="3"] .rout{opacity:1}.p2tc .wr{font-family:var(--font-mono);color:var(--color-text-dim);font-size:14px}.p2tc .mem{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:7px;padding:6px 9px}.p2tc .note{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);text-align:center;max-width:400px}.p2wc .fp-stage{min-height:170px;display:flex;justify-content:center;align-items:center;padding:2px 0}.p2wc svg{width:100%;max-width:300px;height:auto;font-family:var(--font-mono)}.p2wc .rlab{fill:var(--color-text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.p2wc .qd{fill:color-mix(in oklab,var(--color-accent) 55%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 45%,transparent);stroke-width:1;opacity:0;transition:opacity .4s}.p2wc[data-frame="1"] .q1,.p2wc[data-frame="2"] .q2,.p2wc[data-frame="3"] .q3{opacity:1}.p2wc .kd{fill:color-mix(in oklab,var(--d-teal) 58%,var(--color-surface-2));stroke:color-mix(in oklab,var(--d-teal) 50%,transparent);stroke-width:1;opacity:.12;transition:opacity .4s}.p2wc[data-frame="1"] .k1,.p2wc[data-frame="2"] .k1,.p2wc[data-frame="3"] .k1,.p2wc[data-frame="2"] .k2,.p2wc[data-frame="3"] .k2,.p2wc[data-frame="3"] .k3{opacity:1}.p2pd .fp-stage{min-height:172px;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:2px 0}.p2pd .prow{display:flex;align-items:center;gap:10px;justify-content:center;opacity:.28;transition:opacity .4s}.p2pd[data-frame="1"] .pre,.p2pd[data-frame="2"] .dec{opacity:1}.p2pd .pl{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--color-text-faint);width:52px;text-align:right}.p2pd .wl{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:6px;padding:8px 9px;background:var(--color-surface-2)}.p2pd .toks{display:flex;gap:3px}.p2pd .toks i{width:13px;height:20px;border-radius:3px;background:var(--color-surface-2);border:1px solid var(--color-hairline)}.p2pd .pre .toks i,.p2pd .dec .toks i.on{background:color-mix(in oklab,var(--color-accent) 52%,var(--color-surface-2));border-color:color-mix(in oklab,var(--color-accent) 40%,transparent)}.p2pd .pdkey{text-align:center;font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-dim)}.p2bit .fp-stage{min-height:170px;display:flex;justify-content:center;align-items:center;padding:2px 0}.p2bit svg{width:100%;max-width:300px;height:auto;font-family:var(--font-mono)}.p2bit .axis{stroke:var(--color-border);stroke-width:1.5}.p2bit .fine line{stroke:var(--color-hairline);stroke-width:1}.p2bit .coarse line{stroke:var(--color-text-dim);stroke-width:1.5}.p2bit .fine{transition:opacity .4s}.p2bit .coarse{opacity:0;transition:opacity .4s}.p2bit[data-frame="2"] .fine,.p2bit[data-frame="3"] .fine{opacity:0}.p2bit[data-frame="2"] .coarse,.p2bit[data-frame="3"] .coarse{opacity:1}.p2bit .marker{transform-box:view-box;transform:translate(192px);transition:transform .6s cubic-bezier(.4,0,.2,1)}.p2bit[data-frame="2"] .marker,.p2bit[data-frame="3"] .marker{transform:translate(215px)}.p2bit .stem{stroke:var(--color-accent);stroke-width:1.5}.p2bit .dot{fill:var(--color-accent)}.p2bit .vlab{fill:var(--color-accent);font-size:11px;text-anchor:middle}.p2bit .v2{opacity:0;transition:opacity .4s}.p2bit .v1{transition:opacity .4s}.p2bit[data-frame="2"] .v1,.p2bit[data-frame="3"] .v1{opacity:0}.p2bit[data-frame="2"] .v2,.p2bit[data-frame="3"] .v2{opacity:1}.fmx .fp-stage{display:flex;justify-content:center;padding:6px 0}.fmx svg{width:100%;max-width:340px;height:auto;font-family:var(--font-mono)}.fmx .cell{fill:var(--color-surface-2);stroke:var(--color-hairline)}.fmx .out{fill:color-mix(in oklab,var(--color-accent) 20%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 50%,transparent)}.fmx .grid{fill:color-mix(in oklab,var(--color-accent) 8%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 30%,transparent)}.fmx .gl{stroke:var(--color-hairline);stroke-width:.75}.fmx .op{fill:var(--color-text-dim);font-size:15px;text-anchor:middle}.fmx .lab{fill:var(--color-text-muted);font-size:10px;text-anchor:middle}.fmx .dim{fill:var(--color-text-dim);font-size:9px;text-anchor:middle}.fmx .up{transition:opacity .4s}.fmx .dn{opacity:0;transition:opacity .4s}.fmx[data-frame="2"] .up{opacity:0}.fmx[data-frame="2"] .dn{opacity:1}.frl .fp-stage{display:flex;justify-content:center;padding:6px 0}.frl svg{width:100%;max-width:330px;height:auto;font-family:var(--font-mono)}.frl .base{stroke:var(--color-border-strong);stroke-width:1;stroke-dasharray:3 3}.frl .zero{fill:var(--color-text-dim);font-size:10px}.frl .pos{fill:color-mix(in oklab,var(--color-accent) 52%,var(--color-surface-2))}.frl .neg{fill:color-mix(in oklab,var(--color-text-dim) 45%,var(--color-surface-2));transition:opacity .45s}.frl[data-frame="2"] .neg{opacity:0}.frl .tag{font-size:10.5px;text-anchor:middle;opacity:0;transition:opacity .4s}.frl .tag.n{fill:var(--color-text-dim)}.frl .tag.k{fill:var(--color-accent)}.frl[data-frame="1"] .tag.n,.frl[data-frame="2"] .tag.k{opacity:1}.fdet .fp-stage{display:flex;justify-content:center;padding:4px 0}.fdet svg{width:100%;max-width:360px;height:auto;font-family:var(--font-mono)}.fdet .pill{fill:var(--color-surface-2);stroke:var(--color-border)}.fdet .ptxt{fill:var(--color-text-muted);font-size:10px;text-anchor:middle}.fdet .wlab{fill:var(--color-text-faint);font-size:9.5px;text-anchor:middle;letter-spacing:.04em}.fdet .chip rect{fill:var(--color-surface-deep);stroke:var(--color-border);transition:fill .4s,stroke .4s}.fdet .chip text{fill:var(--color-text-dim);font-size:10px;text-anchor:middle;transition:fill .4s}.fdet .dim{transition:opacity .4s}.fdet[data-frame="2"] .dim,.fdet[data-frame="3"] .dim{opacity:.32}.fdet[data-frame="2"] .d3 rect,.fdet[data-frame="3"] .d3 rect{fill:color-mix(in oklab,var(--color-accent) 16%,var(--color-surface-deep));stroke:color-mix(in oklab,var(--color-accent) 55%,transparent)}.fdet[data-frame="2"] .d3 text,.fdet[data-frame="3"] .d3 text{fill:var(--color-accent)}.fdet .wb{opacity:0;transition:opacity .5s}.fdet[data-frame="3"] .wb{opacity:1}.fdet .arrow{stroke:var(--color-accent);stroke-width:1.5;fill:none;marker-end:url(#fd-a)}.fdet .wdlab{fill:var(--color-text-muted);font-size:9.5px}.fdet .spin{fill:color-mix(in oklab,var(--color-accent) 20%,var(--color-surface-2));stroke:color-mix(in oklab,var(--color-accent) 55%,transparent)}.fdet .spintx{fill:var(--color-accent);font-size:12px;text-anchor:middle}.pf .fp-stage{min-height:216px;display:flex;align-items:center;justify-content:center;padding:10px 0}.pf .scene{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;margin:0 auto;text-align:center}.pf .row{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap}.pf .col{display:flex;flex-direction:column;align-items:center;gap:10px}.pf .box{font-family:var(--font-mono);font-size:12px;color:var(--color-text-soft);background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:10px;padding:9px 13px;transition:opacity .45s,border-color .4s,background .4s,transform .45s}.pf .box.acc{border-color:color-mix(in oklab,var(--color-accent) 48%,transparent);color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 9%,transparent)}.pf .box.warn{border-color:color-mix(in oklab,#e0645c 52%,transparent);color:#e0645c;background:color-mix(in oklab,#e0645c 9%,transparent)}.pf .mn{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);text-align:center;line-height:1.5}.pf .mn b,.pf b{font-weight:500;color:var(--color-text-soft)}.pf b.acc{color:var(--color-accent)}.pf b.bad{color:#e0645c}.pf .arr{font-family:var(--font-mono);color:var(--color-text-dim);font-size:15px}.pf .chip2{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:7px;padding:6px 9px;white-space:nowrap}.pf .chip2.hi{color:var(--color-accent);border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);background:color-mix(in oklab,var(--color-accent) 10%,transparent)}.pf .meter{width:120px;height:7px;border-radius:5px;background:var(--color-surface-2);overflow:hidden}.pf .meter i{display:block;height:100%;border-radius:5px;background:var(--color-accent)}.pf .meter.w i{background:#e0645c}.pf .ok,.pf .no{font-family:var(--font-mono);font-size:11.5px}.pf .ok{color:var(--color-accent)}.pf .no{color:#e0645c}.pf .stack{display:grid}.pf .stack>*{grid-area:1/1}.pf .f2,.pf .f3,.pf .f4,.pf .f5{opacity:0;transform:translateY(5px);transition:opacity .45s,transform .45s}.pf[data-frame="2"] .f2,.pf[data-frame="3"] .f2,.pf[data-frame="4"] .f2,.pf[data-frame="5"] .f2,.pf[data-frame="3"] .f3,.pf[data-frame="4"] .f3,.pf[data-frame="5"] .f3,.pf[data-frame="4"] .f4,.pf[data-frame="5"] .f4,.pf[data-frame="5"] .f5{opacity:1;transform:none}.pf .o1,.pf .o2,.pf .o3,.pf .o4,.pf .o5{opacity:0;transition:opacity .4s}.pf[data-frame="1"] .o1,.pf[data-frame="2"] .o2,.pf[data-frame="3"] .o3,.pf[data-frame="4"] .o4,.pf[data-frame="5"] .o5{opacity:1}.pf .cluster{display:flex;flex-wrap:wrap;gap:4px;max-width:250px;justify-content:center}.pf .tc{width:32px;height:11px;border-radius:4px;background:var(--color-surface-2);border:1px solid var(--color-hairline)}.pr1 .track{position:relative;width:min(440px,84%);height:30px;border-radius:9px;background:var(--color-surface-deep);border:1px solid var(--color-border)}.pr1 .bar{position:absolute;top:0;left:0;height:100%;border-radius:8px;background:var(--color-accent);width:25%;transition:width .55s cubic-bezier(.4,0,.2,1),background .4s;z-index:1}.pr1[data-frame="1"] .bar{width:100%;background:#e0645c}.pr1[data-frame="2"] .bar{width:50%}.pr1 .ceil{position:absolute;top:-7px;bottom:-7px;left:66.7%;width:2px;background:var(--color-text-dim);z-index:3}.pr1 .ceil span{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;color:var(--color-text-dim);white-space:nowrap}.pr1 .rd{justify-items:center;font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-soft);margin-top:22px}.pr2 .budget{display:flex;width:min(440px,84%);height:26px;border-radius:9px;overflow:hidden;border:1px solid var(--color-border)}.pr2 .key{background:var(--color-accent);width:60%;transition:width .55s cubic-bezier(.4,0,.2,1)}.pr2 .rest{background:var(--color-surface-2);flex:1}.pr2[data-frame="2"] .key{width:26%}.pr2[data-frame="3"] .key,.pr2[data-frame="4"] .key{width:9%}.pr2 .sig{justify-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-dim)}.pr2 .lg{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-dim);flex-wrap:wrap;justify-content:center}.pr2 .sw{width:9px;height:9px;border-radius:2px;display:inline-block}.pr2 .sw.acc{background:var(--color-accent)}.pr2 .sw.dim{background:var(--color-surface-2)}.pr2 .dil{transition:opacity .4s}.pr2[data-frame="4"] .dil{opacity:0}.pr2 .lim{opacity:0;transition:opacity .4s}.pr2[data-frame="4"] .lim{opacity:1}.pr2 .ctxbar{position:relative;width:min(440px,84%);height:26px;border-radius:8px;background:var(--color-surface-deep);border:1px solid var(--color-border)}.pr2 .fact{position:absolute;top:5px;bottom:5px;left:calc(50% - 5px);width:10px;border-radius:3px;background:var(--color-accent);opacity:.35}.pr3 .ag{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 8%,transparent);border:1px solid color-mix(in oklab,var(--color-accent) 38%,transparent);border-radius:9px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.pr3 .ag .meter{width:64px}.pr3 .o1 .meter{width:min(340px,74%)}.pr5 .cat{font-family:var(--font-mono);font-size:10.5px;color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:7px 10px;transition:color .4s,border-color .4s,background .4s}.pr5[data-frame="3"] .cat.hl{color:var(--color-accent);border-color:color-mix(in oklab,var(--color-accent) 45%,transparent);background:color-mix(in oklab,var(--color-accent) 10%,transparent)}.pr6 .file{font-family:var(--font-mono);font-size:11px;color:var(--color-text-soft);background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:9px;padding:9px 13px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.pr7 .rj{font-family:var(--font-mono);font-size:11.5px;color:#e0645c}.pr7 .ac{font-family:var(--font-mono);font-size:11.5px;color:var(--color-accent)}.pr7 .it{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim)}