:root:has(.examples-route){--ex-rail:70rem;--ex-gutter:clamp(1.25rem, 4vw, 2rem);--ex-col-gap:4rem;--ex-section-pad:clamp(4rem, 8vw, 6rem);--ex-line:color-mix(in oklch, var(--border) 88%, var(--accent));--ex-line-strong:color-mix(in oklch, var(--border) 70%, var(--accent));--ex-surface:color-mix(in oklch, var(--background) 94%, var(--secondary));--ex-surface-raised:color-mix(in oklch, var(--background) 88%, var(--secondary))}.examples-route .ex-rail{width:100%;max-width:var(--ex-rail);padding-inline:var(--ex-gutter);margin-inline:auto}.examples-route .ex-section{z-index:2;padding-block:var(--ex-section-pad);position:relative}.examples-route .ex-section+.ex-section{border-top:1px solid var(--ex-line)}@media (prefers-reduced-motion:reduce){.examples-route *,.examples-route :before,.examples-route :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
.bzZ0uG_storyGrid{align-items:start;gap:clamp(2rem,5vw,3rem);display:grid}.bzZ0uG_storyCopy{align-content:start;gap:1rem;min-inline-size:0;display:grid}.bzZ0uG_storyEyebrow{color:color-mix(in oklch, var(--accent) 80%, var(--foreground));font-size:var(--public-eyebrow-size);font-weight:var(--public-eyebrow-weight);letter-spacing:var(--public-eyebrow-letter-spacing);text-transform:uppercase;margin:0}.bzZ0uG_storyHeading{max-inline-size:18ch;color:var(--foreground);font-family:var(--public-section-title-family);font-size:var(--public-section-title-size);font-weight:var(--public-section-title-weight);line-height:var(--public-section-title-line-height);letter-spacing:var(--public-section-title-letter-spacing);text-wrap:balance;margin:0}.bzZ0uG_storyLede{max-inline-size:42ch;color:var(--muted-foreground);font-size:var(--public-section-copy-size);font-weight:var(--public-section-copy-weight);line-height:var(--public-section-copy-line-height);margin:0}.bzZ0uG_accordion{border-block-start:1px solid var(--ex-line);margin-block-start:.75rem}.bzZ0uG_accordionItem{border-block-end:1px solid var(--ex-line)}.bzZ0uG_accordionHeading{font:inherit;margin:0}.bzZ0uG_accordionTrigger{min-block-size:2.75rem;inline-size:100%;color:var(--foreground);font-size:var(--public-item-title-size);font-weight:var(--public-item-title-weight);line-height:var(--public-item-title-line-height);text-align:start;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem;transition:color .16s;display:flex}.bzZ0uG_accordionTrigger:hover{color:color-mix(in oklch, var(--accent) 55%, var(--foreground))}.bzZ0uG_accordionTrigger:focus-visible{outline:2px solid color-mix(in oklch, var(--accent) 75%, var(--foreground));outline-offset:3px}.bzZ0uG_accordionMarker{block-size:.85rem;inline-size:.85rem;color:var(--muted-foreground);flex:none;position:relative}.bzZ0uG_accordionMarker:before,.bzZ0uG_accordionMarker:after{content:"";background:currentColor;border-radius:999px;block-size:1.5px;inline-size:100%;transition:transform .28s cubic-bezier(.32,.72,0,1);position:absolute;inset-block-start:50%;inset-inline-start:0}.bzZ0uG_accordionMarker:after{transform:rotate(90deg)}.bzZ0uG_accordionTrigger[aria-expanded=true] .bzZ0uG_accordionMarker{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.bzZ0uG_accordionTrigger[aria-expanded=true] .bzZ0uG_accordionMarker:after{transform:rotate(0)}.bzZ0uG_accordionPanel{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.32,.72,0,1),visibility .28s;display:grid}.bzZ0uG_accordionPanel[data-open=true]{visibility:visible;grid-template-rows:1fr}.bzZ0uG_accordionPanelInner{min-block-size:0;overflow:hidden}.bzZ0uG_accordionPanel p{min-block-size:4.5rem;max-inline-size:46ch;color:var(--muted-foreground);font-size:var(--public-item-copy-size);font-weight:var(--public-item-copy-weight);line-height:var(--public-item-copy-line-height);opacity:0;margin:0;padding-block-end:1.1rem;transition:opacity .2s}.bzZ0uG_accordionPanel[data-open=true] p{opacity:1;transition-delay:90ms}.bzZ0uG_storyProductFrame{border:1px solid color-mix(in oklch, var(--border) 82%, var(--accent));border-radius:calc(var(--radius) * 2);background:linear-gradient(180deg, color-mix(in oklch, white 20%, var(--background)), color-mix(in oklch, var(--background) 90%, var(--secondary)));min-block-size:clamp(20rem,38vw,34rem);min-inline-size:0;box-shadow:0 24px 70px color-mix(in oklch, var(--primary) 7%, transparent), inset 0 1px 0 #ffffff47;padding:clamp(.95rem,2vw,1.3rem)}@supports (color:lab(0% 0 0)){.bzZ0uG_storyProductFrame{box-shadow:0 24px 70px color-mix(in oklch, var(--primary) 7%, transparent), inset 0 1px 0 lab(100% 0 0/.28)}}.dark .bzZ0uG_storyProductFrame{background:linear-gradient(180deg, color-mix(in oklch, var(--card) 92%, var(--background)), color-mix(in oklch, var(--background) 88%, var(--secondary)))}.bzZ0uG_storyPanelSwap{min-inline-size:0;animation:.32s cubic-bezier(.32,.72,0,1) both bzZ0uG_exPanelIn}@keyframes bzZ0uG_exPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bzZ0uG_panelStack{align-content:start;gap:.85rem;min-inline-size:0;display:grid}.bzZ0uG_panelHeading{gap:.25rem;display:grid}.bzZ0uG_panelHeading h3{color:var(--foreground);margin:0;font-size:.98rem;font-weight:650;line-height:1.3}.bzZ0uG_panelHeading p{color:var(--muted-foreground);margin:0;font-size:.84rem;line-height:1.5}.bzZ0uG_panelFootnote{color:var(--muted-foreground);margin:0;font-size:.8rem}.bzZ0uG_panelGradeHead{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-inline-size:0;display:flex}.bzZ0uG_panelGradeKey{border:1px solid color-mix(in oklch, var(--accent) 35%, var(--ex-line));border-radius:calc(var(--radius) * .8);background:color-mix(in oklch, var(--accent) 10%, transparent);block-size:1.6rem;color:color-mix(in oklch, var(--accent) 84%, var(--foreground));align-items:center;padding-inline:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.bzZ0uG_panelGradeScore{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:650}.bzZ0uG_panelGradeFlag{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;font-weight:650;display:inline-flex}.bzZ0uG_criterionList{gap:.55rem;min-inline-size:0;display:grid}.bzZ0uG_criterionEditor{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.bzZ0uG_criterionEditor em{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));font-style:normal;font-weight:650}.bzZ0uG_scoreStrip{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));flex-wrap:wrap;gap:.75rem 2rem;padding:.75rem .9rem;display:flex}.bzZ0uG_scoreStrip div{gap:.1rem;display:grid}.bzZ0uG_scoreStrip span{color:var(--muted-foreground);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.bzZ0uG_scoreStrip strong{color:var(--foreground);font-family:var(--font-numeral), sans-serif;font-size:1.5rem;line-height:1}.bzZ0uG_scoreStripLive strong{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.bzZ0uG_patternList{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.bzZ0uG_patternRow{grid-template-columns:2.5rem minmax(3rem,1fr) auto auto;align-items:center;gap:.7rem;display:grid}.bzZ0uG_patternKey{color:var(--foreground);font-size:.8rem;font-weight:700}.bzZ0uG_patternBar,.bzZ0uG_patternBarFlagged{background:color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:999px;block-size:.45rem;overflow:hidden}.bzZ0uG_patternBar>span,.bzZ0uG_patternBarFlagged>span{border-radius:999px;block-size:100%;display:block}.bzZ0uG_patternBar>span{background:color-mix(in oklch, var(--foreground) 42%, transparent)}.bzZ0uG_patternBarFlagged>span{background:var(--accent)}.bzZ0uG_patternScore{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:.78rem}.bzZ0uG_patternFlag,.bzZ0uG_patternClear{white-space:nowrap;align-items:center;gap:.3rem;font-size:.72rem;font-weight:650;display:inline-flex}.bzZ0uG_patternFlag{color:color-mix(in oklch, var(--accent) 82%, var(--foreground))}.bzZ0uG_patternClear{color:var(--muted-foreground)}.bzZ0uG_answerExcerpt{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));min-inline-size:0;color:var(--foreground);gap:.55rem;padding:.9rem 1rem;display:grid}.bzZ0uG_answerExcerpt h4{margin:0;font-size:1.05rem;font-weight:650;line-height:1.3}.bzZ0uG_answerExcerpt h5{margin:0;font-size:.88rem;font-weight:750}.bzZ0uG_answerExcerpt p{color:var(--muted-foreground);margin:0;font-size:.9rem;line-height:1.6}.bzZ0uG_answerExcerpt ul,.bzZ0uG_answerExcerpt ol{color:var(--muted-foreground);gap:.5rem;margin:0;padding-inline-start:1.15rem;font-size:.88rem;line-height:1.55;display:grid}.bzZ0uG_answerExcerpt strong{color:var(--foreground)}.bzZ0uG_queueList{gap:.5rem;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.bzZ0uG_queueItem{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.7rem .8rem;display:grid}.bzZ0uG_queueRank{background:color-mix(in oklch, var(--foreground) 8%, transparent);block-size:1.5rem;inline-size:1.5rem;color:var(--muted-foreground);border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.bzZ0uG_queueBody{gap:.35rem;min-inline-size:0;display:grid}.bzZ0uG_queueRecoverable{color:var(--muted-foreground);margin:0;font-size:.78rem}.bzZ0uG_feedbackCard{border:1px solid var(--ex-line);border-radius:calc(var(--radius) * 1.2);background:color-mix(in oklch, var(--card) 88%, var(--background));gap:.7rem;min-inline-size:0;padding:.9rem 1rem;display:grid}.bzZ0uG_feedbackHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.bzZ0uG_feedbackKey{min-inline-size:0;color:var(--foreground);overflow-wrap:anywhere;font-size:.85rem;font-weight:700}.bzZ0uG_feedbackScore{color:var(--muted-foreground);align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.bzZ0uG_feedbackRationale{color:var(--muted-foreground);overflow-wrap:anywhere;margin:0;font-size:.85rem;line-height:1.6}.bzZ0uG_feedbackDirty{color:color-mix(in oklch, var(--accent) 82%, var(--foreground));margin:0;font-size:.78rem;font-weight:650}.bzZ0uG_heroPreview{border:1px solid var(--hero-line);border-radius:calc(var(--radius) * 2);background:color-mix(in oklch, var(--hero-bg-start) 58%, transparent);inline-size:100%;color:var(--hero-foreground);text-align:start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:.9rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid;box-shadow:inset 0 1px #ffffff1f,0 24px 70px #0000002e;box-shadow:inset 0 1px lab(100% 0 0/.12),0 24px 70px lab(0% 0 0/.18)}.bzZ0uG_heroPreviewBar{border-block-end:1px solid var(--hero-line);justify-content:space-between;align-items:center;gap:.75rem;padding-block-end:.85rem;display:flex}.bzZ0uG_heroPreviewBar>div{gap:.1rem;min-inline-size:0;display:grid}.bzZ0uG_heroPreviewBar strong{color:var(--hero-foreground);font-size:.95rem;font-weight:650}.bzZ0uG_heroPreviewStatus{color:var(--hero-foreground);white-space:nowrap;background:#ffffff24;background:lab(100% 0 0/.14);border:1px solid #ffffff4d;border:1px solid lab(100% 0 0/.3);border-color:oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3) oklch(100% 5.96046e-8 none/.3);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:650;display:inline-flex}.bzZ0uG_heroPreviewBar span{color:var(--hero-muted);font-size:.78rem}.bzZ0uG_heroPreviewBody{align-items:center;gap:1rem;display:grid}.bzZ0uG_heroPreviewScore{gap:.15rem;display:grid}.bzZ0uG_heroPreviewScore span{color:var(--hero-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.bzZ0uG_heroPreviewScore strong{color:var(--hero-foreground);font-family:var(--font-numeral), sans-serif;font-size:clamp(2.4rem,7vw,3.1rem);line-height:1}.bzZ0uG_heroPreviewStats{gap:.55rem;margin:0;display:grid}.bzZ0uG_heroPreviewStats>div{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.bzZ0uG_heroPreviewStats dt{color:var(--hero-muted);font-size:.8rem}.bzZ0uG_heroPreviewStats dd{color:var(--hero-foreground);margin:0;font-size:.85rem;font-weight:650}.bzZ0uG_heroPreviewQuestions{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.bzZ0uG_heroPreviewChip,.bzZ0uG_heroPreviewChipFlagged{border:1px solid var(--hero-line);border-radius:999px;align-items:baseline;gap:.3rem;padding:.28rem .5rem;font-size:.72rem;display:inline-flex}.bzZ0uG_heroPreviewChip span,.bzZ0uG_heroPreviewChipFlagged span{color:var(--hero-muted);font-weight:700}.bzZ0uG_heroPreviewChip strong,.bzZ0uG_heroPreviewChipFlagged strong{color:var(--hero-foreground);font-variant-numeric:tabular-nums;font-weight:600}.bzZ0uG_heroPreviewChipFlagged{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 16%, transparent)}.bzZ0uG_heroPreviewCaption{color:var(--hero-copy);margin:0;font-size:.78rem;line-height:1.5}@media (min-width:960px){.bzZ0uG_storyGrid{column-gap:var(--ex-col-gap);grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.bzZ0uG_storyProductFirst .bzZ0uG_storyCopy{order:2}.bzZ0uG_storyProductFirst .bzZ0uG_storyProductFrame{order:1}.bzZ0uG_storyProductFirst .bzZ0uG_storyGrid{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)}.bzZ0uG_heroPreviewBody{grid-template-columns:auto minmax(0,1fr);column-gap:2rem}}@media (max-width:959px){.bzZ0uG_storyProductFrame,.bzZ0uG_accordionPanel p{min-block-size:0}}@media (max-width:520px){.bzZ0uG_patternRow{grid-template-columns:2.25rem minmax(2rem,1fr) auto}.bzZ0uG_patternFlag,.bzZ0uG_patternClear{grid-column:1/-1;justify-content:flex-end}}