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