@layer lab{.lab{padding-block:var(--space-6) var(--space-7)}.lab__intro{justify-content:space-between;align-items:end;gap:var(--space-5);flex-wrap:wrap;margin-block-end:var(--space-6);display:flex}.lab__title{font-size:var(--text-2xl);margin-block:var(--space-2)}.lab__lede{color:var(--text-2);max-inline-size:60ch}.impl-switch{gap:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);grid-auto-flow:column;display:inline-grid}.impl-switch__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);color:var(--text-2);gap:.1rem;min-inline-size:min(9.5rem,100%);text-decoration:none;display:grid}@media (width<=40rem){.impl-switch{grid-auto-columns:minmax(0,1fr);inline-size:100%}}.impl-switch__link:hover{background:var(--surface-strong);color:var(--text)}.impl-switch__link[aria-current=page]{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent-border)}.impl-switch__label{font-weight:650}.impl-switch__note{font-family:var(--font-mono);color:var(--text-3);font-size:.7rem}.impl-switch__link[aria-current=page] .impl-switch__note{color:var(--text-2)}.lab__grid{gap:var(--space-5);align-items:start;display:grid}@media (width>=64rem){.lab__grid{grid-template-columns:minmax(18rem,21rem) minmax(0,1fr)}.lab__rail{max-block-size:calc(100dvh - var(--header-offset) - var(--space-5));overscroll-behavior:contain;scrollbar-width:thin;padding-inline-end:var(--space-1);position:sticky;inset-block-start:calc(var(--header-offset) + var(--space-2));overflow-y:auto}.lab__rail-toggle{display:none}}.lab__stage{gap:var(--space-5);min-inline-size:0;display:grid}.lab__rail-toggle{inline-size:100%;justify-content:space-between;margin-block-end:var(--space-3)}.lab__rail-toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media (width<=63.99rem){.js .lab__rail-body:not([data-open=true]){display:none}}html:not(.js) .lab__rail-toggle{display:none}.lab__rail-body{gap:var(--space-4);display:grid}.panel{padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-card)}.panel__title{font-size:var(--text-sm);color:var(--text);margin-block-end:var(--space-3);font-weight:650}.controls{gap:var(--space-4);display:grid}.presets{gap:var(--space-2);border:0;padding:0;display:grid}.preset{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);grid-template-columns:auto 1fr;align-items:start;display:grid}.preset:hover{border-color:color-mix(in srgb, var(--text) 18%, transparent)}.preset:has(input:checked){border-color:var(--accent-border);background:var(--accent-subtle);border-inline-start:3px solid var(--accent-line)}.preset:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.preset input{accent-color:var(--accent);block-size:1rem;inline-size:1rem;margin-block-start:.3rem}.preset input:focus-visible{outline:none}.preset__body{gap:.1rem;display:grid}.preset__title{font-weight:600;font-size:var(--text-sm)}.preset__summary{color:var(--text-3);font-size:var(--text-xs);line-height:1.45}.tune{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.tune__summary{align-items:center;gap:var(--space-2);padding:var(--space-3);font-weight:600;font-size:var(--text-sm);cursor:pointer;list-style-position:inside;display:flex}.tune__custom{color:var(--text-3);font-size:var(--text-xs);font-weight:500}.tune__body{gap:var(--space-4);padding:0 var(--space-3) var(--space-3);display:grid}.field{gap:var(--space-2);font-size:var(--text-sm);border:0;padding:0;display:grid}.field legend,.field label,.field__stack>span{color:var(--text-2);font-weight:550;font-size:var(--text-xs)}.field legend{margin-block-end:var(--space-2)}.field__row{justify-content:space-between;align-items:baseline;display:flex}.field__value{font-size:var(--text-xs);color:var(--accent-ink)}.field__hint{color:var(--text-3);font-size:.72rem;line-height:1.4}.field--split{gap:var(--space-3);grid-template-columns:1fr 1fr}.field__stack{gap:var(--space-1);display:grid}.field__stack .select{inline-size:100%;min-inline-size:0}.range{inline-size:100%;accent-color:var(--accent);cursor:pointer;block-size:24px}.segmented__options{border-radius:var(--radius-control);background:var(--bg-deep);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.segmented__option{display:grid;position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-block-size:32px;padding-inline:var(--space-2);border-radius:calc(var(--radius-control) - 3px);font-size:var(--text-xs);color:var(--text-2);text-align:center;place-items:center;font-weight:600;display:grid}.segmented__option input:checked+span{background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent-border)}.segmented__option input:focus-visible+span{outline:3px solid var(--focus);outline-offset:1px}@media (forced-colors:active){.segmented__option input:checked+span{outline:2px solid highlight}}.controls__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.controls__actions .btn--primary{flex:1}.explain{gap:var(--space-3);display:grid}.explain .panel__title{margin-block-end:0}.explain__item h3{font-size:var(--text-xs);color:var(--accent-ink);margin-block-end:var(--space-1);font-weight:650}.explain__item p{font-size:var(--text-sm);color:var(--text-2);line-height:1.55}.explain__more{font-size:var(--text-sm);font-weight:600}.stage{min-inline-size:0}.inspector{padding:0;overflow:hidden}.inspector__head{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);background:var(--surface);flex-wrap:wrap;display:flex}.inspector__head .panel__title{margin:0}.inspector__clear{margin-inline-start:auto}.tabs{gap:var(--space-1);flex-wrap:wrap;display:flex}.tabs__tab{align-items:center;gap:var(--space-2);min-block-size:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-control);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;background:0 0;border:1px solid #0000;font-weight:550;display:inline-flex}.tabs__tab:hover{color:var(--text);background:var(--surface-strong)}.tabs__tab[aria-selected=true]{color:var(--text);background:var(--bg-card);border-color:var(--accent-border)}.tabs__count{font-family:var(--font-mono);text-align:center;color:var(--text-3);font-size:.7rem}.tabs__tab[aria-selected=true] .tabs__count{color:var(--accent-ink)}.inspector__panel{padding:var(--space-3) var(--space-4) var(--space-4)}.inspector__panel:focus-visible{outline-offset:-3px}.inspector__hint{color:var(--text-3);font-size:var(--text-xs);margin-block-end:var(--space-3)}.focus-now{font-size:var(--text-sm);color:var(--text-2);margin-block-end:var(--space-3)}.focus-now code{color:var(--accent-ink)}.log{max-block-size:16rem;font-family:var(--font-mono);scrollbar-width:thin;gap:2px;margin:0;padding:0;font-size:.78rem;list-style:none;display:grid;overflow-y:auto}.log:empty:before{content:attr(data-empty);color:var(--text-3);font-family:var(--font-sans);font-size:var(--text-sm)}.log__entry{gap:var(--space-3);padding:.35rem var(--space-2);border-radius:var(--radius-small);animation:log-in var(--duration) var(--ease-out);grid-template-columns:4.2rem 5.4rem 1fr;align-items:baseline;display:grid}.log__entry:first-child{background:var(--accent-subtle)}.log__time{color:var(--text-3);text-align:end}.log__kind{color:var(--accent-ink);font-size:.72rem}.log__entry[data-tone=good] .log__kind{color:var(--success)}.log__entry[data-tone=warn] .log__kind{color:var(--warning)}.log__entry[data-tone=bad] .log__kind{color:var(--danger)}.log__text{color:var(--text);overflow-wrap:anywhere}@media (width<=30rem){.log__entry{grid-template-columns:3.6rem 1fr}.log__kind{display:none}}@keyframes log-in{0%{transform:translateY(-3px)}}.tl{--label-w:7.5rem;gap:var(--space-4);margin-block-start:var(--space-4);display:grid;container:timeline/inline-size}@container timeline (width<=34rem){.tl__plot,.tl__scrub-row{--label-w:4.75rem}.tl__label{font-size:.6875rem}}.tl__head{justify-content:space-between;align-items:start;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.tl__intro{flex:22rem}.tl__intro .panel__title{margin-block-end:var(--space-1)}.tl__hint{max-inline-size:62ch;font-size:var(--text-sm);color:var(--text-2)}.tl__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tl__live[aria-pressed=true]{--btn-bg:var(--accent-subtle);--btn-border:var(--accent-line)}.tl__live[aria-pressed=true] svg{color:var(--accent-ink)}.tl__plot{grid-template-columns:var(--label-w) minmax(0, 1fr);row-gap:var(--space-2);grid-template-rows:1.5rem 2.5rem 1.5rem 1.5rem;align-items:center;display:grid}.tl__label{font-size:var(--text-xs);color:var(--text-2);grid-column:1;padding-inline-end:var(--space-2);font-weight:600;line-height:1.2}.tl__label[data-lane=screen]{grid-row:2}.tl__label[data-lane=heard]{grid-row:3}.tl__label[data-lane=focus]{grid-row:4}.tl__track{border-radius:4px;grid-column:2;block-size:100%;position:relative}[data-tl-track=screen]{background:color-mix(in srgb, var(--text) 5%, transparent);grid-row:2}[data-tl-track=heard]{grid-row:3}[data-tl-track=focus]{grid-row:4}[data-tl-track=heard],[data-tl-track=focus]{border-block-end:1px dashed color-mix(in srgb, var(--text) 18%, transparent);border-radius:0;align-self:start;block-size:50%}.tl__axis{pointer-events:none;grid-area:1/2/-1;align-self:stretch;position:relative}.tl__tick{justify-content:center;inline-size:0;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--x)}.tl__tick:first-child{justify-content:flex-start}.tl__tick--end{justify-content:flex-end}.tl__tick>span{block-size:1.5rem;font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--text-2);padding-inline:.125rem;font-weight:650}.tl__tick:after{content:"";background:color-mix(in srgb, var(--text) 12%, transparent);inline-size:1px;position:absolute;inset-block:1.5rem 0}.tl__span{inline-size:max(2px, calc(var(--b) - var(--a)));padding-inline:var(--space-2);border-inline-start:2px solid var(--bg-card);background:color-mix(in srgb, var(--text) var(--ink,10%), transparent);color:var(--text);align-items:center;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--a);overflow:hidden}.tl__span:first-child{border-inline-start:0;border-start-start-radius:4px;border-end-start-radius:4px}.tl__span[data-screen=nothing]{--ink:0%}.tl__span[data-screen=placeholders]{--ink:16%}.tl__span[data-screen=slowNotice]{--ink:24%}.tl__span[data-screen=cancelOffered]{--ink:34%}.tl__span[data-screen=retrying]{--ink:55%;color:var(--bg)}.tl__span:is([data-screen=dashboard],[data-screen=empty]){background:var(--lime);color:var(--bio-black)}.tl__span[data-screen=empty]{background:color-mix(in srgb, var(--lime) 45%, var(--bg-card));color:var(--text)}.tl__span:is([data-screen=error],[data-screen=forbidden]){background:var(--text);color:var(--bg)}.tl__span[data-screen=cancelled]{box-shadow:inset 0 0 0 1.5px var(--text-3);color:var(--text-2);background:0 0}.tl__span-label{font-size:var(--text-xs);white-space:nowrap;font-weight:650;line-height:1.15}.tl__span-label[hidden],.tl__tick>span[hidden]{visibility:hidden;display:block}.tl__anchor{justify-content:center;align-items:center;inline-size:0;display:flex;position:absolute;inset-block:0;inset-inline-start:var(--x)}.tl__dot{block-size:.75rem;inline-size:.75rem;box-shadow:0 0 0 2px var(--bg-card);border-radius:50%;flex:none}.tl__dot--heard[data-politeness=polite]{border:2px solid var(--text);background:var(--bg-card)}.tl__dot--heard[data-politeness=assertive]{background:var(--text)}.tl__dot--focus{background:var(--lime);block-size:.7rem;inline-size:.7rem;box-shadow:0 0 0 1.5px var(--bio-black), 0 0 0 3px var(--bg-card);border-radius:2px;rotate:45deg}.tl__playhead{pointer-events:none;grid-area:1/2/-1;align-self:stretch;position:relative}.tl__playhead>.tl__anchor{--x:var(--p,0%);align-items:stretch}.tl__line{background:var(--text);inline-size:2px;box-shadow:0 0 0 1px var(--bg-card);flex:none;margin-block-start:1.25rem}.tl__line:before{content:"";background:var(--text);border-radius:50%;block-size:.6rem;inline-size:.6rem;position:absolute;inset-block-start:.875rem;inset-inline-start:-.3rem}[data-state=recording] .tl__line{position:relative}.tl:not([data-state=recording]) .tl__playhead{display:none}.tl__scrub-label{font-size:var(--text-xs);color:var(--text-2);margin-block-end:var(--space-1);font-weight:600;display:block}.tl__scrub-row{grid-template-columns:var(--label-w) minmax(0, 1fr);align-items:center;display:grid}.tl__steps{gap:var(--space-1);display:flex}.tl__range{--thumb:1.25rem;inline-size:calc(100% + var(--thumb));margin-inline:calc(var(--thumb) / -2);appearance:none;cursor:pointer;background:0 0;grid-area:1/2;block-size:2rem}.tl__range::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:3px;block-size:6px}.tl__range::-moz-range-track{background:color-mix(in srgb, var(--text) 16%, transparent);border-radius:3px;block-size:6px}.tl__range::-webkit-slider-thumb{inline-size:var(--thumb);block-size:var(--thumb);border:3px solid var(--bio-black);background:var(--lime);appearance:none;border-radius:50%;margin-block-start:calc((6px - var(--thumb)) / 2)}.tl__range::-moz-range-thumb{inline-size:calc(var(--thumb) - 6px);block-size:calc(var(--thumb) - 6px);border:3px solid var(--bio-black);background:var(--lime);border-radius:50%}.tl__range:focus-visible{outline:none}.tl__range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--focus-ring,var(--accent-line));outline-offset:2px}.tl__range:focus-visible::-moz-range-thumb{outline:3px solid var(--focus-ring,var(--accent-line));outline-offset:2px}.tl__moment{gap:var(--space-3);border-block-start:1px solid var(--border);padding-block-start:var(--space-3);display:grid}.tl__now{font-size:var(--text-lg);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-weight:740}.tl__facts{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));margin:0;display:grid}.tl__facts dt{font-size:var(--text-xs);color:var(--text-3);font-weight:600}.tl__facts dd{margin:var(--space-1) 0 0;font-size:var(--text-sm);font-weight:600}.tl__facts small{color:var(--text-3);font-weight:500;display:block}.tl__facts q:lang(es),.tl__facts q:lang(ar){quotes:"«" "»"}.btn--icon{min-block-size:32px;inline-size:32px;padding:0}.export{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card);max-block-size:min(90dvh,52rem);inline-size:min(56rem,100% - 2rem);color:var(--text);box-shadow:var(--shadow-glass-raised);margin:auto;padding:0}.export::backdrop{background:color-mix(in srgb, var(--bio-black) 62%, transparent)}.export__inner{gap:var(--space-3);padding:var(--space-5);display:grid}.export__title{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:740}.export__body{max-inline-size:68ch;font-size:var(--text-sm);color:var(--text-2)}.export__code{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg);max-block-size:min(48dvh,28rem);overflow:auto}.export__code pre{padding:var(--space-4);font-family:var(--font-mono);text-align:left;white-space:pre;margin:0;font-size:.78rem;line-height:1.55}.export__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.export__actions .btn--ghost{margin-inline-start:auto}}