.contrast-color-demo-module___42Pya__root{--sample:#7c3aed;gap:1rem;display:grid}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__toolbarCopy{color:var(--muted);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.contrast-color-demo-module___42Pya__colorField{align-items:center;gap:.5rem;display:inline-flex}.contrast-color-demo-module___42Pya__colorField span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:10px}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__colorField input::-webkit-color-swatch{border:none;border-radius:.25rem}.contrast-color-demo-module___42Pya__colorField input::-moz-color-swatch{border:none;border-radius:.25rem}.contrast-color-demo-module___42Pya__colorField code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg);font-size:11px}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__preview h3{max-width:22ch;color:inherit;margin:.15rem 0 0;font-size:24px;line-height:1.12}.contrast-color-demo-module___42Pya__preview p{max-width:46ch;color:inherit;margin:.7rem 0 0;font-size:12px;line-height:1.6}.contrast-color-demo-module___42Pya__kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;text-transform:uppercase;margin:0;font-size:10px}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.contrast-color-demo-module___42Pya__panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.contrast-color-demo-module___42Pya__title{color:var(--fg);margin:0;font-size:13px}.contrast-color-demo-module___42Pya__text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.contrast-color-demo-module___42Pya__text code{color:var(--fg)}.contrast-color-demo-module___42Pya__presetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__presetButton:hover,.contrast-color-demo-module___42Pya__presetButton[aria-pressed=true]{border-color:currentColor}.contrast-color-demo-module___42Pya__presetButton:hover{transform:translateY(-1px)}.contrast-color-demo-module___42Pya__presetButton span{color:inherit;font-size:12px;font-weight:700}.contrast-color-demo-module___42Pya__presetButton code{font-family:var(--font-mono,ui-monospace, monospace);color:inherit;opacity:.76;font-size:10px}.contrast-color-demo-module___42Pya__tokenGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.contrast-color-demo-module___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}.contrast-color-demo-module___42Pya__tokenCard strong{color:inherit;font-size:12px}.contrast-color-demo-module___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){.contrast-color-demo-module___42Pya__presetGrid,.contrast-color-demo-module___42Pya__tokenGrid{grid-template-columns:1fr 1fr}}@media (max-width:420px){.contrast-color-demo-module___42Pya__presetGrid,.contrast-color-demo-module___42Pya__tokenGrid{grid-template-columns:1fr}}
.container-style-queries-demo-module__ktQd6q__root{gap:1rem;display:grid}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__controlGroup{gap:.4rem;min-width:min(100%,15rem);display:grid}.container-style-queries-demo-module__ktQd6q__controlLabel{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;font-size:10px}.container-style-queries-demo-module__ktQd6q__segment{border:1px solid var(--line);border-radius:.35rem;flex-wrap:wrap;width:fit-content;max-width:100%;display:flex;overflow:hidden}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__segmentButton:last-child{border-right:0}.container-style-queries-demo-module__ktQd6q__segmentButton:hover{color:var(--fg);background:color-mix(in oklch, var(--bg) 84%, black)}.container-style-queries-demo-module__ktQd6q__segmentButtonActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 16%, var(--bg))}.container-style-queries-demo-module__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)){.container-style-queries-demo-module__ktQd6q__context{background:linear-gradient(135deg, lab(48.16% -1.92794 -14.7209/.11), transparent 38%), color-mix(in oklch, var(--bg) 97%, black)}}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__supportNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.container-style-queries-demo-module__ktQd6q__contextHeader{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.85rem;display:flex}.container-style-queries-demo-module__ktQd6q__contextHeader h3{color:var(--fg);margin:.1rem 0 0;font-size:15px;line-height:1.25}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__kicker{color:var(--accent);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:0;text-transform:uppercase;margin:0;font-size:10px}.container-style-queries-demo-module__ktQd6q__deck{grid-template-columns:minmax(0,1.55fr) minmax(9rem,.75fr);gap:.75rem;display:grid}.container-style-queries-demo-module__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)){.container-style-queries-demo-module__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)}}.container-style-queries-demo-module__ktQd6q__cardMain{align-content:start;gap:.45rem;min-width:0;display:grid}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__card h4{color:var(--fg);margin:0;font-size:18px;line-height:1.15}.container-style-queries-demo-module__ktQd6q__card p{max-width:38ch;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.container-style-queries-demo-module__ktQd6q__metricGrid{grid-template-columns:1fr;gap:.5rem;min-width:0;display:grid}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__metricGrid strong{color:var(--fg);font-size:18px;line-height:1}.container-style-queries-demo-module__ktQd6q__metricGrid span{color:var(--muted);text-transform:uppercase;font-size:10px;line-height:1.2}.container-style-queries-demo-module__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}.container-style-queries-demo-module__ktQd6q__timeline div{align-items:center;gap:.5rem;min-width:0;display:flex}.container-style-queries-demo-module__ktQd6q__timeline p{color:var(--muted);margin:0;font-size:11px;line-height:1.2}.container-style-queries-demo-module__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){.container-style-queries-demo-module__ktQd6q__contextHeader h3{color:color-mix(in oklch, #fecaca 86%, var(--fg))}.container-style-queries-demo-module__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)){.container-style-queries-demo-module__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)}}.container-style-queries-demo-module__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))}.container-style-queries-demo-module__ktQd6q__metricGrid div{border-color:color-mix(in oklch, #f97316 36%, var(--line))}.container-style-queries-demo-module__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){.container-style-queries-demo-module__ktQd6q__contextHeader h3{color:color-mix(in oklch, #a7f3d0 86%, var(--fg))}.container-style-queries-demo-module__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)){.container-style-queries-demo-module__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)}}.container-style-queries-demo-module__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))}.container-style-queries-demo-module__ktQd6q__metricGrid div{border-color:color-mix(in oklch, #22c55e 34%, var(--line))}.container-style-queries-demo-module__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){.container-style-queries-demo-module__ktQd6q__contextHeader{align-items:center;padding-bottom:.65rem}.container-style-queries-demo-module__ktQd6q__deck{grid-template-columns:1fr}.container-style-queries-demo-module__ktQd6q__card{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.7rem}.container-style-queries-demo-module__ktQd6q__cardMain{gap:.32rem}.container-style-queries-demo-module__ktQd6q__card h4{font-size:15px}.container-style-queries-demo-module__ktQd6q__card p{max-width:52ch;font-size:11px;line-height:1.42}.container-style-queries-demo-module__ktQd6q__metricGrid{grid-template-columns:repeat(3,minmax(4.25rem,1fr));align-self:start}.container-style-queries-demo-module__ktQd6q__metricGrid div{padding:.5rem}.container-style-queries-demo-module__ktQd6q__metricGrid strong{font-size:15px}.container-style-queries-demo-module__ktQd6q__timeline{grid-template-columns:repeat(3,minmax(0,1fr));padding:.6rem}}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__ktQd6q__contextHeader h3{color:color-mix(in oklch, #fecaca 86%, var(--fg))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__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)){.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__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)}}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__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))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__ktQd6q__metricGrid div{border-color:color-mix(in oklch, #f97316 36%, var(--line))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=urgent] .container-style-queries-demo-module__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-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__ktQd6q__contextHeader h3{color:color-mix(in oklch, #a7f3d0 86%, var(--fg))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__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)){.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__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)}}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__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))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__ktQd6q__metricGrid div{border-color:color-mix(in oklch, #22c55e 34%, var(--line))}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-tone=fresh] .container-style-queries-demo-module__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-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__contextHeader{align-items:center;padding-bottom:.65rem}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__deck{grid-template-columns:1fr}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__card{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.7rem}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__cardMain{gap:.32rem}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__card h4{font-size:15px}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__card p{max-width:52ch;font-size:11px;line-height:1.42}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__metricGrid{grid-template-columns:repeat(3,minmax(4.25rem,1fr));align-self:start}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__metricGrid div{padding:.5rem}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__metricGrid strong{font-size:15px}.container-style-queries-demo-module__ktQd6q__root[data-style-query-support=unsupported] .container-style-queries-demo-module__ktQd6q__context[data-card-density=compact] .container-style-queries-demo-module__ktQd6q__timeline{grid-template-columns:repeat(3,minmax(0,1fr));padding:.6rem}@media (max-width:620px){.container-style-queries-demo-module__ktQd6q__contextHeader{display:grid}.container-style-queries-demo-module__ktQd6q__contextHeader code{text-align:left;max-width:100%}.container-style-queries-demo-module__ktQd6q__deck,.container-style-queries-demo-module__ktQd6q__card{grid-template-columns:1fr}.container-style-queries-demo-module__ktQd6q__metricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:440px){.container-style-queries-demo-module__ktQd6q__toolbar{align-items:stretch}.container-style-queries-demo-module__ktQd6q__controlGroup,.container-style-queries-demo-module__ktQd6q__segment{width:100%}.container-style-queries-demo-module__ktQd6q__segmentButton{flex:1 1 0}.container-style-queries-demo-module__ktQd6q__metricGrid,.container-style-queries-demo-module__ktQd6q__timeline{grid-template-columns:1fr}}
.color-mix-demo-module__N7U5ca__root{--brand:#38d97f;gap:1rem;display:grid}.color-mix-demo-module__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}.color-mix-demo-module__N7U5ca__toolbarCopy{color:var(--muted);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.color-mix-demo-module__N7U5ca__colorField{align-items:center;gap:.5rem;display:inline-flex}.color-mix-demo-module__N7U5ca__colorField span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.color-mix-demo-module__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}.color-mix-demo-module__N7U5ca__colorField input::-webkit-color-swatch{border:none;border-radius:.25rem}.color-mix-demo-module__N7U5ca__colorField input::-moz-color-swatch{border:none;border-radius:.25rem}.color-mix-demo-module__N7U5ca__colorField code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--fg);font-size:11px}.color-mix-demo-module__N7U5ca__panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.color-mix-demo-module__N7U5ca__panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.color-mix-demo-module__N7U5ca__title{color:var(--fg);margin:0;font-size:13px}.color-mix-demo-module__N7U5ca__text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.color-mix-demo-module__N7U5ca__text code{color:var(--fg)}.color-mix-demo-module__N7U5ca__swatchGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.color-mix-demo-module__N7U5ca__swatchCard{border:1px solid var(--line);background:var(--bg);border-radius:.35rem;padding:.6rem}.color-mix-demo-module__N7U5ca__swatch{border:1px solid color-mix(in oklch, var(--line) 65%, transparent);background:var(--brand);border-radius:.28rem;height:70px}.color-mix-demo-module__N7U5ca__swatch[data-mix="10"]{background:color-mix(in oklch, var(--brand) 90%, white)}.color-mix-demo-module__N7U5ca__swatch[data-mix="30"]{background:color-mix(in oklch, var(--brand) 70%, white)}.color-mix-demo-module__N7U5ca__swatch[data-mix="50"]{background:color-mix(in oklch, var(--brand) 50%, white)}.color-mix-demo-module__N7U5ca__swatchLabel{color:var(--fg);font-size:11px;font-family:var(--font-mono,ui-monospace, monospace);margin:.55rem 0 0}.color-mix-demo-module__N7U5ca__inlineCode{margin:.3rem 0 0;font-size:10px;line-height:1.4}.color-mix-demo-module__N7U5ca__inlineCode code{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted)}.color-mix-demo-module__N7U5ca__buttonRow{flex-wrap:wrap;gap:.6rem;display:flex}.color-mix-demo-module__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}.color-mix-demo-module__N7U5ca__brandButton:hover:not(:disabled){background:color-mix(in oklch, var(--brand) 82%, white)}.color-mix-demo-module__N7U5ca__brandButton:active:not(:disabled){background:color-mix(in oklch, var(--brand) 74%, black);transform:translateY(1px)}.color-mix-demo-module__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))}.color-mix-demo-module__N7U5ca__note{color:var(--muted);margin:.6rem 0 0;font-size:11px}.color-mix-demo-module__N7U5ca__segment{border:1px solid var(--line);border-radius:.28rem;margin-bottom:.65rem;display:inline-flex;overflow:hidden}.color-mix-demo-module__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}.color-mix-demo-module__N7U5ca__segmentBtn:last-child{border-right:none}.color-mix-demo-module__N7U5ca__segmentBtn:hover{color:var(--fg)}.color-mix-demo-module__N7U5ca__segmentBtnActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 15%, var(--bg))}.color-mix-demo-module__N7U5ca__surface{border:1px solid var(--line);border-radius:.35rem;padding:.8rem}.color-mix-demo-module__N7U5ca__surface[data-mode=light]{color:#121317;background:#f7f8fa}.color-mix-demo-module__N7U5ca__surface[data-mode=dark]{color:#e8ebef;background:#121317}.color-mix-demo-module__N7U5ca__surfaceSwatches{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.color-mix-demo-module__N7U5ca__surfaceSwatch{gap:.35rem;display:grid}.color-mix-demo-module__N7U5ca__surfaceSwatch p{letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.color-mix-demo-module__N7U5ca__baseChip,.color-mix-demo-module__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}.color-mix-demo-module__N7U5ca__baseChip{background:var(--brand)}.color-mix-demo-module__N7U5ca__surface[data-mode=light] .color-mix-demo-module__N7U5ca__tintChip{background:color-mix(in oklch, var(--brand) 76%, white)}.color-mix-demo-module__N7U5ca__surface[data-mode=dark] .color-mix-demo-module__N7U5ca__tintChip{background:color-mix(in oklch, var(--brand) 76%, black)}@media (max-width:620px){.color-mix-demo-module__N7U5ca__swatchGrid,.color-mix-demo-module__N7U5ca__surfaceSwatches{grid-template-columns:1fr}}
.data-attr-content-demo-module__6I_n3a__root{gap:1rem;display:grid}.data-attr-content-demo-module__6I_n3a__panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.data-attr-content-demo-module__6I_n3a__panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.data-attr-content-demo-module__6I_n3a__title{color:var(--fg);margin:0;font-size:13px}.data-attr-content-demo-module__6I_n3a__text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.data-attr-content-demo-module__6I_n3a__text code{color:var(--fg)}.data-attr-content-demo-module__6I_n3a__tooltipRow{flex-wrap:wrap;gap:.6rem;display:flex}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__tooltipAction:hover,.data-attr-content-demo-module__6I_n3a__tooltipAction:focus-visible{border-color:var(--accent)}.data-attr-content-demo-module__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)}.data-attr-content-demo-module__6I_n3a__tooltip:hover:after,.data-attr-content-demo-module__6I_n3a__tooltip:focus-visible:after{opacity:1;transform:translate(-50%)}.data-attr-content-demo-module__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)}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__field{gap:.3rem;display:grid}.data-attr-content-demo-module__6I_n3a__field span{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__attrText{font-family:var(--font-mono,ui-monospace, monospace);color:var(--muted);font-size:11px}.data-attr-content-demo-module__6I_n3a__field input{width:min(100%,360px)}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__attrText code{font-family:inherit}.data-attr-content-demo-module__6I_n3a__segment{border:1px solid var(--line);border-radius:.25rem;flex-wrap:wrap;width:fit-content;display:flex;overflow:hidden}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__segmentBtn:last-child{border-right:none}.data-attr-content-demo-module__6I_n3a__segmentBtn:hover{color:var(--fg);background:color-mix(in oklch, var(--bg) 82%, black)}.data-attr-content-demo-module__6I_n3a__segmentBtnActive{color:var(--fg);background:color-mix(in oklch, var(--accent) 15%, color-mix(in oklch, var(--bg) 85%, black))}.data-attr-content-demo-module__6I_n3a__board{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__card:hover{border-color:color-mix(in oklch, var(--accent) 36%, var(--line));transform:translateY(-1px)}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__cardActive{border-color:color-mix(in oklch, var(--accent) 58%, var(--line))}.data-attr-content-demo-module__6I_n3a__card h4{color:var(--fg);margin:0;font-size:12px;line-height:1.45}.data-attr-content-demo-module__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}.data-attr-content-demo-module__6I_n3a__card:after{content:"Priority: " attr(data-priority);color:var(--muted);font-size:10px;position:absolute;bottom:.55rem;left:.55rem}.data-attr-content-demo-module__6I_n3a__card[data-status=todo]:before{background:color-mix(in oklch, #64748b 18%, var(--bg));color:#cbd5e1}.data-attr-content-demo-module__6I_n3a__card[data-status=in-progress]:before{background:color-mix(in oklch, #0369a1 24%, var(--bg));color:#bae6fd}.data-attr-content-demo-module__6I_n3a__card[data-status=done]:before{background:color-mix(in oklch, #166534 22%, var(--bg));color:#bbf7d0}.data-attr-content-demo-module__6I_n3a__card[data-status=blocked]:before{background:color-mix(in oklch, #991b1b 20%, var(--bg));color:#fecaca}.data-attr-content-demo-module__6I_n3a__card[data-priority=high]:after{color:#fda4af}.data-attr-content-demo-module__6I_n3a__card[data-priority=medium]:after{color:#fde68a}.data-attr-content-demo-module__6I_n3a__card[data-priority=low]:after{color:#a7f3d0}.data-attr-content-demo-module__6I_n3a__note{color:var(--muted);margin:0;font-size:11px;line-height:1.45}@media (max-width:620px){.data-attr-content-demo-module__6I_n3a__board{grid-template-columns:1fr}}
.field-sizing-demo-module__VvWZ3W__root{gap:1rem;display:grid}.field-sizing-demo-module__VvWZ3W__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.field-sizing-demo-module__VvWZ3W__kicker,.field-sizing-demo-module__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}.field-sizing-demo-module__VvWZ3W__header h3,.field-sizing-demo-module__VvWZ3W__sectionHead h4,.field-sizing-demo-module__VvWZ3W__inlineCopy h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}.field-sizing-demo-module__VvWZ3W__header h3{font-size:1rem}.field-sizing-demo-module__VvWZ3W__summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}.field-sizing-demo-module__VvWZ3W__supportWrap{display:grid}.field-sizing-demo-module__VvWZ3W__supportedNote,.field-sizing-demo-module__VvWZ3W__unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.field-sizing-demo-module__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}.field-sizing-demo-module__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))}.field-sizing-demo-module__VvWZ3W__unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.field-sizing-demo-module__VvWZ3W__comparison,.field-sizing-demo-module__VvWZ3W__inlineDemo{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem}.field-sizing-demo-module__VvWZ3W__comparison{padding:1rem}.field-sizing-demo-module__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}.field-sizing-demo-module__VvWZ3W__sectionHead h4,.field-sizing-demo-module__VvWZ3W__inlineCopy h4{font-size:15px}.field-sizing-demo-module__VvWZ3W__sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:10px;line-height:1.4}.field-sizing-demo-module__VvWZ3W__comparisonGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.field-sizing-demo-module__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}.field-sizing-demo-module__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)}.field-sizing-demo-module__VvWZ3W__cardHead{justify-content:space-between;align-items:start;gap:.65rem;display:flex}.field-sizing-demo-module__VvWZ3W__cardHead>div{align-items:center;gap:.45rem;min-width:0;display:flex}.field-sizing-demo-module__VvWZ3W__cardIndex{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:9px}.field-sizing-demo-module__VvWZ3W__cardHead h5{color:var(--fg);margin:0;font-size:12px;line-height:1.3}.field-sizing-demo-module__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}.field-sizing-demo-module__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))}.field-sizing-demo-module__VvWZ3W__fieldCard label,.field-sizing-demo-module__VvWZ3W__inlineField label{color:var(--fg);font-size:11px;font-weight:700;line-height:1.3}.field-sizing-demo-module__VvWZ3W__fixedTextarea,.field-sizing-demo-module__VvWZ3W__autoTextarea,.field-sizing-demo-module__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}.field-sizing-demo-module__VvWZ3W__fixedTextarea,.field-sizing-demo-module__VvWZ3W__autoTextarea{resize:vertical;inline-size:100%;padding:.7rem .75rem}.field-sizing-demo-module__VvWZ3W__fixedTextarea{block-size:9.5rem}.field-sizing-demo-module__VvWZ3W__autoTextarea{block-size:9.5rem;min-block-size:4lh;max-block-size:10lh;overflow-y:auto}.field-sizing-demo-module__VvWZ3W__fixedTextarea:focus-visible,.field-sizing-demo-module__VvWZ3W__autoTextarea:focus-visible,.field-sizing-demo-module__VvWZ3W__growingInput:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.field-sizing-demo-module__VvWZ3W__fieldCard>p,.field-sizing-demo-module__VvWZ3W__inlineCopy>p:last-child,.field-sizing-demo-module__VvWZ3W__constraintNote{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.field-sizing-demo-module__VvWZ3W__fieldCard>p code,.field-sizing-demo-module__VvWZ3W__constraintNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.field-sizing-demo-module__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)){.field-sizing-demo-module__VvWZ3W__inlineDemo{background:linear-gradient(110deg, lab(66.0368% -2.92006 -49.7488/.08), transparent 48%), color-mix(in oklch, var(--bg) 96%, black)}}.field-sizing-demo-module__VvWZ3W__inlineCopy{align-content:center;gap:.4rem;display:grid}.field-sizing-demo-module__VvWZ3W__inlineCopy>p:last-child{max-width:34ch;font-size:11px}.field-sizing-demo-module__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}.field-sizing-demo-module__VvWZ3W__inputStage{min-width:0;padding:.25rem}.field-sizing-demo-module__VvWZ3W__growingInput{inline-size:min(100%,20rem);max-inline-size:100%;padding:.62rem .7rem}.field-sizing-demo-module__VvWZ3W__constraintNote{flex-wrap:wrap;gap:.35rem;display:flex}@supports (field-sizing:content){.field-sizing-demo-module__VvWZ3W__supported{display:block}.field-sizing-demo-module__VvWZ3W__unsupported{display:none}.field-sizing-demo-module__VvWZ3W__autoTextarea{field-sizing:content;resize:none;block-size:auto}.field-sizing-demo-module__VvWZ3W__growingInput{field-sizing:content;inline-size:auto;min-inline-size:min(10rem,100%)}}@media (max-width:660px){.field-sizing-demo-module__VvWZ3W__header,.field-sizing-demo-module__VvWZ3W__sectionHead{align-items:start;display:grid}.field-sizing-demo-module__VvWZ3W__summary{max-width:100%}.field-sizing-demo-module__VvWZ3W__sectionHead>code{text-align:left}.field-sizing-demo-module__VvWZ3W__comparisonGrid,.field-sizing-demo-module__VvWZ3W__inlineDemo{grid-template-columns:1fr}.field-sizing-demo-module__VvWZ3W__inlineCopy>p:last-child{max-width:48ch}}@media (max-width:420px){.field-sizing-demo-module__VvWZ3W__cardHead{display:grid}.field-sizing-demo-module__VvWZ3W__badge{width:fit-content}}
.scroll-margin-top-demo-module__3_jTVa__root{flex-direction:column;gap:.75rem;display:flex}.scroll-margin-top-demo-module__3_jTVa__toggleRow{align-items:center;gap:.75rem;display:flex}.scroll-margin-top-demo-module__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}.scroll-margin-top-demo-module__3_jTVa__togglePillOn{background:color-mix(in oklch, var(--accent) 20%, var(--bg));border-color:var(--accent)}.scroll-margin-top-demo-module__3_jTVa__toggleKnob{background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.scroll-margin-top-demo-module__3_jTVa__togglePillOn .scroll-margin-top-demo-module__3_jTVa__toggleKnob{background:var(--accent);transform:translate(18px)}.scroll-margin-top-demo-module__3_jTVa__toggleLabel{color:var(--muted);font-size:12px}.scroll-margin-top-demo-module__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}.scroll-margin-top-demo-module__3_jTVa__container{border:1px solid var(--line);background:var(--bg);scroll-behavior:smooth;border-radius:.375rem;height:360px;position:relative;overflow-y:auto}.scroll-margin-top-demo-module__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}.scroll-margin-top-demo-module__3_jTVa__headerLabel{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:12px;font-weight:600}.scroll-margin-top-demo-module__3_jTVa__nav{align-items:center;gap:.5rem;display:flex;overflow-x:auto}.scroll-margin-top-demo-module__3_jTVa__link{color:var(--muted);white-space:nowrap;border-radius:.2rem;padding:.15rem .4rem;font-size:11px;transition:color .15s,background .15s}.scroll-margin-top-demo-module__3_jTVa__link:hover{color:var(--fg);background:color-mix(in oklch, var(--fg) 8%, transparent)}.scroll-margin-top-demo-module__3_jTVa__content{padding:0 1rem 1rem}.scroll-margin-top-demo-module__3_jTVa__section{padding-top:1.5rem}.scroll-margin-top-demo-module__3_jTVa__section:last-child{min-height:300px}.scroll-margin-top-demo-module__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}.scroll-margin-top-demo-module__3_jTVa__body{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.scroll-margin-top-demo-module__3_jTVa__status{color:var(--muted);font-size:12px}
.sibling-index-demo-module__OtA2Ka__root{gap:1rem;display:grid}.sibling-index-demo-module__OtA2Ka__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.sibling-index-demo-module__OtA2Ka__kicker,.sibling-index-demo-module__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}.sibling-index-demo-module__OtA2Ka__header h3,.sibling-index-demo-module__OtA2Ka__sectionHead h4,.sibling-index-demo-module__OtA2Ka__fanCopy h4{color:var(--fg);text-wrap:balance;margin:0;line-height:1.2}.sibling-index-demo-module__OtA2Ka__header h3{font-size:1rem}.sibling-index-demo-module__OtA2Ka__summary{max-width:29rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.55}.sibling-index-demo-module__OtA2Ka__summary code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.sibling-index-demo-module__OtA2Ka__supportWrap{display:grid}.sibling-index-demo-module__OtA2Ka__supportedNote,.sibling-index-demo-module__OtA2Ka__unsupportedNote{border:1px solid var(--line);border-radius:.45rem;margin:0;padding:.65rem .75rem;font-size:11px;line-height:1.55}.sibling-index-demo-module__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}.sibling-index-demo-module__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))}.sibling-index-demo-module__OtA2Ka__unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.sibling-index-demo-module__OtA2Ka__stagesPanel,.sibling-index-demo-module__OtA2Ka__fanPanel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 96%, black);border-radius:.5rem;padding:1rem}.sibling-index-demo-module__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}.sibling-index-demo-module__OtA2Ka__sectionHead h4,.sibling-index-demo-module__OtA2Ka__fanCopy h4{font-size:15px}.sibling-index-demo-module__OtA2Ka__sectionHead>code{color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);text-align:right;font-size:10px;line-height:1.4}.sibling-index-demo-module__OtA2Ka__toolbar{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.sibling-index-demo-module__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}.sibling-index-demo-module__OtA2Ka__button:hover:not(:disabled){border-color:color-mix(in oklch, var(--accent) 45%, var(--line));color:var(--accent)}.sibling-index-demo-module__OtA2Ka__button:disabled{opacity:.45;cursor:not-allowed}.sibling-index-demo-module__OtA2Ka__button:focus-visible{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}.sibling-index-demo-module__OtA2Ka__stageList{counter-reset:stage;gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sibling-index-demo-module__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 sibling-index-demo-module__OtA2Ka__rise;display:flex}.sibling-index-demo-module__OtA2Ka__stageItem:before{content:counter(stage, decimal-leading-zero);color:var(--muted);font-family:var(--font-mono,ui-monospace, monospace);font-size:9px}.sibling-index-demo-module__OtA2Ka__stageName{color:var(--fg);font-size:12px;font-weight:700;line-height:1.3}.sibling-index-demo-module__OtA2Ka__panelNote,.sibling-index-demo-module__OtA2Ka__fanCopy>p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.sibling-index-demo-module__OtA2Ka__panelNote{margin-top:.85rem}.sibling-index-demo-module__OtA2Ka__fanCopy>p code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace)}.sibling-index-demo-module__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)){.sibling-index-demo-module__OtA2Ka__fanPanel{background:linear-gradient(110deg, lab(66.0368% -2.92006 -49.7488/.08), transparent 48%), color-mix(in oklch, var(--bg) 96%, black)}}.sibling-index-demo-module__OtA2Ka__fanCopy{align-content:center;justify-items:start;gap:.5rem;display:grid}.sibling-index-demo-module__OtA2Ka__fanCopy>p{max-width:34ch;font-size:11px}.sibling-index-demo-module__OtA2Ka__fanCopy .sibling-index-demo-module__OtA2Ka__toolbar{margin-top:.35rem;margin-bottom:0}.sibling-index-demo-module__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}.sibling-index-demo-module__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)}.sibling-index-demo-module__OtA2Ka__cardRank{color:var(--fg);font-family:var(--font-mono,ui-monospace, monospace);font-size:13px;font-weight:700;line-height:1}.sibling-index-demo-module__OtA2Ka__cardSuit{color:var(--muted);justify-self:end;font-size:15px;line-height:1}.sibling-index-demo-module__OtA2Ka__redCard .sibling-index-demo-module__OtA2Ka__cardRank,.sibling-index-demo-module__OtA2Ka__redCard .sibling-index-demo-module__OtA2Ka__cardSuit{color:#e5484d}@keyframes sibling-index-demo-module__OtA2Ka__rise{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}@supports (top:calc(sibling-index() * 1px)){.sibling-index-demo-module__OtA2Ka__supported{display:block}.sibling-index-demo-module__OtA2Ka__unsupported{display:none}.sibling-index-demo-module__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)}.sibling-index-demo-module__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){.sibling-index-demo-module__OtA2Ka__stageItem,.sibling-index-demo-module__OtA2Ka__card{transition:none;animation:none}}@media (max-width:660px){.sibling-index-demo-module__OtA2Ka__header,.sibling-index-demo-module__OtA2Ka__sectionHead{align-items:start;display:grid}.sibling-index-demo-module__OtA2Ka__summary{max-width:100%}.sibling-index-demo-module__OtA2Ka__sectionHead>code{text-align:left}.sibling-index-demo-module__OtA2Ka__fanPanel{grid-template-columns:1fr}.sibling-index-demo-module__OtA2Ka__fanCopy>p{max-width:48ch}}
.scroll-target-group-demo-module__nyLYcG__root{gap:1rem;display:grid}.scroll-target-group-demo-module__nyLYcG__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.scroll-target-group-demo-module__nyLYcG__kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 .2rem;font-size:10px;font-weight:700}.scroll-target-group-demo-module__nyLYcG__header h3{color:var(--fg);text-wrap:balance;margin:0;font-size:1rem;line-height:1.25}.scroll-target-group-demo-module__nyLYcG__summary{max-width:23rem;color:var(--muted);margin:0;font-size:12px;line-height:1.55}.scroll-target-group-demo-module__nyLYcG__supportWrap{gap:.5rem;display:grid}.scroll-target-group-demo-module__nyLYcG__supportedNote,.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__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))}.scroll-target-group-demo-module__nyLYcG__supportedNote code,.scroll-target-group-demo-module__nyLYcG__unsupportedNote code{color:inherit;font-family:var(--font-mono,ui-monospace, monospace);font-weight:700}.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__nyLYcG__toc{border-right:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-elev) 88%, black)}.scroll-target-group-demo-module__nyLYcG__toc ol{gap:.25rem;margin:0;padding:.85rem;list-style:none;display:grid;position:sticky;top:0}.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__nyLYcG__toc a span{color:color-mix(in oklch, var(--muted) 72%, transparent);font-size:10px}.scroll-target-group-demo-module__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%}.scroll-target-group-demo-module__nyLYcG__toc a:hover{background:color-mix(in oklch, var(--fg) 7%, transparent);color:var(--fg)}.scroll-target-group-demo-module__nyLYcG__toc a:focus-visible,.scroll-target-group-demo-module__nyLYcG__article:focus-visible{outline:1px solid var(--focus);outline-offset:-2px}.scroll-target-group-demo-module__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)){.scroll-target-group-demo-module__nyLYcG__article{background:linear-gradient(180deg, lab(77.2265% -57.5382 32.113/.07), transparent 13rem), var(--bg)}}.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__nyLYcG__section:last-child{min-block-size:22rem}.scroll-target-group-demo-module__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}.scroll-target-group-demo-module__nyLYcG__sectionContent{min-width:0}.scroll-target-group-demo-module__nyLYcG__section h4{color:var(--fg);letter-spacing:0;text-wrap:balance;margin:0 0 .65rem;font-size:1.05rem;line-height:1.25}.scroll-target-group-demo-module__nyLYcG__section p{max-width:54ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:12px;line-height:1.65}.scroll-target-group-demo-module__nyLYcG__section p+p{margin-top:.8rem}@media (prefers-reduced-motion:reduce){.scroll-target-group-demo-module__nyLYcG__toc a,.scroll-target-group-demo-module__nyLYcG__toc a:before{transition:none}.scroll-target-group-demo-module__nyLYcG__article{scroll-behavior:auto}}@media (max-width:660px){.scroll-target-group-demo-module__nyLYcG__header{align-items:start;display:grid}.scroll-target-group-demo-module__nyLYcG__summary{max-width:100%}.scroll-target-group-demo-module__nyLYcG__shell{grid-template-columns:1fr}.scroll-target-group-demo-module__nyLYcG__toc{border-right:0;border-bottom:1px solid var(--line-soft)}.scroll-target-group-demo-module__nyLYcG__toc ol{padding:.75rem;scroll-padding-inline:.75rem;display:flex;overflow-x:auto}.scroll-target-group-demo-module__nyLYcG__toc li{flex:none}.scroll-target-group-demo-module__nyLYcG__toc a{inline-size:9.5rem}.scroll-target-group-demo-module__nyLYcG__article{max-block-size:24rem}}@media (max-width:440px){.scroll-target-group-demo-module__nyLYcG__section{grid-template-columns:1fr;min-block-size:19rem}.scroll-target-group-demo-module__nyLYcG__toc a{inline-size:8.5rem}}
.starting-style-demo-module__cuW2NG__root{gap:1rem;display:grid}.starting-style-demo-module__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}.starting-style-demo-module__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}.starting-style-demo-module__cuW2NG__copy{max-width:34rem;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.starting-style-demo-module__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}.starting-style-demo-module__cuW2NG__replayButton:hover{background:color-mix(in oklch, var(--accent) 22%, var(--bg));border-color:color-mix(in oklch, var(--accent) 68%, var(--line))}.starting-style-demo-module__cuW2NG__replayButton:active{transform:translateY(1px)}.starting-style-demo-module__cuW2NG__comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.starting-style-demo-module__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}.starting-style-demo-module__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}.starting-style-demo-module__cuW2NG__columnHeader p{color:var(--muted);margin:0;font-size:11px;font-weight:650}.starting-style-demo-module__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}.starting-style-demo-module__cuW2NG__statusDotActive{background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 16%, transparent)}.starting-style-demo-module__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}.starting-style-demo-module__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)}.starting-style-demo-module__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}.starting-style-demo-module__cuW2NG__notice h3{color:var(--fg);margin:0;font-size:12px;line-height:1.3}.starting-style-demo-module__cuW2NG__notice p{color:var(--muted);margin:.18rem 0 0;font-size:11px;line-height:1.35}.starting-style-demo-module__cuW2NG__noticeStarting{filter:saturate(1.12)}@starting-style{.starting-style-demo-module__cuW2NG__noticeStarting{opacity:0;filter:saturate(.6);translate:0 16px}}.starting-style-demo-module__cuW2NG__note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.starting-style-demo-module__cuW2NG__note code{color:var(--fg)}@media (max-width:620px){.starting-style-demo-module__cuW2NG__toolbar{flex-direction:column;align-items:stretch}.starting-style-demo-module__cuW2NG__replayButton{width:100%}.starting-style-demo-module__cuW2NG__comparison{grid-template-columns:1fr}}
.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__I2-M8G__toolbarCopy{color:var(--muted);font-size:12px;line-height:1.5;font-family:var(--font-mono,ui-monospace, monospace);margin:0}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__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))}.temporal-stage-4-demo-module__I2-M8G__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__I2-M8G__panelHead{gap:.35rem;display:grid}.temporal-stage-4-demo-module__I2-M8G__eyebrow{font-size:10px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;margin:0}.temporal-stage-4-demo-module__I2-M8G__eyebrowOld{color:var(--old-label)}.temporal-stage-4-demo-module__I2-M8G__eyebrowNew{color:var(--new-label)}.temporal-stage-4-demo-module__I2-M8G__title{color:var(--fg);margin:0;font-size:14px}.temporal-stage-4-demo-module__I2-M8G__text{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__I2-M8G__line span{color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.temporal-stage-4-demo-module__I2-M8G__line code{color:var(--fg);text-align:right;word-break:break-word}.temporal-stage-4-demo-module__I2-M8G__actions{gap:.55rem;display:grid}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__I2-M8G__runButton:hover{background:var(--run-button-hover-bg);transform:translateY(-1px)}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__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)}.temporal-stage-4-demo-module__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)}.temporal-stage-4-demo-module__I2-M8G__status{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.temporal-stage-4-demo-module__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}.temporal-stage-4-demo-module__I2-M8G__cleanupTitle{color:var(--fg);margin:0;font-size:12px}.temporal-stage-4-demo-module__I2-M8G__cleanupList{flex-wrap:wrap;gap:.5rem;display:flex}.temporal-stage-4-demo-module__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] .temporal-stage-4-demo-module__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){.temporal-stage-4-demo-module__I2-M8G__grid{grid-template-columns:1fr}}
.text-wrap-balance-demo-module__zzuA_W__root{gap:1rem;display:grid}.text-wrap-balance-demo-module__zzuA_W__panel{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 97%, black);border-radius:.45rem;padding:1rem}.text-wrap-balance-demo-module__zzuA_W__panelHead{gap:.35rem;margin-bottom:.85rem;display:grid}.text-wrap-balance-demo-module__zzuA_W__title{color:var(--fg);margin:0;font-size:13px}.text-wrap-balance-demo-module__zzuA_W__text{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.text-wrap-balance-demo-module__zzuA_W__text code{color:var(--fg)}.text-wrap-balance-demo-module__zzuA_W__comparison{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.text-wrap-balance-demo-module__zzuA_W__column{border:1px solid var(--line);background:var(--bg);border-radius:.35rem;padding:.75rem}.text-wrap-balance-demo-module__zzuA_W__columnActive{border-color:color-mix(in oklch, var(--accent) 58%, var(--line))}.text-wrap-balance-demo-module__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}.text-wrap-balance-demo-module__zzuA_W__labelActive{color:var(--accent)}.text-wrap-balance-demo-module__zzuA_W__demoHeading{color:var(--fg);margin:0;font-size:20px;font-weight:600;line-height:1.3}.text-wrap-balance-demo-module__zzuA_W__balanced{text-wrap:balance}.text-wrap-balance-demo-module__zzuA_W__demoParagraph{color:var(--fg);margin:0;font-size:13px;line-height:1.7}.text-wrap-balance-demo-module__zzuA_W__pretty{text-wrap:pretty}.text-wrap-balance-demo-module__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}.text-wrap-balance-demo-module__zzuA_W__orphanHighlight code{color:var(--fg);font-family:inherit}@media (max-width:620px){.text-wrap-balance-demo-module__zzuA_W__comparison{grid-template-columns:1fr}}