.bezier__canvas-wrap[data-v-16dcc0be]{border-radius:12px;justify-content:center;margin-top:20px;display:flex}.bezier__canvas[data-v-16dcc0be]{cursor:crosshair;touch-action:none;border-radius:8px;max-width:100%;height:auto}.bezier__output[data-v-16dcc0be]{background:var(--el-fill-color-light);border-radius:8px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 20px;display:flex}.bezier__output code[data-v-16dcc0be]{color:var(--el-color-primary);letter-spacing:1px;font-family:SF Mono,Fira Code,monospace;font-size:18px;font-weight:600}.bezier__inputs[data-v-16dcc0be]{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.input-group[data-v-16dcc0be]{flex-direction:column;align-items:center;gap:4px;display:flex}.input-group label[data-v-16dcc0be]{color:var(--el-text-color-secondary);font-size:12px}.bezier__preview[data-v-16dcc0be]{margin-top:24px}.bezier__preview h3[data-v-16dcc0be]{color:var(--el-text-color-primary);margin-bottom:16px;font-size:14px;font-weight:500}.preview__track[data-v-16dcc0be]{align-items:center;margin-bottom:12px;display:flex}.track__label[data-v-16dcc0be]{width:50px;color:var(--el-text-color-secondary);flex-shrink:0;font-size:12px}.track__bar[data-v-16dcc0be]{background:var(--el-fill-color-light);border-radius:16px;flex:1;height:32px;position:relative;overflow:hidden}.preview__ball[data-v-16dcc0be]{width:24px;height:24px;animation:previewSlide-16dcc0be var(--ball-duration) var(--ball-easing) forwards;border-radius:50%;position:absolute;top:4px;left:4px}.preview__ball--custom[data-v-16dcc0be]{background:var(--el-color-primary);box-shadow:0 2px 8px #409eff66}.preview__ball--linear[data-v-16dcc0be]{background:var(--el-color-info);box-shadow:0 2px 8px #90939966}.preview__controls[data-v-16dcc0be]{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.presets__label[data-v-16dcc0be],.preview__duration[data-v-16dcc0be]{color:var(--el-text-color-secondary);font-size:12px}.bezier__presets[data-v-16dcc0be],.preview__duration[data-v-16dcc0be]{align-items:center;gap:8px;display:flex}.bezier__presets[data-v-16dcc0be]{flex-wrap:wrap;margin-top:20px}@keyframes previewSlide-16dcc0be{0%{left:4px}to{left:calc(100% - 28px)}}@media (width<=600px){.bezier__inputs[data-v-16dcc0be]{grid-template-columns:repeat(2,1fr)}}