.experiment-catalog>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(5rem,1fr) minmax(0,3fr);gap:1.5rem;padding-block:1rem;display:grid}.experiment-catalog dt,.experiment-options legend,.waiting-examples h2{letter-spacing:normal;font-size:16px;font-weight:400}.experiment-catalog dd,.experiment-note{color:var(--muted-foreground);font-size:16px;line-height:1.45}.experiment-playground{border:1px solid var(--border)}.experiment-disclosure{text-align:left;cursor:pointer;align-items:center;gap:.75rem;width:100%;min-height:76px;padding:1rem;transition:background-color .24s;display:flex}.experiment-disclosure:hover{background:var(--muted)}.experiment-disclosure>svg{flex-shrink:0}.experiment-disclosure-copy{flex:1;gap:.25rem;min-width:0;display:grid}.experiment-disclosure-description,.experiment-disclosure-action{color:var(--muted-foreground);font-size:14px;line-height:1.4}.experiment-panel{height:var(--collapsible-panel-height);transition:height .3s,opacity .24s;overflow:clip}.experiment-panel[data-starting-style],.experiment-panel[data-ending-style]{opacity:0;height:0}.experiment-controls{border-top:1px solid var(--border);gap:1.5rem;padding:1.5rem;display:grid}.experiment-controls>*{min-width:0}.experiment-controls .experiment-note{font-size:14px}.experiment-controls output:empty{display:none}.experiment-options{border:0;flex-wrap:wrap;column-gap:1.5rem;min-width:0;display:flex}.experiment-options legend{margin-bottom:.5rem}.experiment-options label{cursor:pointer;align-items:center;gap:.5rem;min-height:44px;display:inline-flex}.experiment-options input{accent-color:var(--foreground)}.experiment-button,.experiment-select select{border:1px solid var(--border);background:var(--background);min-height:44px;color:var(--foreground);padding:.6rem .9rem;font-size:16px;font-weight:400;line-height:1.45}.experiment-button{cursor:pointer;justify-self:start;transition:border-color .24s}.experiment-button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--foreground)}.experiment-button:disabled,.experiment-button[aria-disabled=true],.experiment-select select:disabled{opacity:.6;cursor:default}.experiment-playground :is(button,select,input,summary,[tabindex]):focus-visible,.experiment-disclosure:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}.experiment-select{justify-items:start;gap:.5rem;display:grid}.experiment-actions{flex-wrap:wrap;gap:.75rem;display:flex}.spring-track{border-block:1px solid var(--border);justify-content:center;align-items:center;min-width:0;height:144px;display:flex;position:relative}.spring-track:before{content:"";background:var(--border);height:1px;position:absolute;inset-inline:0}.spring-origin{background:var(--border);width:1px;height:64px;position:absolute}.spring-puck{background:var(--foreground);width:48px;height:48px;color:var(--background);cursor:grab;touch-action:pan-y;border-radius:50%;place-items:center;display:grid}.spring-puck:active{cursor:grabbing}.ink-swatch{border-radius:50%;width:12px;height:12px}.ink-sample{border-block:1px solid var(--border);padding-block:1.5rem;line-height:1.45}.ink-sample::selection,.selection-ink-ready .ink-sample[data-highlight-exclude]::selection{background:color-mix(in srgb, var(--selection-color) 40%, var(--background));color:var(--foreground)}.waiting-examples{gap:1.5rem;display:grid}.waiting-examples section{border-bottom:1px solid var(--border);padding-bottom:1rem}.waiting-preview{align-items:center;min-height:90px;display:flex}.waiting-skeleton{gap:.5rem;width:100%;display:grid}.waiting-skeleton [data-slot=skeleton]{background:var(--border);height:10px}.waiting-skeleton [data-slot=skeleton]:nth-child(2){width:80%}.waiting-skeleton [data-slot=skeleton]:last-child{width:55%}.waiting-progress{align-items:center;gap:1rem;width:100%;display:flex}.waiting-progress progress{appearance:none;background:var(--border);border:none;width:100%;height:6px}.waiting-progress progress::-webkit-progress-bar{background:var(--border)}.waiting-progress progress::-webkit-progress-value{background:var(--foreground)}.waiting-progress progress::-moz-progress-bar{background:var(--foreground)}.waiting-progress span{font-variant-numeric:tabular-nums;min-width:4ch;font-size:16px}@media (max-width:360px){.experiment-catalog>div{grid-template-columns:1fr;gap:.5rem}}@media (prefers-reduced-motion:reduce){.experiment-button{transition:none}}@media (forced-colors:active){.ink-sample::selection,.selection-ink-ready .ink-sample[data-highlight-exclude]::selection{color:highlighttext;background:highlight}.spring-puck{border:1px solid buttontext}.waiting-skeleton [data-slot=skeleton]{background:graytext}}.experiment-chevron{transition:transform .24s}.experiment-disclosure[data-panel-open] .experiment-chevron{transform:rotate(180deg)}.waiting-progress [data-slot=progress-track]{background:var(--border);height:6px}.waiting-progress [data-slot=progress-indicator]{background:var(--foreground);transition:none}.easing-lanes{gap:1.5rem;display:grid}.easing-lane{gap:1rem;display:grid}.easing-track{height:32px;margin-right:32px;position:relative}.easing-track:before{content:"";background:var(--border);height:1px;position:absolute;top:15px;left:0;right:-32px}.easing-traveler{background:var(--foreground);border-radius:50%;width:32px;height:32px;transition-property:left;position:absolute}.reordering-list{padding:0;list-style:none}.reordering-list li{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:.75rem;min-height:64px;display:flex}.reordering-position{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:14px}.reordering-thought{flex:1;min-width:0}.reordering-actions{flex-shrink:0;display:flex}.reordering-arrow{cursor:pointer;width:44px;height:44px;color:var(--foreground);place-items:center;transition:background-color .24s;display:grid}.reordering-arrow:hover:not([aria-disabled=true]){background:var(--muted)}.reordering-arrow[aria-disabled=true]{opacity:.4;cursor:default}.rhythm-sample{border-block:1px solid var(--border);gap:1em;padding-block:1.5rem;display:grid}@media (prefers-reduced-motion:reduce){.easing-traveler,.reordering-arrow{transition:none}}@media (forced-colors:active){.easing-traveler{background:canvastext}}.experiment-options [data-slot=radio-group]{gap:.5rem}.experiment-options label{border:1px solid var(--border);padding:.5rem .75rem;transition:background-color .24s,border-color .24s}.experiment-options label:has([data-checked]){background:var(--muted);border-color:var(--foreground)}.experiment-options label:hover{background:var(--muted)}.experiment-options legend{color:var(--muted-foreground);font-size:14px}.sliding-tabs-list{border-bottom:1px solid var(--border);display:flex;position:relative}.sliding-tab{min-height:48px;color:var(--muted-foreground);cursor:pointer;flex:1;padding:.75rem;transition:color .24s}.sliding-tab[data-active],.sliding-tab:hover{color:var(--foreground)}.sliding-tab-indicator{height:2px;width:var(--active-tab-width);background:var(--foreground);transform:translateX(var(--active-tab-left));transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:0}.sliding-tab-panel{min-height:200px;padding-block:1.5rem;line-height:1.45}.sliding-tab-panel h2{margin-bottom:.75rem;font-size:16px;font-weight:400}.sliding-tab-panel p{color:var(--muted-foreground)}@media (max-width:480px){.experiment-controls{padding:1rem}.experiment-disclosure-action{display:none}.experiment-disclosure{gap:.5rem}.sliding-tab-panel{min-height:248px}}@media (prefers-reduced-motion:reduce){.experiment-panel,.experiment-disclosure,.experiment-chevron,.experiment-options label,.sliding-tab,.sliding-tab-indicator{transition:none}}