.lab-muted{color:var(--text-muted)}.lab-label{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--text-muted);margin:0;display:block}.lab-instrument{isolation:isolate;position:relative;overflow:hidden}.lab-contours{z-index:-1;width:100%;height:900px;position:absolute;inset:0 0 auto}.lab-demo{max-width:var(--frame-w);flex-direction:column;gap:40px;margin:0 auto;padding:48px 20px 64px;display:flex}@media (min-width:640px){.lab-demo{padding-inline:32px}}@media (min-width:1024px){.lab-demo{padding:88px var(--frame-pad) 96px;flex-direction:row;align-items:flex-start;gap:56px}.lab-brief{flex:0 0 520px}}.lab-brief{flex-direction:column;align-items:stretch;gap:24px;min-width:0;display:flex}.lab-brief .sv-sheet-intro{gap:24px}.lab-brief .sv-sheet-intro-lead{max-width:500px}.lab-controls{flex-direction:column;gap:24px;display:flex}html:not(.js) .lab-controls{display:none}.lab-examples{flex-direction:column;gap:24px;display:flex}.lab-example{min-height:var(--tap);border:1px solid var(--deep-line);color:var(--deep-text);font:var(--type-label);text-align:left;cursor:pointer;background:0 0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.lab-example-state{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--deep-muted);flex-shrink:0}.lab-example[aria-pressed=true]{border-color:var(--accent-shoal);background:var(--deep-raised)}.lab-example[aria-pressed=true] .lab-example-state{color:var(--accent-shoal)}.lab-example:hover:not(:disabled){border-color:var(--deep-muted)}.lab-example[aria-pressed=true]:hover:not(:disabled){border-color:var(--accent-shoal)}.lab-example:disabled{cursor:not-allowed}.lab-example:disabled:not([aria-pressed=true]){opacity:.6}.lab-example:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lab-form{flex-direction:column;gap:10px;display:flex}.lab-form p{font:var(--type-small);margin:0}.lab-form a{color:var(--link)}.lab-form-pill{border:1px solid var(--deep-line);border-radius:var(--radius-pill);background:var(--deep-raised);align-items:center;gap:10px;padding:6px 6px 6px 16px;display:flex}.lab-form-pill:focus-within{outline:2px solid var(--focus);outline-offset:2px}.lab-textarea{min-width:0;min-height:28px;color:var(--deep-text);font:var(--type-base);resize:none;field-sizing:content;background:0 0;border:0;flex:auto;max-height:7lh;padding:0}.lab-textarea::placeholder{color:var(--deep-muted)}.lab-textarea:focus-visible{outline:none}.lab-run-btn{min-height:var(--tap);border-radius:var(--radius-pill);background:var(--accent-shoal);color:var(--deep-base);font:var(--type-label);cursor:pointer;border:0;flex-shrink:0;padding:0 18px}.lab-run-btn:disabled{cursor:not-allowed;opacity:.6}.lab-form>.lab-muted{font:var(--type-small)}.lab-note-line{max-width:500px;font:var(--type-small);color:var(--deep-muted);margin:0}.lab-note-line abbr{text-decoration:none}.lab-error{border:1px solid var(--deep-line);border-left:4px solid var(--danger);background:var(--deep-raised);font:var(--type-small);border-radius:10px;margin:0 0 16px;padding:12px 16px}.lab-run-wrap{flex:1 1 0;min-width:0}.lab-run{border:1px solid var(--deep-line);background:var(--deep-raised);color:var(--deep-text);border-radius:18px;overflow:hidden;container:lab-run/inline-size}.lab-run p{margin:0}.lab-run-head{border-bottom:1px solid var(--deep-line);padding:18px 20px}.lab-run-meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;flex-direction:column;gap:4px;display:flex}.lab-run-mode,.lab-run-replayed{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lab-run-mode{color:var(--accent-shoal)}.lab-run-replayed{color:var(--deep-muted)}@container lab-run (min-width:560px){.lab-run-meta{flex-direction:row;justify-content:space-between;gap:24px}.lab-run-replayed{flex-shrink:0}}.lab-reason{font:var(--type-small);color:var(--deep-muted);padding:16px 20px 0}.lab-question{flex-direction:column;gap:10px;padding:28px 20px 12px;display:flex}.lab-question-text{font:var(--type-mobile-display-s);letter-spacing:var(--tracking-mobile-display-s);overflow-wrap:anywhere}.lab-steps,.lab-steps-empty{margin:0;padding:12px 20px}.lab-steps{list-style:none}.lab-steps-empty{font:var(--type-small);color:var(--deep-muted)}.lab-step{border-top:1px solid var(--deep-line);align-items:flex-start;gap:20px;padding:18px 0;display:flex}.lab-step-n{border:1px solid var(--accent-shoal);background:var(--deep-base);width:34px;height:34px;color:var(--accent-shoal);font:var(--type-data);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.lab-run:not([data-trace]) .lab-step[data-current] .lab-step-n{background:var(--accent-shoal);color:var(--deep-base)}.lab-step[data-ok=false] .lab-step-n{border-style:dashed}.lab-step-body{flex-direction:column;flex:auto;gap:6px;min-width:0;display:flex}.lab-step-tool{font:var(--type-data);color:var(--accent-shoal);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lab-step-tool code{font:inherit}.lab-source{border:1px solid var(--deep-line);border-radius:var(--radius-tag);color:var(--deep-muted);padding:0 6px}.lab-step-args{font:var(--type-data);color:var(--deep-muted);overflow-wrap:anywhere}.lab-step-result{font:var(--type-base);overflow-wrap:anywhere}.lab-note{font:var(--type-small);color:var(--deep-muted);padding:0 20px 12px}.lab-run-foot{border-top:1px solid var(--deep-line);background:var(--deep-base);flex-direction:column;gap:16px;padding:24px 20px 32px;display:flex}.lab-answer{flex-direction:column;gap:10px;display:flex}.lab-answer .lab-label{color:var(--accent-shoal)}.lab-answer .lab-label:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:2px}.lab-answer-text{max-width:700px;font:var(--type-base);overflow-wrap:anywhere}.lab-run-details{margin-top:6px}.lab-datasets,.lab-items{font:var(--type-small);flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lab-datasets code,.lab-item-id{font:var(--type-data);color:var(--accent-shoal);overflow-wrap:anywhere}.lab-kind{border:1px solid var(--deep-line);border-radius:var(--radius-tag);font:var(--type-data);color:var(--deep-muted);padding:0 6px}.lab-items li{flex-direction:column;gap:2px;display:flex}.lab-h4{font:var(--type-label);margin:16px 0 8px}.lab-stats{font:var(--type-data);color:var(--deep-muted);flex-wrap:wrap;gap:4px 16px;margin:0;display:flex}.lab-stats div{gap:6px;display:flex}.lab-stats dd{color:var(--deep-text);font-variant-numeric:tabular-nums;margin:0}@media (min-width:640px){.lab-run-head,.lab-reason,.lab-question,.lab-steps,.lab-steps-empty,.lab-run-foot,.lab-note{padding-inline:28px}}@media (min-width:1024px){.lab-question-text{font:var(--type-display-s);letter-spacing:var(--tracking-display-s)}}.lab-how{max-width:var(--frame-w);flex-direction:column;gap:40px;margin:0 auto;padding:64px 20px 80px;display:flex}@media (min-width:640px){.lab-how{padding-inline:32px}}@media (min-width:1024px){.lab-how{padding:120px var(--frame-pad);gap:56px}}.lab-how-section{gap:inherit;flex-direction:column;display:flex}.lab-how-kicker{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:var(--accent);margin:0}.lab-loop{margin:0}.lab-loop-steps{grid-template-columns:1fr;gap:32px 0;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.lab-loop-steps{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.lab-loop-steps{grid-template-columns:repeat(4,1fr)}}.lab-loop-step{border-top:1px solid var(--sheet-text);flex-direction:column;gap:12px;padding:24px 24px 0 0;display:flex}.lab-loop-n{font:var(--type-data);color:var(--accent)}.lab-loop-title{font:var(--type-mobile-display-s);letter-spacing:var(--tracking-mobile-display-s);margin:0}.lab-loop-text{max-width:260px;font:var(--type-base);color:var(--text-muted);margin:0}@media (min-width:1024px){.lab-loop-title{font:var(--type-display-m);letter-spacing:var(--tracking-display-m)}}.lab-how-section>.lab-how-details{margin-top:0}.lab-how-details .lab-h3,.lab-eval-body .lab-h3{font:var(--type-h3);letter-spacing:var(--tracking-h3);margin:32px 0 12px}.lab-how-grid{gap:16px;margin-top:12px;display:grid}@media (min-width:768px){.lab-how-grid{grid-template-columns:1fr 1fr}}.lab-panel{border:1px solid var(--sheet-line);border-radius:var(--radius-card);background:var(--sheet-raised);padding:24px}.lab-panel .lab-h3{margin:0 0 12px}.lab-panel p{margin:0}.lab-eval{position:relative}.lab-eval-band{background:var(--tint-forest);color:var(--sheet-text);border-radius:14px;flex-direction:column;gap:8px;padding:24px;display:flex}.lab-eval-kicker{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;margin:0}.lab-eval-headline{font:var(--type-mobile-display-s);letter-spacing:var(--tracking-mobile-display-s);margin:0}.lab-eval-details{margin-top:16px;border:0!important}.lab-eval-open{list-style:none}.lab-eval-open::-webkit-details-marker{display:none}.lab-eval-close-label,.lab-eval-details[open] .lab-eval-open-label{display:none}.lab-eval-details[open] .lab-eval-close-label{display:inline}@media (min-width:1024px){.lab-eval-band{padding:28px 300px 28px 32px}.lab-eval-headline{font:var(--type-display-s);letter-spacing:var(--tracking-display-s)}.lab-eval-details{margin-top:0}.lab-eval-open{position:absolute;top:35px;right:32px}}.lab-eval-body{padding-top:32px}.lab-eval-lead{max-width:var(--measure);font:var(--type-lead);letter-spacing:var(--tracking-lead);color:var(--text-muted);margin:0}.lab-eval-body .lab-panel .lab-h3{margin:0 0 12px}.lab-eval-body .lab-panel p+p,.lab-eval-empty p+p{margin-top:12px}.lab-eval-body .lab-muted{margin:12px 0 0}.lab-eval-body code{font-family:var(--font-data);overflow-wrap:anywhere}.lab-eval-empty{max-width:var(--measure)}.lab-eval-meta{font:var(--type-data);color:var(--text-muted);overflow-wrap:anywhere;margin:0 0 12px}.lab-eval-provenance,.lab-eval-moved{margin:12px 0}.lab-eval-failures{overflow-wrap:anywhere}.lab-list{gap:var(--space-2);margin:0;padding-left:1.2em;display:grid}.lab-limits{margin-bottom:var(--space-4)}.lab-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.lab-table-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lab-table{border-collapse:collapse;width:100%;min-width:560px;font:var(--type-small)}.lab-table th,.lab-table td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.lab-table tbody tr:last-child>*{border-bottom:0}.lab-table thead th{font:var(--type-data);color:var(--text-muted);background:var(--surface-2);font-weight:500}.lab-table code{font-family:var(--font-data)}.lab-links{gap:var(--space-2) var(--space-5);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lab-table th[scope=row] code{white-space:nowrap}.lab-table caption{caption-side:bottom;text-align:left;padding:var(--space-3) var(--space-4)}.lab-table tfoot th,.lab-table tfoot td{border-top:1px solid var(--border);border-bottom:0;font-weight:600}.lab-details{border-top:1px solid var(--border);margin-top:16px}.lab-details:not([open]){border-bottom:1px solid var(--border)}.lab-summary{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) 0;cursor:pointer;font:var(--type-label);color:var(--text);list-style:none;display:flex}.lab-summary::-webkit-details-marker{display:none}.lab-summary:before{content:"";border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);flex-shrink:0;width:8px;height:8px;transform:rotate(-45deg)}.lab-details[open]>.lab-summary:before{transform:rotate(45deg)}@media screen and (prefers-reduced-motion:no-preference){.lab-summary:before{transition:transform var(--duration) var(--ease-out)}}.lab-summary:hover{color:var(--accent)}.lab-summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:2px}.lab-details[open]>.lab-summary{margin-bottom:var(--space-2)}.lab-details>.lab-how-grid:first-of-type{margin-top:var(--space-3)}
