._42Pya_root{--sample:#7c3aed;gap:1rem;display:grid}._42Pya_toolbar{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.45rem;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;padding:.75rem;display:flex}._42Pya_toolbarCopy{color:var(--muted);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}._42Pya_colorField{align-items:center;gap:.5rem;display:inline-flex}._42Pya_colorField span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:10px}._42Pya_colorField input{appearance:none;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.4rem;width:2.15rem;height:2.15rem;padding:.15rem}._42Pya_colorField input::-webkit-color-swatch{border:none;border-radius:.25rem}._42Pya_colorField input::-moz-color-swatch{border:none;border-radius:.25rem}._42Pya_colorField code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg);font-size:11px}._42Pya_preview{border:1px solid color-mix(in oklch, var(--sample) 45%, var(--line));background:var(--sample);min-height:220px;color:contrast-color(var(--sample));border-radius:.45rem;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.2rem;transition:background .16s,color .16s,border-color .16s;display:flex}._42Pya_preview h3{max-width:22ch;color:inherit;margin:.15rem 0 0;font-size:24px;line-height:1.12}._42Pya_preview p{max-width:46ch;color:inherit;margin:.7rem 0 0;font-size:12px;line-height:1.6}._42Pya_kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;text-transform:uppercase;margin:0;font-size:10px}._42Pya_previewChip{border:1px solid color-mix(in oklch, currentColor 30%, transparent);background:color-mix(in oklch, currentColor 12%, transparent);width:fit-content;max-width:100%;color:inherit;font-family:var(--font-mono,ui-monospace, monospace);overflow-wrap:anywhere;border-radius:.35rem;padding:.42rem .55rem;font-size:11px;line-height:1.4}._42Pya_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}._42Pya_panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}._42Pya_title{color:var(--fg);margin:0;font-size:13px}._42Pya_text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}._42Pya_text code{color:var(--fg)}._42Pya_presetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}._42Pya_presetButton{--preset:#7c3aed;--preset-fg:#fff;border:1px solid color-mix(in oklch, var(--preset) 55%, var(--line));background:var(--preset);min-height:82px;color:contrast-color(var(--preset));cursor:pointer;text-align:left;border-radius:.35rem;align-content:space-between;gap:.65rem;padding:.65rem;transition:transform .12s,border-color .12s;display:grid}._42Pya_presetButton:hover,._42Pya_presetButton[aria-pressed=true]{border-color:currentColor}._42Pya_presetButton:hover{transform:translateY(-1px)}._42Pya_presetButton span{color:inherit;font-size:12px;font-weight:700}._42Pya_presetButton code{font-family:var(--font-mono,ui-monospace, monospace);color:inherit;opacity:.76;font-size:10px}._42Pya_tokenGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}._42Pya_tokenCard{--tone:#22c55e;--tone-fg:#111;border:1px solid color-mix(in oklch, var(--tone) 50%, var(--line));background:var(--tone);min-height:76px;color:contrast-color(var(--tone));border-radius:.35rem;align-content:space-between;gap:.5rem;padding:.65rem;display:grid}._42Pya_tokenCard strong{color:inherit;font-size:12px}._42Pya_tokenCard span{font-family:var(--font-mono,ui-monospace, monospace);color:inherit;opacity:.74;text-transform:uppercase;font-size:10px}@media (max-width:620px){._42Pya_presetGrid,._42Pya_tokenGrid{grid-template-columns:1fr 1fr}}@media (max-width:420px){._42Pya_presetGrid,._42Pya_tokenGrid{grid-template-columns:1fr}}
.ktQd6q_root{gap:1rem;display:grid}.ktQd6q_toolbar{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.45rem;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;padding:.85rem;display:flex}.ktQd6q_controlGroup{gap:.4rem;min-width:min(100%,15rem);display:grid}.ktQd6q_controlLabel{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;font-size:10px}.ktQd6q_segment{border:1px solid var(--line);border-radius:.35rem;flex-wrap:wrap;width:fit-content;max-width:100%;display:flex;overflow:hidden}.ktQd6q_segmentButton{border:0;border-right:1px solid var(--line);background:color-mix(in oklch, var(--bg) 90%, black);min-height:2rem;color:var(--muted);font:inherit;cursor:pointer;padding:.55rem .7rem;font-size:11px;line-height:1;transition:background .14s,color .14s}.ktQd6q_segmentButton:last-child{border-right:0}.ktQd6q_segmentButton:hover{color:var(--fg);background:color-mix(in oklch, var(--bg) 84%, black)}.ktQd6q_segmentButtonActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 16%, var(--bg))}.ktQd6q_context{--card-tone:calm;--card-density:comfortable;border:1px solid var(--line);background:linear-gradient(135deg, #64748b1c, transparent 38%), color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;gap:.85rem;padding:1rem;display:grid;overflow:hidden}@supports (color:lab(0% 0 0)){.ktQd6q_context{background:linear-gradient(135deg, lab(48.16% -1.92794 -14.7209/.11), transparent 38%), color-mix(in oklch, var(--bg) 97%, black)}}.ktQd6q_supportNote{border:1px solid color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 11%, var(--bg));color:color-mix(in oklch, #fde68a 78%, var(--fg));border-radius:.35rem;margin:0;padding:.55rem .65rem;font-size:11px;line-height:1.5}.ktQd6q_supportNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.ktQd6q_contextHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.85rem;display:flex}.ktQd6q_contextHeader h3{color:var(--fg);margin:.1rem 0 0;font-size:15px;line-height:1.25}.ktQd6q_contextHeader code{max-width:22rem;color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;overflow-wrap:anywhere;font-size:10px;line-height:1.45}.ktQd6q_kicker{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;text-transform:uppercase;margin:0;font-size:10px}.ktQd6q_deck{grid-template-columns:minmax(0,1.55fr) minmax(9rem,.75fr);gap:.75rem;display:grid}.ktQd6q_card{border:1px solid color-mix(in oklch, #60a5fa 32%, var(--line));background:linear-gradient(135deg, #60a5fa2e, transparent 48%), color-mix(in oklch, var(--bg-elev) 94%, black);border-radius:.45rem;grid-template-columns:minmax(0,1fr) minmax(8rem,.8fr);gap:.85rem;min-width:0;padding:1rem;transition:background .16s,border-color .16s,padding .16s;display:grid;box-shadow:inset 0 1px #ffffff0d;box-shadow:inset 0 1px lab(100% 0 0/.05)}@supports (color:lab(0% 0 0)){.ktQd6q_card{background:linear-gradient(135deg, lab(66.0368% -2.92006 -49.7488/.18), transparent 48%), color-mix(in oklch, var(--bg-elev) 94%, black)}}.ktQd6q_cardMain{align-content:start;gap:.45rem;min-width:0;display:grid}.ktQd6q_chip{border:1px solid color-mix(in oklch, #60a5fa 42%, var(--line));background:color-mix(in oklch, #60a5fa 13%, var(--bg));width:fit-content;max-width:100%;color:color-mix(in oklch, #bfdbfe 90%, var(--fg));overflow-wrap:anywhere;border-radius:999px;padding:.32rem .5rem;font-size:10px;font-weight:700;line-height:1}.ktQd6q_card h4{color:var(--fg);margin:0;font-size:18px;line-height:1.15}.ktQd6q_card p{max-width:38ch;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.ktQd6q_metricGrid{grid-template-columns:1fr;gap:.5rem;min-width:0;display:grid}.ktQd6q_metricGrid div{border:1px solid color-mix(in oklch, #60a5fa 26%, var(--line));background:color-mix(in oklch, var(--bg) 90%, black);border-radius:.35rem;gap:.1rem;padding:.6rem;display:grid}.ktQd6q_metricGrid strong{color:var(--fg);font-size:18px;line-height:1}.ktQd6q_metricGrid span{color:var(--muted);text-transform:uppercase;font-size:10px;line-height:1.2}.ktQd6q_timeline{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 92%, black);border-radius:.45rem;align-content:stretch;gap:.5rem;padding:.75rem;display:grid}.ktQd6q_timeline div{align-items:center;gap:.5rem;min-width:0;display:flex}.ktQd6q_timeline p{color:var(--muted);margin:0;font-size:11px;line-height:1.2}.ktQd6q_dot{background:#60a5fa;border-radius:999px;flex:none;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #60a5fa26;box-shadow:0 0 0 3px lab(66.0368% -2.92006 -49.7488/.15)}@container style(--card-tone:urgent){.ktQd6q_contextHeader h3{color:color-mix(in oklch, #fecaca 86%, var(--fg))}.ktQd6q_card{border-color:color-mix(in oklch, #fb7185 52%, var(--line));background:linear-gradient(135deg, #f973162e, transparent 42%), linear-gradient(315deg, #e11d4829, transparent 54%), color-mix(in oklch, var(--bg-elev) 93%, black)}@supports (color:lab(0% 0 0)){.ktQd6q_card{background:linear-gradient(135deg, lab(64.4963% 49.3667 68.6637/.18), transparent 42%), linear-gradient(315deg, lab(49.5277% 71.5917 30.4603/.16), transparent 54%), color-mix(in oklch, var(--bg-elev) 93%, black)}}.ktQd6q_chip{border-color:color-mix(in oklch, #fb7185 56%, var(--line));background:color-mix(in oklch, #fb7185 17%, var(--bg));color:color-mix(in oklch, #fecaca 92%, var(--fg))}.ktQd6q_metricGrid div{border-color:color-mix(in oklch, #f97316 36%, var(--line))}.ktQd6q_dot{background:#fb7185;box-shadow:0 0 0 3px #fb71852b;box-shadow:0 0 0 3px lab(65.5329% 54.9725 16.5087/.17)}}@container style(--card-tone:fresh){.ktQd6q_contextHeader h3{color:color-mix(in oklch, #a7f3d0 86%, var(--fg))}.ktQd6q_card{border-color:color-mix(in oklch, #2dd4bf 48%, var(--line));background:linear-gradient(135deg, #22c55e2b, transparent 42%), linear-gradient(315deg, #06b6d424, transparent 58%), color-mix(in oklch, var(--bg-elev) 93%, black)}@supports (color:lab(0% 0 0)){.ktQd6q_card{background:linear-gradient(135deg, lab(70.2187% -57.9808 39.4382/.17), transparent 42%), linear-gradient(315deg, lab(67.6998% -31.5985 -26.6758/.14), transparent 58%), color-mix(in oklch, var(--bg-elev) 93%, black)}}.ktQd6q_chip{border-color:color-mix(in oklch, #2dd4bf 54%, var(--line));background:color-mix(in oklch, #14b8a6 18%, var(--bg));color:color-mix(in oklch, #ccfbf1 90%, var(--fg))}.ktQd6q_metricGrid div{border-color:color-mix(in oklch, #22c55e 34%, var(--line))}.ktQd6q_dot{background:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf29;box-shadow:0 0 0 3px lab(76.6427% -46.2429 -2.00342/.16)}}@container style(--card-density:compact){.ktQd6q_contextHeader{align-items:center;padding-bottom:.65rem}.ktQd6q_deck{grid-template-columns:1fr}.ktQd6q_card{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.7rem}.ktQd6q_cardMain{gap:.32rem}.ktQd6q_card h4{font-size:15px}.ktQd6q_card p{max-width:52ch;font-size:11px;line-height:1.42}.ktQd6q_metricGrid{grid-template-columns:repeat(3,minmax(4.25rem,1fr));align-self:start}.ktQd6q_metricGrid div{padding:.5rem}.ktQd6q_metricGrid strong{font-size:15px}.ktQd6q_timeline{grid-template-columns:repeat(3,minmax(0,1fr));padding:.6rem}}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_contextHeader h3{color:color-mix(in oklch, #fecaca 86%, var(--fg))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_card{border-color:color-mix(in oklch, #fb7185 52%, var(--line));background:linear-gradient(135deg, #f973162e, transparent 42%), linear-gradient(315deg, #e11d4829, transparent 54%), color-mix(in oklch, var(--bg-elev) 93%, black)}@supports (color:lab(0% 0 0)){.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_card{background:linear-gradient(135deg, lab(64.4963% 49.3667 68.6637/.18), transparent 42%), linear-gradient(315deg, lab(49.5277% 71.5917 30.4603/.16), transparent 54%), color-mix(in oklch, var(--bg-elev) 93%, black)}}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_chip{border-color:color-mix(in oklch, #fb7185 56%, var(--line));background:color-mix(in oklch, #fb7185 17%, var(--bg));color:color-mix(in oklch, #fecaca 92%, var(--fg))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_metricGrid div{border-color:color-mix(in oklch, #f97316 36%, var(--line))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=urgent] .ktQd6q_dot{background:#fb7185;box-shadow:0 0 0 3px #fb71852b;box-shadow:0 0 0 3px lab(65.5329% 54.9725 16.5087/.17)}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_contextHeader h3{color:color-mix(in oklch, #a7f3d0 86%, var(--fg))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_card{border-color:color-mix(in oklch, #2dd4bf 48%, var(--line));background:linear-gradient(135deg, #22c55e2b, transparent 42%), linear-gradient(315deg, #06b6d424, transparent 58%), color-mix(in oklch, var(--bg-elev) 93%, black)}@supports (color:lab(0% 0 0)){.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_card{background:linear-gradient(135deg, lab(70.2187% -57.9808 39.4382/.17), transparent 42%), linear-gradient(315deg, lab(67.6998% -31.5985 -26.6758/.14), transparent 58%), color-mix(in oklch, var(--bg-elev) 93%, black)}}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_chip{border-color:color-mix(in oklch, #2dd4bf 54%, var(--line));background:color-mix(in oklch, #14b8a6 18%, var(--bg));color:color-mix(in oklch, #ccfbf1 90%, var(--fg))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_metricGrid div{border-color:color-mix(in oklch, #22c55e 34%, var(--line))}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-tone=fresh] .ktQd6q_dot{background:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf29;box-shadow:0 0 0 3px lab(76.6427% -46.2429 -2.00342/.16)}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_contextHeader{align-items:center;padding-bottom:.65rem}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_deck{grid-template-columns:1fr}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_card{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.7rem}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_cardMain{gap:.32rem}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_card h4{font-size:15px}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_card p{max-width:52ch;font-size:11px;line-height:1.42}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_metricGrid{grid-template-columns:repeat(3,minmax(4.25rem,1fr));align-self:start}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_metricGrid div{padding:.5rem}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_metricGrid strong{font-size:15px}.ktQd6q_root[data-style-query-support=unsupported] .ktQd6q_context[data-card-density=compact] .ktQd6q_timeline{grid-template-columns:repeat(3,minmax(0,1fr));padding:.6rem}@media (max-width:620px){.ktQd6q_contextHeader{display:grid}.ktQd6q_contextHeader code{text-align:left;max-width:100%}.ktQd6q_deck,.ktQd6q_card{grid-template-columns:1fr}.ktQd6q_metricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:440px){.ktQd6q_toolbar{align-items:stretch}.ktQd6q_controlGroup,.ktQd6q_segment{width:100%}.ktQd6q_segmentButton{flex:1 1 0}.ktQd6q_metricGrid,.ktQd6q_timeline{grid-template-columns:1fr}}
.N7U5ca_root{--brand:#38d97f;gap:1rem;display:grid}.N7U5ca_toolbar{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.45rem;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;padding:.75rem;display:flex}.N7U5ca_toolbarCopy{color:var(--muted);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.N7U5ca_colorField{align-items:center;gap:.5rem;display:inline-flex}.N7U5ca_colorField span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.N7U5ca_colorField input{appearance:none;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:.4rem;width:2.15rem;height:2.15rem;padding:.15rem}.N7U5ca_colorField input::-webkit-color-swatch{border:none;border-radius:.25rem}.N7U5ca_colorField input::-moz-color-swatch{border:none;border-radius:.25rem}.N7U5ca_colorField code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg);font-size:11px}.N7U5ca_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.N7U5ca_panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.N7U5ca_title{color:var(--fg);margin:0;font-size:13px}.N7U5ca_text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.N7U5ca_text code{color:var(--fg)}.N7U5ca_swatchGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.N7U5ca_swatchCard{border:1px solid var(--line);background:var(--bg);border-radius:.35rem;padding:.6rem}.N7U5ca_swatch{border:1px solid color-mix(in oklch, var(--line) 65%, transparent);background:var(--brand);border-radius:.28rem;height:70px}.N7U5ca_swatch[data-mix="10"]{background:color-mix(in oklch, var(--brand) 90%, white)}.N7U5ca_swatch[data-mix="30"]{background:color-mix(in oklch, var(--brand) 70%, white)}.N7U5ca_swatch[data-mix="50"]{background:color-mix(in oklch, var(--brand) 50%, white)}.N7U5ca_swatchLabel{color:var(--fg);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:.55rem 0 0}.N7U5ca_inlineCode{margin:.3rem 0 0;font-size:10px;line-height:1.4}.N7U5ca_inlineCode code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted)}.N7U5ca_buttonRow{flex-wrap:wrap;gap:.6rem;display:flex}.N7U5ca_brandButton{border:1px solid color-mix(in oklch, var(--brand) 45%, transparent);background:var(--brand);color:color-mix(in oklch, white 93%, var(--brand));cursor:pointer;border-radius:.35rem;padding:.5rem .8rem;font-size:12px;font-weight:600;transition:background .14s,transform .12s}.N7U5ca_brandButton:hover:not(:disabled){background:color-mix(in oklch, var(--brand) 82%, white)}.N7U5ca_brandButton:active:not(:disabled){background:color-mix(in oklch, var(--brand) 74%, black);transform:translateY(1px)}.N7U5ca_brandButton:disabled{cursor:not-allowed;background:color-mix(in oklch, var(--brand) 42%, var(--bg));border-color:color-mix(in oklch, var(--brand) 32%, var(--line));color:color-mix(in oklch, var(--fg) 58%, var(--muted))}.N7U5ca_note{color:var(--muted);margin:.6rem 0 0;font-size:11px}.N7U5ca_segment{border:1px solid var(--line);border-radius:.28rem;margin-bottom:.65rem;display:inline-flex;overflow:hidden}.N7U5ca_segmentBtn{border:none;border-right:1px solid var(--line);background:color-mix(in oklch, var(--bg) 88%, black);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem;font-size:10px;transition:background .12s,color .12s}.N7U5ca_segmentBtn:last-child{border-right:none}.N7U5ca_segmentBtn:hover{color:var(--fg)}.N7U5ca_segmentBtnActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 15%, var(--bg))}.N7U5ca_surface{border:1px solid var(--line);border-radius:.35rem;padding:.8rem}.N7U5ca_surface[data-mode=light]{color:#121317;background:#f7f8fa}.N7U5ca_surface[data-mode=dark]{color:#e8ebef;background:#121317}.N7U5ca_surfaceSwatches{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.N7U5ca_surfaceSwatch{gap:.35rem;display:grid}.N7U5ca_surfaceSwatch p{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.N7U5ca_baseChip,.N7U5ca_tintChip{border:1px solid #00000038;border:1px solid lab(0% 0 0/.22);border-color:oklch(0% none none/.22) oklch(0% none none/.22) oklch(0% none none/.22) oklch(0% none none/.22);border-radius:.28rem;height:54px}.N7U5ca_baseChip{background:var(--brand)}.N7U5ca_surface[data-mode=light] .N7U5ca_tintChip{background:color-mix(in oklch, var(--brand) 76%, white)}.N7U5ca_surface[data-mode=dark] .N7U5ca_tintChip{background:color-mix(in oklch, var(--brand) 76%, black)}@media (max-width:620px){.N7U5ca_swatchGrid,.N7U5ca_surfaceSwatches{grid-template-columns:1fr}}
._6I_n3a_root{gap:1rem;display:grid}._6I_n3a_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}._6I_n3a_panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}._6I_n3a_title{color:var(--fg);margin:0;font-size:13px}._6I_n3a_text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}._6I_n3a_text code{color:var(--fg)}._6I_n3a_tooltipRow{flex-wrap:wrap;gap:.6rem;display:flex}._6I_n3a_tooltipAction{--tooltip-bg:color-mix(in oklch, var(--bg) 90%, black);--tooltip-fg:color-mix(in oklch, var(--fg) 90%, white);border:1px solid var(--line);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:.35rem;padding:.4rem .7rem;font-size:12px;transition:border-color .12s;position:relative}._6I_n3a_tooltipAction:hover,._6I_n3a_tooltipAction:focus-visible{border-color:var(--accent)}._6I_n3a_tooltip:after{content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:var(--tooltip-bg);color:var(--tooltip-fg);border:1px solid var(--line);letter-spacing:.01em;z-index:5;border-radius:.35rem;padding:.3rem .45rem;font-size:11px;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px);box-shadow:0 8px 24px #00000047;box-shadow:0 8px 24px lab(0% 0 0/.28)}._6I_n3a_tooltip:hover:after,._6I_n3a_tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}._6I_n3a_controls{background:color-mix(in oklch, var(--bg) 90%, black);border:1px solid color-mix(in oklch, var(--line) 50%, transparent);border-radius:.35rem;gap:.6rem;margin-top:.75rem;padding:.65rem .7rem .7rem;display:grid;box-shadow:inset 0 1px 3px #00000014;box-shadow:inset 0 1px 3px lab(0% 0 0/.08)}._6I_n3a_controls:before{content:"Configure";font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.1em;color:color-mix(in oklch, var(--muted) 70%, transparent);border-bottom:1px solid color-mix(in oklch, var(--line) 30%, transparent);margin-bottom:.1rem;padding-bottom:.15rem;font-size:10px}._6I_n3a_field{gap:.3rem;display:grid}._6I_n3a_field span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}._6I_n3a_field input{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 88%, black);color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);border-radius:.25rem;padding:.4rem .5rem;font-size:11px}._6I_n3a_attrText{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);font-size:11px}._6I_n3a_field input{width:min(100%,360px)}._6I_n3a_field input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 20%, transparent);outline:none}._6I_n3a_attrText code{font-family:inherit}._6I_n3a_segment{border:1px solid var(--line);border-radius:.25rem;flex-wrap:wrap;width:fit-content;display:flex;overflow:hidden}._6I_n3a_segmentBtn{border:none;border-right:1px solid var(--line);background:color-mix(in oklch, var(--bg) 88%, black);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-transform:lowercase;cursor:pointer;padding:.35rem .65rem;font-size:10px;transition:background .12s,color .12s}._6I_n3a_segmentBtn:last-child{border-right:none}._6I_n3a_segmentBtn:hover{color:var(--fg);background:color-mix(in oklch, var(--bg) 82%, black)}._6I_n3a_segmentBtnActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 15%, color-mix(in oklch, var(--bg) 85%, black))}._6I_n3a_board{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}._6I_n3a_card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:.45rem;width:100%;padding:1.95rem .7rem 1.9rem;transition:border-color .12s,transform .12s;position:relative}._6I_n3a_card:hover{border-color:color-mix(in oklch, var(--accent) 36%, var(--line));transform:translateY(-1px)}._6I_n3a_card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 18%, transparent);outline:none}._6I_n3a_cardActive{border-color:color-mix(in oklch, var(--accent) 58%, var(--line))}._6I_n3a_card h4{color:var(--fg);margin:0;font-size:12px;line-height:1.45}._6I_n3a_card:before{content:attr(data-status);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 90%, black);color:var(--fg);border-radius:999px;padding:.17rem .4rem;font-size:10px;position:absolute;top:.5rem;left:.5rem}._6I_n3a_card:after{content:"Priority: " attr(data-priority);color:var(--muted);font-size:10px;position:absolute;bottom:.55rem;left:.55rem}._6I_n3a_card[data-status=todo]:before{background:color-mix(in oklch, #64748b 18%, var(--bg));color:#cbd5e1}._6I_n3a_card[data-status=in-progress]:before{background:color-mix(in oklch, #0369a1 24%, var(--bg));color:#bae6fd}._6I_n3a_card[data-status=done]:before{background:color-mix(in oklch, #166534 22%, var(--bg));color:#bbf7d0}._6I_n3a_card[data-status=blocked]:before{background:color-mix(in oklch, #991b1b 20%, var(--bg));color:#fecaca}._6I_n3a_card[data-priority=high]:after{color:#fda4af}._6I_n3a_card[data-priority=medium]:after{color:#fde68a}._6I_n3a_card[data-priority=low]:after{color:#a7f3d0}._6I_n3a_note{color:var(--muted);margin:0;font-size:11px;line-height:1.45}@media (max-width:620px){._6I_n3a_board{grid-template-columns:1fr}}
.VvWZ3W_root{gap:1rem;display:grid}.VvWZ3W_header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.VvWZ3W_kicker,.VvWZ3W_sectionLabel{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700;line-height:1.3}.VvWZ3W_header h3,.VvWZ3W_sectionHead h4,.VvWZ3W_inlineCopy h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}.VvWZ3W_header h3{font-size:1rem}.VvWZ3W_summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}.VvWZ3W_supportWrap{display:grid}.VvWZ3W_supportedNote,.VvWZ3W_unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.VvWZ3W_supportedNote{border-color:color-mix(in oklch, var(--accent) 42%, var(--line));background:color-mix(in oklch, var(--accent) 9%, var(--bg));color:color-mix(in oklch, var(--fg) 88%, var(--accent));display:none}.VvWZ3W_unsupportedNote{border-color:color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 10%, var(--bg));color:color-mix(in oklch, #f59e0b 52%, var(--fg))}.VvWZ3W_unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.VvWZ3W_comparison,.VvWZ3W_inlineDemo{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem}.VvWZ3W_comparison{padding:1rem}.VvWZ3W_sectionHead{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;padding-bottom:.8rem;display:flex}.VvWZ3W_sectionHead h4,.VvWZ3W_inlineCopy h4{font-size:15px}.VvWZ3W_sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:10px;line-height:1.4}.VvWZ3W_comparisonGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.VvWZ3W_fieldCard{border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 88%, black);border-radius:.45rem;align-content:start;gap:.6rem;min-width:0;padding:.85rem;display:grid}.VvWZ3W_autoCard{border-color:color-mix(in oklch, var(--accent) 38%, var(--line));background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 9%, transparent), transparent 54%), color-mix(in oklch, var(--bg-elev) 92%, black)}.VvWZ3W_cardHead{justify-content:space-between;align-items:start;gap:.65rem;display:flex}.VvWZ3W_cardHead>div{align-items:center;gap:.45rem;min-width:0;display:flex}.VvWZ3W_cardIndex{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:9px}.VvWZ3W_cardHead h5{color:var(--fg);margin:0;font-size:12px;line-height:1.3}.VvWZ3W_badge{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);border-radius:999px;flex:none;padding:.3rem .45rem;font-size:9px;line-height:1}.VvWZ3W_activeBadge{border-color:color-mix(in oklch, var(--accent) 45%, var(--line));background:color-mix(in oklch, var(--accent) 10%, var(--bg));color:color-mix(in oklch, var(--accent) 76%, var(--fg))}.VvWZ3W_fieldCard label,.VvWZ3W_inlineField label{color:var(--fg);font-size:11px;font-weight:700;line-height:1.3}.VvWZ3W_fixedTextarea,.VvWZ3W_autoTextarea,.VvWZ3W_growingInput{box-sizing:border-box;border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 94%, black);color:var(--fg);font:inherit;caret-color:var(--accent);border-radius:.4rem;font-size:12px;line-height:1.55}.VvWZ3W_fixedTextarea,.VvWZ3W_autoTextarea{resize:vertical;inline-size:100%;padding:.7rem .75rem}.VvWZ3W_fixedTextarea{block-size:9.5rem}.VvWZ3W_autoTextarea{block-size:9.5rem;min-block-size:4lh;max-block-size:10lh;overflow-y:auto}.VvWZ3W_fixedTextarea:focus-visible,.VvWZ3W_autoTextarea:focus-visible,.VvWZ3W_growingInput:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.VvWZ3W_fieldCard>p,.VvWZ3W_inlineCopy>p:last-child,.VvWZ3W_constraintNote{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.VvWZ3W_fieldCard>p code,.VvWZ3W_constraintNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.VvWZ3W_inlineDemo{background:linear-gradient(110deg, #60a5fa14, transparent 48%), color-mix(in oklch, var(--bg) 96%, black);grid-template-columns:minmax(11rem,.7fr) minmax(0,1.3fr);gap:1rem;padding:1rem;display:grid}@supports (color:lab(0% 0 0)){.VvWZ3W_inlineDemo{background:linear-gradient(110deg, lab(66.0368% -2.92006 -49.7488/.08), transparent 48%), color-mix(in oklch, var(--bg) 96%, black)}}.VvWZ3W_inlineCopy{align-content:center;gap:.4rem;display:grid}.VvWZ3W_inlineCopy>p:last-child{max-width:34ch;font-size:11px}.VvWZ3W_inlineField{border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 87%, black);border-radius:.45rem;align-content:center;gap:.45rem;min-width:0;padding:.85rem;display:grid}.VvWZ3W_inputStage{min-width:0;padding:.25rem}.VvWZ3W_growingInput{inline-size:min(100%,20rem);max-inline-size:100%;padding:.62rem .7rem}.VvWZ3W_constraintNote{flex-wrap:wrap;gap:.35rem;display:flex}@supports (field-sizing:content){.VvWZ3W_supported{display:block}.VvWZ3W_unsupported{display:none}.VvWZ3W_autoTextarea{field-sizing:content;resize:none;block-size:auto}.VvWZ3W_growingInput{field-sizing:content;inline-size:auto;min-inline-size:min(10rem,100%)}}@media (max-width:660px){.VvWZ3W_header,.VvWZ3W_sectionHead{align-items:start;display:grid}.VvWZ3W_summary{max-width:100%}.VvWZ3W_sectionHead>code{text-align:left}.VvWZ3W_comparisonGrid,.VvWZ3W_inlineDemo{grid-template-columns:1fr}.VvWZ3W_inlineCopy>p:last-child{max-width:48ch}}@media (max-width:420px){.VvWZ3W_cardHead{display:grid}.VvWZ3W_badge{width:fit-content}}
@property --lab-progress-p{syntax:"<number>";inherits:true;initial-value:0}@property --lab-progress-q1{syntax:"<number>";inherits:true;initial-value:0}@property --lab-progress-q2{syntax:"<number>";inherits:true;initial-value:0}._08W6eG_root{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}._08W6eG_header{justify-content:space-between;align-items:end;gap:1rem;display:flex}._08W6eG_kicker,._08W6eG_sectionLabel{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700;line-height:1.3}._08W6eG_header h3,._08W6eG_sectionHead h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}._08W6eG_header h3{font-size:1rem}._08W6eG_summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}._08W6eG_summary code,._08W6eG_panelNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}._08W6eG_supportWrap{display:grid}._08W6eG_supportedNote,._08W6eG_unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}._08W6eG_supportedNote{border-color:color-mix(in oklch, var(--accent) 42%, var(--line));background:color-mix(in oklch, var(--accent) 9%, var(--bg));color:color-mix(in oklch, var(--fg) 88%, var(--accent));display:none}._08W6eG_unsupportedNote{border-color:color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 10%, var(--bg));color:color-mix(in oklch, #f59e0b 52%, var(--fg))}._08W6eG_supportedNote code,._08W6eG_unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}._08W6eG_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem;padding:1rem}._08W6eG_sectionHead{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;padding-bottom:.8rem;display:flex}._08W6eG_sectionHead h4{font-size:15px}._08W6eG_sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;white-space:nowrap;font-size:10px;line-height:1.4}._08W6eG_control{grid-template-columns:auto minmax(0,1fr) 3.25rem;align-items:center;gap:.75rem;margin-bottom:1rem;display:grid}._08W6eG_control label{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:10px;line-height:1.3}._08W6eG_range{inline-size:100%;accent-color:var(--accent);cursor:pointer;margin:0}._08W6eG_range:focus-visible{outline:2px solid var(--focus);outline-offset:2px}._08W6eG_control output{color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}._08W6eG_stage{scrollbar-color:var(--line) transparent;scrollbar-width:thin;padding:.35rem .35rem .5rem;overflow-x:auto}._08W6eG_card{inline-size:var(--lab-progress-card-width,420px);outline:1px dashed color-mix(in oklch, var(--accent) 50%, var(--line));outline-offset:.2rem;border-radius:.5rem;container:lab-progress-card/inline-size}._08W6eG_cardBody{--lab-progress-p:progress(100cqi, 240px, 600px);border:1px solid var(--line);background:var(--bg-elev);border-radius:.5rem;gap:.9rem;padding:1rem 1.1rem 1.1rem;display:grid}._08W6eG_cardHeading{color:color-mix(in oklch, var(--accent) calc(var(--lab-progress-p) * 100%), var(--fg));font-family:var(--font-space-grotesk), "Helvetica Neue", Arial, sans-serif;font-size:calc(1.25rem + var(--lab-progress-p) * 1.75rem);letter-spacing:calc(.02em - var(--lab-progress-p) * .04em);margin:0;font-weight:700;line-height:1.1;transition:font-size .2s,letter-spacing .2s,color .2s}._08W6eG_meter{background:color-mix(in oklch, var(--fg) 12%, transparent);border-radius:999px;block-size:.4rem;inline-size:min(100%,12rem);overflow:hidden}._08W6eG_meterFill{background:var(--accent);block-size:100%;scale:var(--lab-progress-p) 1;transform-origin:0;transition:scale .2s}._08W6eG_readout{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);margin:.85rem 0 0;font-size:11px;line-height:1.4}._08W6eG_readout strong{color:var(--accent);font-variant-numeric:tabular-nums}._08W6eG_rows{gap:.6rem;display:grid}._08W6eG_row{border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 88%, black);border-radius:.45rem;grid-template-columns:minmax(0,14rem) minmax(0,1fr) 2.75rem;align-items:center;gap:.75rem;padding:.6rem .75rem;display:grid;overflow:visible}._08W6eG_clampedRow{--lab-progress-q1:progress(var(--lab-progress-v), 0, 100)}._08W6eG_noClampRow{--lab-progress-q2:progress(no-clamp var(--lab-progress-v), 0, 100)}._08W6eG_rowLabel{justify-items:start;gap:.35rem;min-width:0;display:grid}._08W6eG_rowLabel code{color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);overflow-wrap:anywhere;font-size:10px;line-height:1.4}._08W6eG_badge{border:1px solid color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 10%, var(--bg));color:color-mix(in oklch, #f59e0b 52%, var(--fg));font-family:var(--font-mono,ui-monospace, monospace);border-radius:999px;padding:.15rem .45rem;font-size:9px;line-height:1.3;display:inline-block}._08W6eG_bar{block-size:2.1rem;position:relative}._08W6eG_track{background:color-mix(in oklch, var(--fg) 10%, transparent);block-size:.6rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;position:absolute;inset-block-start:.45rem;inset-inline:25%}._08W6eG_track:before,._08W6eG_track:after{content:"";background:color-mix(in oklch, var(--fg) 45%, transparent);inline-size:1px;position:absolute;inset-block:-.3rem}._08W6eG_track:before{inset-inline-start:0}._08W6eG_track:after{inset-inline-end:0}._08W6eG_fill{background:color-mix(in oklch, var(--accent) 85%, transparent);transform-origin:0;border-radius:2px;transition:scale .2s;position:absolute;inset:0}._08W6eG_clampedRow ._08W6eG_fill{scale:var(--lab-progress-q1) 1}._08W6eG_noClampRow ._08W6eG_fill{scale:var(--lab-progress-q2) 1}._08W6eG_tickStart,._08W6eG_tickEnd{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:9px;line-height:1;position:absolute;inset-block-start:calc(100% + .35rem);translate:-50%}._08W6eG_tickStart{inset-inline-start:0}._08W6eG_tickEnd{inset-inline-start:100%}._08W6eG_rowValue{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:700}._08W6eG_noClampRow ._08W6eG_rowLabel code,._08W6eG_noClampRow ._08W6eG_bar,._08W6eG_noClampRow ._08W6eG_rowValue{opacity:.45}._08W6eG_panelNote{color:var(--muted);margin:.85rem 0 0;font-size:10px;line-height:1.5}@supports (opacity:progress(1, 0, 2)){._08W6eG_supported{display:block}._08W6eG_unsupported{display:none}}@supports (opacity:progress(no-clamp 1, 0, 2)){._08W6eG_noClampRow ._08W6eG_rowLabel code,._08W6eG_noClampRow ._08W6eG_bar,._08W6eG_noClampRow ._08W6eG_rowValue{opacity:1}._08W6eG_badge{display:none}}@media (prefers-reduced-motion:reduce){._08W6eG_cardHeading,._08W6eG_meterFill,._08W6eG_fill{transition:none}}@media (max-width:660px){._08W6eG_header,._08W6eG_sectionHead{align-items:start;display:grid}._08W6eG_summary{max-width:100%}._08W6eG_sectionHead>code{text-align:left;white-space:normal}._08W6eG_row{grid-template-columns:minmax(0,1fr) 2.75rem}._08W6eG_rowLabel{grid-column:1/-1}}@media (max-width:480px){._08W6eG_control{grid-template-columns:minmax(0,1fr) auto;gap:.4rem .75rem}._08W6eG_control label{grid-column:1/-1}}
._3_jTVa_root{flex-direction:column;gap:.75rem;display:flex}._3_jTVa_toggleRow{align-items:center;gap:.75rem;display:flex}._3_jTVa_togglePill{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}._3_jTVa_togglePillOn{background:color-mix(in oklch, var(--accent) 20%, var(--bg));border-color:var(--accent)}._3_jTVa_toggleKnob{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}._3_jTVa_togglePillOn ._3_jTVa_toggleKnob{background:var(--accent);transform:translate(18px)}._3_jTVa_toggleLabel{color:var(--muted);font-size:12px}._3_jTVa_toggleLabel code{color:var(--fg);background:color-mix(in oklch, var(--accent) 10%, var(--bg-elev));border:1px solid color-mix(in oklch, var(--accent) 20%, var(--line));border-radius:.2rem;padding:.1rem .35rem;font-size:12px}._3_jTVa_container{border:1px solid var(--line);background:var(--bg);scroll-behavior:smooth;border-radius:.375rem;height:360px;position:relative;overflow-y:auto}._3_jTVa_header{z-index:10;background:var(--bg-elev);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}._3_jTVa_headerLabel{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:12px;font-weight:600}._3_jTVa_nav{align-items:center;gap:.5rem;display:flex;overflow-x:auto}._3_jTVa_link{color:var(--muted);white-space:nowrap;border-radius:.2rem;padding:.15rem .4rem;font-size:11px;transition:color .15s,background .15s}._3_jTVa_link:hover{color:var(--fg);background:color-mix(in oklch, var(--fg) 8%, transparent)}._3_jTVa_content{padding:0 1rem 1rem}._3_jTVa_section{padding-top:1.5rem}._3_jTVa_section:last-child{min-height:300px}._3_jTVa_heading{color:var(--fg);border-bottom:1px solid var(--line-soft);margin:0 0 .5rem;padding-bottom:.35rem;font-size:15px;font-weight:600}._3_jTVa_body{color:var(--muted);margin:0;font-size:13px;line-height:1.7}._3_jTVa_status{color:var(--muted);font-size:12px}
.OtA2Ka_root{gap:1rem;display:grid}.OtA2Ka_header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.OtA2Ka_kicker,.OtA2Ka_sectionLabel{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700;line-height:1.3}.OtA2Ka_header h3,.OtA2Ka_sectionHead h4,.OtA2Ka_fanCopy h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}.OtA2Ka_header h3{font-size:1rem}.OtA2Ka_summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}.OtA2Ka_summary code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.OtA2Ka_supportWrap{display:grid}.OtA2Ka_supportedNote,.OtA2Ka_unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.OtA2Ka_supportedNote{border-color:color-mix(in oklch, var(--accent) 42%, var(--line));background:color-mix(in oklch, var(--accent) 9%, var(--bg));color:color-mix(in oklch, var(--fg) 88%, var(--accent));display:none}.OtA2Ka_unsupportedNote{border-color:color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 10%, var(--bg));color:color-mix(in oklch, #f59e0b 52%, var(--fg))}.OtA2Ka_unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.OtA2Ka_stagesPanel,.OtA2Ka_fanPanel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem;padding:1rem}.OtA2Ka_sectionHead{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;padding-bottom:.8rem;display:flex}.OtA2Ka_sectionHead h4,.OtA2Ka_fanCopy h4{font-size:15px}.OtA2Ka_sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:10px;line-height:1.4}.OtA2Ka_toolbar{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.OtA2Ka_button{border:1px solid var(--line);background:color-mix(in oklch, var(--bg-elev) 88%, black);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;border-radius:.45rem;padding:.5rem .65rem;font-size:11px;line-height:1;transition:border-color .2s,color .2s}.OtA2Ka_button:hover:not(:disabled){border-color:color-mix(in oklch, var(--accent) 45%, var(--line));color:var(--accent)}.OtA2Ka_button:disabled{opacity:.45;cursor:not-allowed}.OtA2Ka_button:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.OtA2Ka_stageList{counter-reset:stage;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.OtA2Ka_stageItem{counter-increment:stage;box-sizing:border-box;border:1px solid var(--line-soft);border-inline-start:3px solid var(--accent);background:color-mix(in oklch, var(--bg-elev) 88%, black);white-space:nowrap;border-radius:.4rem;align-items:center;gap:.6rem;inline-size:100%;min-inline-size:max-content;padding:.55rem .75rem;transition:inline-size .5s,background-color .5s,border-color .5s;animation:.45s both OtA2Ka_rise;display:flex}.OtA2Ka_stageItem:before{content:counter(stage, decimal-leading-zero);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:9px}.OtA2Ka_stageName{color:var(--fg);font-size:12px;font-weight:700;line-height:1.3}.OtA2Ka_panelNote,.OtA2Ka_fanCopy>p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.OtA2Ka_panelNote{margin-top:.85rem}.OtA2Ka_fanCopy>p code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.OtA2Ka_fanPanel{background:linear-gradient(110deg, #60a5fa14, transparent 48%), color-mix(in oklch, var(--bg) 96%, black);grid-template-columns:minmax(11rem,.8fr) minmax(0,1.2fr);gap:1rem;display:grid}@supports (color:lab(0% 0 0)){.OtA2Ka_fanPanel{background:linear-gradient(110deg, lab(66.0368% -2.92006 -49.7488/.08), transparent 48%), color-mix(in oklch, var(--bg) 96%, black)}}.OtA2Ka_fanCopy{align-content:center;justify-items:start;gap:.5rem;display:grid}.OtA2Ka_fanCopy>p{max-width:34ch;font-size:11px}.OtA2Ka_fanCopy .OtA2Ka_toolbar{margin-top:.35rem;margin-bottom:0}.OtA2Ka_fan{justify-content:center;align-items:center;min-block-size:8.5rem;margin:0;padding:1.25rem .5rem .75rem;list-style:none;display:flex}.OtA2Ka_card{border:1px solid var(--line);border-block-start:3px solid var(--accent);background:color-mix(in oklch, var(--bg-elev) 94%, white);transform-origin:50% 130%;border-radius:.45rem;align-content:space-between;block-size:4.8rem;inline-size:3.4rem;margin-inline:-.55rem;padding:.4rem .45rem;transition:rotate .45s,translate .45s,border-color .5s;display:grid;box-shadow:0 6px 16px #00000059;box-shadow:0 6px 16px lab(0% 0 0/.35)}.OtA2Ka_cardRank{color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);font-size:13px;font-weight:700;line-height:1}.OtA2Ka_cardSuit{color:var(--muted);justify-self:end;font-size:15px;line-height:1}.OtA2Ka_redCard .OtA2Ka_cardRank,.OtA2Ka_redCard .OtA2Ka_cardSuit{color:#e5484d}@keyframes OtA2Ka_rise{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}@supports (top:calc(sibling-index() * 1px)){.OtA2Ka_supported{display:block}.OtA2Ka_unsupported{display:none}.OtA2Ka_stageItem{inline-size:calc(100% / sibling-count() * sibling-index());border-inline-start-color:oklch(.72 .17 calc((sibling-index() - 1) * (360deg / sibling-count())));background:oklch(.72 .17 calc((sibling-index() - 1) * (360deg / sibling-count())) / .12);animation-delay:calc((sibling-index() - 1) * 80ms)}.OtA2Ka_card{--mid:calc((sibling-count() + 1) / 2);rotate:calc((sibling-index() - var(--mid)) * 7deg);translate:0 calc(abs(sibling-index() - var(--mid)) * .45rem);border-block-start-color:oklch(.72 .17 calc((sibling-index() - 1) * (360deg / sibling-count())))}}@media (prefers-reduced-motion:reduce){.OtA2Ka_stageItem,.OtA2Ka_card{transition:none;animation:none}}@media (max-width:660px){.OtA2Ka_header,.OtA2Ka_sectionHead{align-items:start;display:grid}.OtA2Ka_summary{max-width:100%}.OtA2Ka_sectionHead>code{text-align:left}.OtA2Ka_fanPanel{grid-template-columns:1fr}.OtA2Ka_fanCopy>p{max-width:48ch}}
.nyLYcG_root{gap:1rem;display:grid}.nyLYcG_header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.nyLYcG_kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700}.nyLYcG_header h3{color:var(--fg);text-wrap:balance;margin:0;font-size:1rem;line-height:1.25}.nyLYcG_summary{max-width:23rem;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.nyLYcG_supportWrap{gap:.5rem;display:grid}.nyLYcG_supportedNote,.nyLYcG_unsupportedNote{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 92%, black);color:var(--muted);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.nyLYcG_supportedNote{border-color:color-mix(in oklch, var(--accent) 44%, var(--line));background:color-mix(in oklch, var(--accent) 9%, var(--bg));color:color-mix(in oklch, var(--fg) 88%, var(--accent));display:none}.nyLYcG_unsupportedNote{border-color:color-mix(in oklch, #f59e0b 44%, var(--line));background:color-mix(in oklch, #f59e0b 11%, var(--bg));color:color-mix(in oklch, #fde68a 76%, var(--fg))}.nyLYcG_supportedNote code,.nyLYcG_unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.nyLYcG_shell{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 94%, black);border-radius:.5rem;grid-template-columns:minmax(10rem,.44fr) minmax(0,1fr);min-height:28rem;display:grid;overflow:hidden}.nyLYcG_toc{border-right:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 88%, black)}.nyLYcG_toc ol{gap:.25rem;margin:0;padding:.85rem;list-style:none;display:grid;position:sticky;top:0}.nyLYcG_toc a{min-block-size:2.45rem;color:var(--muted);border:1px solid #0000;border-radius:.4rem;grid-template-columns:1.75rem minmax(0,1fr);align-items:center;padding:.5rem .65rem;font-size:11px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .16s,border-color .16s,color .16s,translate .16s;display:grid;position:relative}.nyLYcG_toc a span{color:color-mix(in oklch, var(--muted) 72%, transparent);font-size:10px}.nyLYcG_toc a:before{content:"";background:var(--accent);opacity:0;border-radius:999px;block-size:.42rem;inline-size:.42rem;transition:opacity .16s,translate .16s;position:absolute;inset-block:50% auto;inset-inline-start:.42rem;translate:-.2rem -50%}.nyLYcG_toc a:hover{background:color-mix(in oklch, var(--fg) 7%, transparent);color:var(--fg)}.nyLYcG_toc a:focus-visible,.nyLYcG_article:focus-visible{outline:1px solid var(--focus);outline-offset:-2px}.nyLYcG_article{background:linear-gradient(180deg, #38d97f12, transparent 13rem), var(--bg);scroll-behavior:smooth;gap:1rem;max-block-size:28rem;padding:1rem;scroll-padding-block:1rem;display:grid;overflow-y:auto}@supports (color:lab(0% 0 0)){.nyLYcG_article{background:linear-gradient(180deg, lab(77.2265% -57.5382 32.113/.07), transparent 13rem), var(--bg)}}.nyLYcG_section{border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 86%, black);border-radius:.45rem;grid-template-columns:2.5rem minmax(0,1fr);gap:1rem;min-block-size:17.5rem;padding:1rem;scroll-margin-block:1rem;display:grid}.nyLYcG_section:last-child{min-block-size:22rem}.nyLYcG_sectionNumber{border:1px solid color-mix(in oklch, var(--accent) 36%, var(--line));block-size:2.1rem;inline-size:2.1rem;color:var(--accent);border-radius:999px;place-items:center;font-size:11px;font-weight:700;display:grid}.nyLYcG_sectionContent{min-width:0}.nyLYcG_section h4{color:var(--fg);letter-spacing:0;text-wrap:balance;margin:0 0 .65rem;font-size:1.05rem;line-height:1.25}.nyLYcG_section p{max-width:54ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.65}.nyLYcG_section p+p{margin-top:.8rem}@media (prefers-reduced-motion:reduce){.nyLYcG_toc a,.nyLYcG_toc a:before{transition:none}.nyLYcG_article{scroll-behavior:auto}}@media (max-width:660px){.nyLYcG_header{align-items:start;display:grid}.nyLYcG_summary{max-width:100%}.nyLYcG_shell{grid-template-columns:1fr}.nyLYcG_toc{border-right:0;border-bottom:1px solid var(--line-soft)}.nyLYcG_toc ol{padding:.75rem;scroll-padding-inline:.75rem;display:flex;overflow-x:auto}.nyLYcG_toc li{flex:none}.nyLYcG_toc a{inline-size:9.5rem}.nyLYcG_article{max-block-size:24rem}}@media (max-width:440px){.nyLYcG_section{grid-template-columns:1fr;min-block-size:19rem}.nyLYcG_toc a{inline-size:8.5rem}}
.cuW2NG_root{gap:1rem;display:grid}.cuW2NG_toolbar{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 95%, black);border-radius:.45rem;justify-content:space-between;align-items:end;gap:.85rem;padding:.85rem;display:flex}.cuW2NG_kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .25rem;font-size:10px}.cuW2NG_copy{max-width:34rem;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.cuW2NG_replayButton{border:1px solid color-mix(in oklch, var(--accent) 45%, var(--line));background:color-mix(in oklch, var(--accent) 14%, var(--bg));color:var(--fg);font:inherit;cursor:pointer;border-radius:.35rem;flex:none;padding:.6rem .85rem;font-size:12px;font-weight:650;line-height:1;transition:background .14s,border-color .14s,transform .14s}.cuW2NG_replayButton:hover{background:color-mix(in oklch, var(--accent) 22%, var(--bg));border-color:color-mix(in oklch, var(--accent) 68%, var(--line))}.cuW2NG_replayButton:active{transform:translateY(1px)}.cuW2NG_comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.cuW2NG_column{border:1px solid var(--line);background:linear-gradient(color-mix(in oklch, var(--bg) 96%, black), color-mix(in oklch, var(--bg) 98%, black)), var(--bg);border-radius:.45rem;min-width:0;overflow:hidden}.cuW2NG_columnHeader{border-bottom:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg) 92%, black);align-items:center;gap:.45rem;padding:.65rem .75rem;display:flex}.cuW2NG_columnHeader p{color:var(--muted);margin:0;font-size:11px;font-weight:650}.cuW2NG_statusDot{background:color-mix(in oklch, var(--muted) 60%, transparent);width:.45rem;height:.45rem;box-shadow:0 0 0 3px color-mix(in oklch, var(--muted) 10%, transparent);border-radius:999px}.cuW2NG_statusDotActive{background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 16%, transparent)}.cuW2NG_stage{background-image:linear-gradient(color-mix(in oklch, var(--fg) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--fg) 5%, transparent) 1px, transparent 1px);background-size:18px 18px;align-items:center;min-height:154px;padding:1rem;display:grid}.cuW2NG_notice{border:1px solid color-mix(in oklch, var(--accent) 28%, var(--line));background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 14%, transparent), transparent 42%), color-mix(in oklch, var(--bg-elev) 92%, black);opacity:1;border-radius:.45rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;width:min(100%,19rem);margin:0 auto;padding:.8rem;transition:opacity 1.6s,translate 1.6s cubic-bezier(.22,1,.36,1),filter 1.6s;display:grid;translate:0;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff0f;box-shadow:0 16px 34px lab(0% 0 0/.28),inset 0 1px lab(100% 0 0/.06)}.cuW2NG_noticeIcon{border:1px solid color-mix(in oklch, var(--accent) 34%, var(--line));background:color-mix(in oklch, var(--accent) 13%, var(--bg));width:2rem;height:2rem;color:var(--accent);border-radius:.35rem;place-items:center;font-weight:800;display:grid}.cuW2NG_notice h3{color:var(--fg);margin:0;font-size:12px;line-height:1.3}.cuW2NG_notice p{color:var(--muted);margin:.18rem 0 0;font-size:11px;line-height:1.35}.cuW2NG_noticeStarting{filter:saturate(1.12)}@starting-style{.cuW2NG_noticeStarting{opacity:0;filter:saturate(.6);translate:0 16px}}.cuW2NG_note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.cuW2NG_note code{color:var(--fg)}@media (max-width:620px){.cuW2NG_toolbar{flex-direction:column;align-items:stretch}.cuW2NG_replayButton{width:100%}.cuW2NG_comparison{grid-template-columns:1fr}}
.I2-M8G_root{--old-label:#f38ba8;--new-label:#78e08f;--old-button-bg:color-mix(in oklch, #f38ba8 14%, var(--bg));--old-button-border:color-mix(in oklch, #f38ba8 28%, var(--line));--old-button-fg:#ffdbe5;--old-button-hover-bg:color-mix(in oklch, #f38ba8 20%, var(--bg));--new-button-bg:color-mix(in oklch, #78e08f 16%, var(--bg));--new-button-border:color-mix(in oklch, #78e08f 28%, var(--line));--new-button-fg:#d9ffe1;--new-button-hover-bg:color-mix(in oklch, #78e08f 22%, var(--bg));gap:1rem;display:grid}.I2-M8G_toolbar{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.45rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.I2-M8G_toolbarCopy{color:var(--muted);font-size:12px;line-height:1.5;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.I2-M8G_resetButton{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 88%, black);color:var(--fg);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;border-radius:.35rem;padding:.45rem .75rem;transition:background .14s,border-color .14s}.I2-M8G_resetButton:hover{background:color-mix(in oklch, var(--accent) 10%, var(--bg));border-color:color-mix(in oklch, var(--accent) 20%, var(--line))}.I2-M8G_grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.I2-M8G_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;gap:.85rem;padding:1rem;display:grid}.I2-M8G_panelHead{gap:.35rem;display:grid}.I2-M8G_eyebrow{font-size:10px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;margin:0}.I2-M8G_eyebrowOld{color:var(--old-label)}.I2-M8G_eyebrowNew{color:var(--new-label)}.I2-M8G_title{color:var(--fg);margin:0;font-size:14px}.I2-M8G_text{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.I2-M8G_console{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 90%, black);border-radius:.35rem;gap:.55rem;padding:.8rem;display:grid}.I2-M8G_line{font-family:var(--font-mono,ui-monospace, monospace);justify-content:space-between;align-items:baseline;gap:.75rem;font-size:11px;display:flex}.I2-M8G_line span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.I2-M8G_line code{color:var(--fg);text-align:right;word-break:break-word}.I2-M8G_actions{gap:.55rem;display:grid}.I2-M8G_runButton{--run-button-bg:color-mix(in oklch, var(--bg) 90%, black);--run-button-border:var(--line);--run-button-fg:var(--fg);--run-button-hover-bg:var(--run-button-bg);border:1px solid var(--line);background:var(--run-button-bg);border-color:var(--run-button-border);color:var(--run-button-fg);cursor:pointer;border-radius:.35rem;padding:.55rem .8rem;font-size:12px;font-weight:600;transition:background .14s,border-color .14s,transform .12s}.I2-M8G_runButton:hover{background:var(--run-button-hover-bg);transform:translateY(-1px)}.I2-M8G_runButton:focus-visible{border-color:color-mix(in oklch, var(--run-button-border) 72%, var(--accent));box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 18%, transparent);outline:none}.I2-M8G_runButtonOld{--run-button-bg:var(--old-button-bg);--run-button-border:var(--old-button-border);--run-button-fg:var(--old-button-fg);--run-button-hover-bg:var(--old-button-hover-bg)}.I2-M8G_runButtonNew{--run-button-bg:var(--new-button-bg);--run-button-border:var(--new-button-border);--run-button-fg:var(--new-button-fg);--run-button-hover-bg:var(--new-button-hover-bg)}.I2-M8G_status{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.I2-M8G_cleanup{border:1px dashed color-mix(in oklch, var(--accent) 24%, var(--line));background:color-mix(in oklch, var(--accent) 6%, var(--bg));border-radius:.45rem;gap:.65rem;padding:.85rem .9rem;display:grid}.I2-M8G_cleanupTitle{color:var(--fg);margin:0;font-size:12px}.I2-M8G_cleanupList{flex-wrap:wrap;gap:.5rem;display:flex}.I2-M8G_cleanupList code{border:1px solid color-mix(in oklch, var(--accent) 18%, var(--line));background:color-mix(in oklch, var(--bg) 80%, black);color:var(--muted);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);border-radius:999px;padding:.25rem .5rem}html[data-theme=light] .I2-M8G_root{--old-label:#9d174d;--new-label:#217b45;--old-button-bg:#9d174d;--old-button-border:#7f123d;--old-button-fg:#fff;--old-button-hover-bg:#ad1f58;--new-button-bg:#217b45;--new-button-border:#1a6237;--new-button-fg:#fff;--new-button-hover-bg:#1a6237}@media (max-width:700px){.I2-M8G_grid{grid-template-columns:1fr}}
.WzLNwG_root{gap:1rem;display:grid}.WzLNwG_header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.WzLNwG_kicker,.WzLNwG_sectionLabel{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700;line-height:1.3}.WzLNwG_header h3,.WzLNwG_sectionHead h4,.WzLNwG_buttonsCopy h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}.WzLNwG_header h3{font-size:1rem}.WzLNwG_summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}.WzLNwG_supportWrap{display:grid}.WzLNwG_supportedNote,.WzLNwG_unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.WzLNwG_supportedNote{border-color:color-mix(in oklch, var(--accent) 42%, var(--line));background:color-mix(in oklch, var(--accent) 9%, var(--bg));color:color-mix(in oklch, var(--fg) 88%, var(--accent));display:none}.WzLNwG_unsupportedNote{border-color:color-mix(in oklch, #f59e0b 42%, var(--line));background:color-mix(in oklch, #f59e0b 10%, var(--bg));color:color-mix(in oklch, #f59e0b 52%, var(--fg))}.WzLNwG_unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.WzLNwG_samplesPanel,.WzLNwG_buttonsPanel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem;padding:1rem}.WzLNwG_sectionHead{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;padding-bottom:.8rem;display:flex}.WzLNwG_sectionHead h4,.WzLNwG_buttonsCopy h4{font-size:15px}.WzLNwG_sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;white-space:nowrap;font-size:10px;line-height:1.4}.WzLNwG_controls{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem;display:flex}.WzLNwG_control{border:0;min-width:0;margin:0;padding:0}.WzLNwG_control legend{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);margin-bottom:.35rem;padding:0;font-size:10px}.WzLNwG_segment{flex-wrap:wrap;gap:.35rem;display:flex}.WzLNwG_button{border:1px solid var(--line);background:color-mix(in oklch, var(--bg-elev) 88%, black);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);cursor:pointer;border-radius:.45rem;padding:.5rem .65rem;font-size:11px;line-height:1;transition:border-color .2s,color .2s,background-color .2s}.WzLNwG_button:hover:not(:disabled){border-color:color-mix(in oklch, var(--accent) 45%, var(--line));color:var(--accent)}.WzLNwG_button[aria-pressed=true]{border-color:color-mix(in oklch, var(--accent) 55%, var(--line));background:color-mix(in oklch, var(--accent) 12%, var(--bg));color:var(--accent)}.WzLNwG_button:disabled{opacity:.45;cursor:not-allowed}.WzLNwG_button:focus-visible,.WzLNwG_pill:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.WzLNwG_samples{border-block:1px dashed color-mix(in oklch, var(--accent) 55%, var(--line));grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;margin-top:1.5rem;padding:0;display:grid}.WzLNwG_sampleCell{justify-items:start;gap:1.1rem;min-width:0;display:grid}.WzLNwG_sample{background:color-mix(in oklch, var(--accent) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--accent) 45%, transparent);color:var(--fg);text-box-trim:none;text-box-edge:cap alphabetic;margin:0;padding:0;font-size:clamp(2.6rem,8vw,4rem);line-height:normal}.WzLNwG_sampleLabel{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);padding-bottom:.5rem;font-size:9px}.WzLNwG_fontGrotesk{font-family:var(--font-space-grotesk), "Helvetica Neue", Arial, sans-serif;font-weight:700}.WzLNwG_fontSerif{font-family:var(--font-serif), Georgia, "Times New Roman", serif;font-weight:400}.WzLNwG_fontMono{font-family:var(--font-mono), ui-monospace, monospace;font-weight:600}.WzLNwG_samples[data-trim=trim-both] .WzLNwG_sample{text-box-trim:trim-both}.WzLNwG_samples[data-trim=trim-start] .WzLNwG_sample{text-box-trim:trim-start}.WzLNwG_samples[data-trim=trim-end] .WzLNwG_sample{text-box-trim:trim-end}.WzLNwG_samples[data-edge=ex-alphabetic] .WzLNwG_sample{text-box-edge:ex alphabetic}.WzLNwG_samples[data-edge=text-text] .WzLNwG_sample{text-box-edge:text text}.WzLNwG_panelNote,.WzLNwG_buttonsCopy>p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.WzLNwG_panelNote{margin-top:.85rem}.WzLNwG_panelNote code,.WzLNwG_buttonsCopy>p code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.WzLNwG_buttonsPanel{background:linear-gradient(110deg, #60a5fa14, transparent 48%), color-mix(in oklch, var(--bg) 96%, black);grid-template-columns:minmax(11rem,.7fr) minmax(0,1.3fr);gap:1rem;display:grid}@supports (color:lab(0% 0 0)){.WzLNwG_buttonsPanel{background:linear-gradient(110deg, lab(66.0368% -2.92006 -49.7488/.08), transparent 48%), color-mix(in oklch, var(--bg) 96%, black)}}.WzLNwG_buttonsCopy{align-content:center;gap:.4rem;display:grid}.WzLNwG_buttonsCopy>p{max-width:34ch;font-size:11px}.WzLNwG_buttonColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.WzLNwG_buttonColumn{border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 88%, black);border-radius:.45rem;align-content:start;justify-items:start;gap:.6rem;min-width:0;padding:.85rem;display:grid}.WzLNwG_trimmedColumn{border-color:color-mix(in oklch, var(--accent) 38%, var(--line));background:linear-gradient(145deg, color-mix(in oklch, var(--accent) 9%, transparent), transparent 54%), color-mix(in oklch, var(--bg-elev) 92%, black)}.WzLNwG_columnLabel{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);margin:0 0 .2rem;font-size:9px;line-height:1.4}.WzLNwG_pill{border:1px solid color-mix(in oklch, var(--accent) 45%, var(--line));background:color-mix(in oklch, var(--accent) 14%, var(--bg));color:var(--fg);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:15px;line-height:normal;display:inline-flex}.WzLNwG_dot{background:var(--accent);border-radius:999px;block-size:.6rem;inline-size:.6rem}.WzLNwG_pillLabel{background:color-mix(in oklch, var(--accent) 22%, transparent);display:block}.WzLNwG_trimmedLabel{text-box:trim-both cap alphabetic}@supports (text-box:trim-both cap alphabetic){.WzLNwG_supported{display:block}.WzLNwG_unsupported{display:none}}@media (max-width:660px){.WzLNwG_header,.WzLNwG_sectionHead{align-items:start;display:grid}.WzLNwG_summary{max-width:100%}.WzLNwG_sectionHead>code{text-align:left;white-space:normal}.WzLNwG_buttonsPanel{grid-template-columns:1fr}.WzLNwG_buttonsCopy>p{max-width:48ch}}@media (max-width:480px){.WzLNwG_samples{grid-template-columns:1fr;gap:.5rem}.WzLNwG_buttonColumns{grid-template-columns:1fr}}
.zzuA_W_root{gap:1rem;display:grid}.zzuA_W_panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.zzuA_W_panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.zzuA_W_title{color:var(--fg);margin:0;font-size:13px}.zzuA_W_text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.zzuA_W_text code{color:var(--fg)}.zzuA_W_comparison{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.zzuA_W_column{border:1px solid var(--line);background:var(--bg);border-radius:.35rem;padding:.75rem}.zzuA_W_columnActive{border-color:color-mix(in oklch, var(--accent) 58%, var(--line))}.zzuA_W_label{font-family:var(--font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:10px}.zzuA_W_labelActive{color:var(--accent)}.zzuA_W_demoHeading{color:var(--fg);margin:0;font-size:20px;font-weight:600;line-height:1.3}.zzuA_W_balanced{text-wrap:balance}.zzuA_W_demoParagraph{color:var(--fg);margin:0;font-size:13px;line-height:1.7}.zzuA_W_pretty{text-wrap:pretty}.zzuA_W_orphanHighlight{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);background:color-mix(in oklch, var(--bg) 90%, black);border:1px solid color-mix(in oklch, var(--line) 50%, transparent);border-radius:.25rem;margin:.5rem 0 0;padding:.3rem .5rem;font-size:10px}.zzuA_W_orphanHighlight code{color:var(--fg);font-family:inherit}@media (max-width:620px){.zzuA_W_comparison{grid-template-columns:1fr}}