.cubic-bezier-generator-module__ZCjTcG__tool{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"editor""preview""output""footer";display:grid}@media (min-width:1024px){.cubic-bezier-generator-module__ZCjTcG__tool{grid-template:"editor preview""editor output""footer footer"1fr/minmax(0,1fr) minmax(0,24rem)}}.cubic-bezier-generator-module__ZCjTcG__editorPane{grid-area:editor;}.cubic-bezier-generator-module__ZCjTcG__previewPane{grid-area:preview;align-self:start;}.cubic-bezier-generator-module__ZCjTcG__outputPane{grid-area:output;align-self:start;}.cubic-bezier-generator-module__ZCjTcG__footerZone{gap:var(--space-2);flex-direction:column;grid-area:footer;display:flex}.cubic-bezier-generator-module__ZCjTcG__paneHeader{}.cubic-bezier-generator-module__ZCjTcG__paneLabel{}.cubic-bezier-generator-module__ZCjTcG__liveBadge{flex:none}.cubic-bezier-generator-module__ZCjTcG__stale{}.cubic-bezier-generator-module__ZCjTcG__editorBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.cubic-bezier-generator-module__ZCjTcG__fieldset{min-inline-size:0;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;margin:0;display:flex}.cubic-bezier-generator-module__ZCjTcG__legend{padding-inline:var(--space-1);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.cubic-bezier-generator-module__ZCjTcG__segmentRow{gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex}.cubic-bezier-generator-module__ZCjTcG__segment{min-block-size:var(--control-height-sm);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;flex:1;justify-content:center;align-items:center;display:inline-flex}.cubic-bezier-generator-module__ZCjTcG__segmentOn{background:var(--color-bg-raised);border:1px solid var(--color-border-control);color:var(--color-text-primary)}.cubic-bezier-generator-module__ZCjTcG__segmentInput{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cubic-bezier-generator-module__ZCjTcG__segmentInput:focus-visible+span{outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.cubic-bezier-generator-module__ZCjTcG__curveStage{padding-block:var(--space-3);justify-content:center;display:flex;overflow:visible}.cubic-bezier-generator-module__ZCjTcG__curveInner{aspect-ratio:120/176;inline-size:100%;max-inline-size:280px;position:relative}.cubic-bezier-generator-module__ZCjTcG__curveSvg{touch-action:none;block-size:100%;inline-size:100%;display:block;overflow:visible}.cubic-bezier-generator-module__ZCjTcG__curveFrame{fill:var(--color-bg-surface);stroke:var(--color-border-subtle);stroke-width:1px}.cubic-bezier-generator-module__ZCjTcG__curveGrid{fill:none;stroke:var(--color-border-subtle);stroke-width:.75px;stroke-dasharray:3 4}.cubic-bezier-generator-module__ZCjTcG__curveArm{fill:none;stroke:var(--color-text-muted);stroke-width:1.25px}.cubic-bezier-generator-module__ZCjTcG__curvePath{fill:none;stroke:var(--color-accent-fg);stroke-width:2.5px;stroke-linecap:round}.cubic-bezier-generator-module__ZCjTcG__curveAnchor{fill:var(--color-text-muted)}.cubic-bezier-generator-module__ZCjTcG__handle{inline-size:var(--target-touch);block-size:var(--target-touch);touch-action:none;cursor:grab;background:0 0;border:none;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.cubic-bezier-generator-module__ZCjTcG__handle:active{cursor:grabbing}.cubic-bezier-generator-module__ZCjTcG__handleDot{box-sizing:border-box;border-radius:var(--radius-full);background:var(--color-bg-raised);border:2px solid var(--color-text-secondary);block-size:14px;inline-size:14px;box-shadow:0 0 0 3px var(--color-bg-base);margin-inline:auto;display:block}.cubic-bezier-generator-module__ZCjTcG__handle:hover .cubic-bezier-generator-module__ZCjTcG__handleDot,.cubic-bezier-generator-module__ZCjTcG__handle:active .cubic-bezier-generator-module__ZCjTcG__handleDot{border-color:var(--color-accent-fg)}.cubic-bezier-generator-module__ZCjTcG__handle:focus-visible{outline:none}.cubic-bezier-generator-module__ZCjTcG__handle:focus-visible .cubic-bezier-generator-module__ZCjTcG__handleDot{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.cubic-bezier-generator-module__ZCjTcG__curveHint{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.cubic-bezier-generator-module__ZCjTcG__noteHidden{visibility:hidden}.cubic-bezier-generator-module__ZCjTcG__fieldGrid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cubic-bezier-generator-module__ZCjTcG__field{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.cubic-bezier-generator-module__ZCjTcG__fieldLabel{font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.cubic-bezier-generator-module__ZCjTcG__numberInput{inline-size:100%;min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";}.cubic-bezier-generator-module__ZCjTcG__presetGroup{gap:var(--space-2);flex-direction:column;display:flex}.cubic-bezier-generator-module__ZCjTcG__presetGroupLabel{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.cubic-bezier-generator-module__ZCjTcG__presetRow{gap:var(--space-2);flex-wrap:wrap;display:flex}.cubic-bezier-generator-module__ZCjTcG__presetChip{min-block-size:28px;padding-inline:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary);cursor:pointer;align-items:center;display:inline-flex}.cubic-bezier-generator-module__ZCjTcG__presetChip:hover{border-color:var(--color-accent-fg);color:var(--color-text-primary)}.cubic-bezier-generator-module__ZCjTcG__presetChip:active{transform:scale(.98)}.cubic-bezier-generator-module__ZCjTcG__presetChipOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary)}.cubic-bezier-generator-module__ZCjTcG__importBlock{gap:var(--space-2);flex-direction:column;display:flex}.cubic-bezier-generator-module__ZCjTcG__importRow{gap:var(--space-2);align-items:flex-start;display:flex}.cubic-bezier-generator-module__ZCjTcG__importArea{block-size:auto;min-inline-size:0;min-block-size:calc(var(--text-code-line) * 3 + var(--space-4));padding:var(--space-2);background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);resize:vertical;flex:1}.cubic-bezier-generator-module__ZCjTcG__actionButton{}.cubic-bezier-generator-module__ZCjTcG__importDiag{block-size:calc(var(--text-ui-sm-line) * 3 + var(--space-3) * 2)}.cubic-bezier-generator-module__ZCjTcG__errorBox{block-size:100%;overflow-y:auto;}.cubic-bezier-generator-module__ZCjTcG__errorMessage{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere;margin:0}.cubic-bezier-generator-module__ZCjTcG__errorAction{color:var(--color-accent-fg);cursor:pointer;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);background:0 0;border:none;margin-block-start:var(--space-1);padding:0;text-decoration-line:underline}.cubic-bezier-generator-module__ZCjTcG__previewStage{block-size:132px;margin:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.cubic-bezier-generator-module__ZCjTcG__previewTrack{--track-w:240px;--dot-w:20px;--g358-travel:calc(var(--track-w) - var(--dot-w));inline-size:var(--track-w);max-inline-size:100%;block-size:var(--dot-w);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-text-primary) 6%, transparent);position:relative}.cubic-bezier-generator-module__ZCjTcG__previewDot{inline-size:var(--dot-w);block-size:var(--dot-w);border-radius:var(--radius-full);background:var(--color-text-primary);animation-name:cubic-bezier-generator-module__ZCjTcG__g358-run;animation-timing-function:var(--g358-ease,linear);animation-direction:var(--g358-dir,alternate);animation-play-state:var(--g358-play,paused);animation-fill-mode:both;position:absolute;inset-block-start:0;inset-inline-start:0;animation-duration:var(--g358-dur,1s)!important;animation-iteration-count:var(--g358-iter,infinite)!important}@keyframes cubic-bezier-generator-module__ZCjTcG__g358-run{0%{transform:translate(0)}to{transform:translateX(var(--g358-travel,220px))}}.cubic-bezier-generator-module__ZCjTcG__previewControls{align-items:flex-end;gap:var(--space-3);padding-inline:var(--space-3);flex-wrap:wrap;display:flex}.cubic-bezier-generator-module__ZCjTcG__durationField{gap:var(--space-1);flex-direction:column;display:flex}.cubic-bezier-generator-module__ZCjTcG__durationRow{align-items:center;gap:var(--space-2);display:inline-flex}.cubic-bezier-generator-module__ZCjTcG__durationInput{inline-size:88px;font-family:var(--font-mono);font-feature-settings:"zero";}.cubic-bezier-generator-module__ZCjTcG__durationUnit{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.cubic-bezier-generator-module__ZCjTcG__reducedMotionLine{padding:var(--space-2) var(--space-3) var(--space-3);min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.cubic-bezier-generator-module__ZCjTcG__outputBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.cubic-bezier-generator-module__ZCjTcG__outputCode{padding:var(--space-3);min-block-size:calc(var(--text-code-line) * 2 + var(--space-4));max-block-size:calc(var(--text-code-line) * 6 + var(--space-4));background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.cubic-bezier-generator-module__ZCjTcG__optionRow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cubic-bezier-generator-module__ZCjTcG__optionCheck{align-items:center;gap:var(--space-2);min-block-size:var(--target-min);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;display:inline-flex}.cubic-bezier-generator-module__ZCjTcG__checkbox{}.cubic-bezier-generator-module__ZCjTcG__copyAccent{margin-inline-start:auto;}.cubic-bezier-generator-module__ZCjTcG__swapWrap{}.cubic-bezier-generator-module__ZCjTcG__swapSizer{}.cubic-bezier-generator-module__ZCjTcG__tailwindRow{align-items:flex-start;gap:var(--space-2);display:flex}.cubic-bezier-generator-module__ZCjTcG__tailwindCode{min-inline-size:0;padding:var(--space-2) var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:0;overflow:auto}.cubic-bezier-generator-module__ZCjTcG__tailwindHidden{visibility:hidden}.cubic-bezier-generator-module__ZCjTcG__supportNote,.cubic-bezier-generator-module__ZCjTcG__overshootChip{min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.cubic-bezier-generator-module__ZCjTcG__chips{gap:var(--space-1);block-size:calc(var(--text-ui-sm-line) * 3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.cubic-bezier-generator-module__ZCjTcG__chip{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);overflow-wrap:anywhere}.cubic-bezier-generator-module__ZCjTcG__chipError{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-danger-fg);overflow-wrap:anywhere}.cubic-bezier-generator-module__ZCjTcG__banner{}.cubic-bezier-generator-module__ZCjTcG__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration-line:underline}.cubic-bezier-generator-module__ZCjTcG__actions{}.cubic-bezier-generator-module__ZCjTcG__echoSlot{min-inline-size:var(--space-4);text-align:start;display:inline-block}.cubic-bezier-generator-module__ZCjTcG__shareNote,.cubic-bezier-generator-module__ZCjTcG__storedLine,.cubic-bezier-generator-module__ZCjTcG__keyboardHint{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.cubic-bezier-generator-module__ZCjTcG__dialog{}.cubic-bezier-generator-module__ZCjTcG__dialogTitle{font-size:var(--text-h4-size);line-height:var(--text-h4-line);margin-block-end:var(--space-4)}.cubic-bezier-generator-module__ZCjTcG__dialogNote{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted)}.cubic-bezier-generator-module__ZCjTcG__shortcutList{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-4);padding:0;list-style:none;display:flex}.cubic-bezier-generator-module__ZCjTcG__shortcutItem{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line)}.cubic-bezier-generator-module__ZCjTcG__kbd{}.cubic-bezier-generator-module__ZCjTcG__optionDialog{align-items:center;gap:var(--space-2);font-size:var(--text-ui-md-size);line-height:var(--text-ui-md-line);min-block-size:var(--target-min);cursor:pointer;margin-block-end:var(--space-4);display:inline-flex}@media (pointer:coarse){.cubic-bezier-generator-module__ZCjTcG__presetChip,.cubic-bezier-generator-module__ZCjTcG__segment{min-block-size:var(--target-touch)}.cubic-bezier-generator-module__ZCjTcG__errorAction,.cubic-bezier-generator-module__ZCjTcG__bannerAction,.cubic-bezier-generator-module__ZCjTcG__optionCheck,.cubic-bezier-generator-module__ZCjTcG__optionDialog{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}