.experiment-controls :is(h2,h3){font-weight:var(--weight-emphasis)}.experiment-note{color:var(--muted-foreground)}.experiment-playground{border:1px solid var(--border);border-radius:var(--radius-xl)}.experiment-controls{gap:1.5rem;padding:1.5rem;display:grid}.experiment-controls>*{min-width:0}.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{color:var(--muted-foreground);margin-bottom:.5rem}.experiment-options label{cursor:pointer;align-items:center;gap:.5rem;min-height:48px;display:inline-flex}.experiment-options input{accent-color:var(--foreground)}.experiment-button{justify-self:start}.experiment-playground :is(button,select,input,[tabindex]):focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.experiment-select{justify-items:start;gap:.5rem;display:grid}.experiment-actions{flex-wrap:wrap;gap:1rem;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:16px;height:16px}.ink-sample{padding-block:1.5rem}.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-preview{align-items:center;min-height:96px;display:flex}.waiting-skeleton{gap:.5rem;width:100%;display:grid}.waiting-skeleton [data-slot=skeleton]{background:var(--border);height:8px}.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:8px}.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}@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}}.waiting-progress [data-slot=progress-track]{background:var(--border);height:8px}.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;container-type:inline-size}.easing-track:before{content:"";background:var(--border);height:1px;position:absolute;top:50%;left:0;right:-32px;transform:translateY(-50%)}.easing-traveler{background:var(--foreground);border-radius:50%;width:32px;height:32px;transition-property:transform;position:absolute;left:0}.reordering-list{padding:0;list-style:none}.reordering-list li{border-bottom:1px solid var(--border);background:var(--background);align-items:center;gap:1rem;min-height:64px;display:flex}.reordering-position{color:var(--muted-foreground);font-size:var(--type-small);font-variant-numeric:tabular-nums}.reordering-thought{flex:1;min-width:0}.reordering-actions{flex-shrink:0;display:flex}.reordering-arrow{cursor:pointer;width:48px;height:48px;color:var(--foreground);transition:background-color var(--control-duration) var(--control-ease), var(--focus-transition);place-items:center;display:grid}.reordering-arrow:hover:not([aria-disabled=true]){background:var(--muted)}.reordering-arrow[aria-disabled=true]{opacity:.4;cursor:default}.rhythm-sample{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}.sliding-tabs-list{border-bottom:1px solid var(--border);display:flex;position:relative}.sliding-tab{cursor:pointer;flex:1;min-height:48px;padding:1rem}.sliding-tab-panel{min-height:200px;padding-block:1.5rem}.sliding-tab-panel h2{margin-bottom:1rem}.sliding-tab-panel p{color:var(--muted-foreground)}@media (max-width:480px){.experiment-controls{padding:1rem}.sliding-tab-panel{min-height:248px}}@media (prefers-reduced-motion:reduce){.experiment-button,.experiment-options label,.sliding-tab{transition:none}}