.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}}
.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}
.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}}