.cp[data-v-ece122a1]{gap:8px;display:grid}.cp-bar[data-v-ece122a1]{border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--surface-2);border-bottom:0;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.cp-bar__group[data-v-ece122a1]{align-items:center;gap:4px;display:flex}.cp-bar__group--end[data-v-ece122a1]{margin-inline-start:auto}.cp-ico[data-v-ece122a1]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-dim);place-items:center;transition:all .14s;display:grid}.cp-ico svg[data-v-ece122a1]{width:15px;height:15px}.cp-ico[data-v-ece122a1]:hover{border-color:var(--primary-line);color:var(--primary)}.cp-ico--wide[data-v-ece122a1]{width:auto;padding:0 10px;font-size:11.5px;font-weight:700}.cp-unit[data-v-ece122a1]{color:var(--text-mute);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.cp-unit__k[data-v-ece122a1]{font-weight:700}.cp-unit__input[data-v-ece122a1]{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:56px;height:26px;font-family:var(--font-mono);color:var(--text);text-align:center;outline:none;padding:0 6px;font-size:12px}.cp-unit__input[data-v-ece122a1]:focus{border-color:var(--primary-line)}.cp-unit em[data-v-ece122a1]{font-style:normal;font-family:var(--font-mono);color:var(--text-mute);font-size:10.5px}.cp-toggle[data-v-ece122a1]{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);height:26px;color:var(--text-mute);padding:0 10px;font-size:11.5px;font-weight:600;transition:all .14s}.cp-toggle.is-on[data-v-ece122a1]{border-color:var(--primary-line);background:var(--primary-soft);color:var(--primary)}.cp-canvas[data-v-ece122a1]{border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--surface);position:relative;overflow:hidden}.cp-svg[data-v-ece122a1]{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.cp-bg[data-v-ece122a1]{fill:var(--surface)}.cp-grid[data-v-ece122a1]{fill:none;stroke:var(--border);stroke-width:1px;shape-rendering:crispedges}.cp-grid--minor[data-v-ece122a1]{stroke:var(--border);opacity:.42}.cp-quad[data-v-ece122a1]{fill:var(--primary);fill-opacity:0;pointer-events:none}.cp-quad.is-blink[data-v-ece122a1]{animation:.55s ease-in-out 3 cpQuadBlink-ece122a1}.cp-quad-label[data-v-ece122a1]{font-family:var(--font-mono);fill:var(--text-mute);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:700}.cp-axis line[data-v-ece122a1],.cp-axis path[data-v-ece122a1]{stroke:var(--text-dim);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.cp-axis.is-blink[data-v-ece122a1]{animation:.55s ease-in-out 3 cpBlink-ece122a1}.cp-origin circle[data-v-ece122a1]{fill:var(--text-dim)}.cp-origin.is-blink[data-v-ece122a1]{animation:.55s ease-in-out 3 cpBlink-ece122a1}.cp-axis-name[data-v-ece122a1]{font-family:var(--font-mono);fill:var(--text-dim);font-size:12px;font-style:italic;font-weight:700}.cp-tick[data-v-ece122a1]{font-family:var(--font-mono);fill:var(--text-mute);-webkit-user-select:none;user-select:none;font-size:10.5px}.cp-curves path[data-v-ece122a1]{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .12s}.cp-curves path.is-active[data-v-ece122a1]{stroke-width:3.4px}.cp-svg.is-curve-hover[data-v-ece122a1]{cursor:grab}.cp-ovlabel[data-v-ece122a1]{font-family:var(--font-mono);paint-order:stroke;stroke:var(--surface);stroke-width:3.2px;stroke-linejoin:round;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:11px;font-weight:700}.cp-pt[data-v-ece122a1]{cursor:grab}.cp-pt[data-v-ece122a1]:active{cursor:grabbing}.cp-pt__halo[data-v-ece122a1]{fill:var(--surface);fill-opacity:.9;stroke-width:1.4px;stroke-opacity:.35}.cp-pt.is-on .cp-pt__halo[data-v-ece122a1]{stroke-width:2.4px;stroke-opacity:.75}.cp-pt__label[data-v-ece122a1]{font-family:var(--font-mono);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700}.cp-empty[data-v-ece122a1]{color:var(--text-mute);text-align:center;pointer-events:none;place-items:center;padding:0 24px;font-size:13px;line-height:1.7;display:grid;position:absolute;inset:0}.cp-cursor[data-v-ece122a1]{border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border);pointer-events:none;align-items:baseline;gap:6px;padding:2px 8px;display:inline-flex;position:absolute;inset-block-end:8px;inset-inline-start:10px}.cp-cursor__k[data-v-ece122a1]{letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute);font-size:9.5px;font-weight:800}.cp-cursor__v[data-v-ece122a1]{font-family:var(--font-mono);color:var(--text-dim);direction:ltr;font-size:11.5px;font-weight:700}.cp-hint[data-v-ece122a1]{color:var(--text-mute);text-align:center;font-size:11.5px}@keyframes cpBlink-ece122a1{0%,to{opacity:1}50%{opacity:.1}}@keyframes cpQuadBlink-ece122a1{0%,to{fill-opacity:0}50%{fill-opacity:.16}}@media (prefers-reduced-motion:reduce){.cp-quad.is-blink[data-v-ece122a1],.cp-axis.is-blink[data-v-ece122a1],.cp-origin.is-blink[data-v-ece122a1]{opacity:1;animation:none}.cp-quad.is-blink[data-v-ece122a1]{fill-opacity:.16}}@media (width<=560px){.cp-bar[data-v-ece122a1]{gap:8px}.cp-bar__group--end[data-v-ece122a1]{margin-inline-start:0}}