.tool[data-tool=cubic-bezier-generator] .tool-grid>*{min-inline-size:0}.tool[data-tool=cubic-bezier-generator] .editor{aspect-ratio:1;background:var(--c-surface-2);border-radius:var(--r-md);touch-action:none;justify-self:center;block-size:auto;inline-size:100%;max-inline-size:22rem}.tool[data-tool=cubic-bezier-generator] .unit{fill:var(--c-surface);stroke:var(--c-border-strong)}.tool[data-tool=cubic-bezier-generator] .diag{stroke:var(--c-border-strong);stroke-dasharray:4 4;fill:none}.tool[data-tool=cubic-bezier-generator] .arm{stroke:var(--c-text-2);stroke-width:1.5px}.tool[data-tool=cubic-bezier-generator] .curve{fill:none;stroke:var(--c-primary);stroke-width:4px;stroke-linecap:round}.tool[data-tool=cubic-bezier-generator] .handle{fill:var(--c-primary);stroke:var(--c-surface);stroke-width:3px;cursor:grab}.tool[data-tool=cubic-bezier-generator] .handle:focus-visible{stroke:var(--c-focus);stroke-width:4px;outline:none}.tool[data-tool=cubic-bezier-generator] .chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=cubic-bezier-generator] .chip[aria-pressed=true]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.tool[data-tool=cubic-bezier-generator] .track{block-size:3.5rem;margin-block:var(--space-3);background:var(--c-surface-2);border-radius:var(--r-md);position:relative;overflow:hidden}.tool[data-tool=cubic-bezier-generator] .dot{background:var(--c-primary);border-radius:50%;inline-size:2.5rem;position:absolute;inset-block:.5rem;inset-inline-start:0}.tool[data-tool=cubic-bezier-generator] .big-output{overflow-wrap:anywhere}