:root{--ccbe-primary:var(--main-primary);--ccbe-primary-rgb:99, 102, 241;--ccbe-text:#1f2937;--ccbe-text-muted:#64748b;--ccbe-bg:#fff;--ccbe-bg-hover:#f8fafc;--ccbe-border:#e2e8f0;--ccbe-border-hover:#cbd5e1;--ccbe-shadow:0 1px 3px #0000001a;--ccbe-radius:.5rem;--ccbe-radius-lg:.75rem;--ccbe-handle-p1:#6366f1;--ccbe-handle-p2:#f59e0b;--ccbe-curve-color:var(--main-primary);--ccbe-grid-color:#e2e8f0;--ccbe-axis-color:#94a3b8;--ccbe-ball-custom:var(--main-primary);--ccbe-ball-linear:#94a3b8}._ccbe-container{grid-template-columns:340px 1fr;gap:1.25rem;max-width:1080px;margin:0 auto;display:grid}._ccbe-col-left{flex-direction:column;gap:.75rem;display:flex}._ccbe-col-right{flex-direction:column;gap:1rem;display:flex}@media (max-width:860px){._ccbe-container{grid-template-columns:1fr;max-width:640px}._ccbe-col-left{order:2}._ccbe-col-right{order:1}}@media (max-width:768px){._ccbe-container{padding-left:1rem;padding-right:1rem}}._ccbe-canvas-card{background:var(--ccbe-bg);border-radius:var(--ccbe-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccbe-border);box-shadow:var(--ccbe-shadow);padding:var(--main-space-4);justify-content:center;display:flex}._ccbe-canvas{cursor:default;-webkit-user-select:none;user-select:none;width:100%;max-width:310px;height:auto}._ccbe-grid-line{stroke:var(--ccbe-grid-color);stroke-width:.5px;stroke-dasharray:2 4}._ccbe-axis{stroke:var(--ccbe-axis-color);stroke-width:1.5px}._ccbe-axis-label{fill:var(--ccbe-text-muted);font-family:inherit;font-size:10px}._ccbe-linear-ref{stroke:var(--ccbe-grid-color);stroke-width:1px;stroke-dasharray:4 4}._ccbe-control-line{stroke:var(--ccbe-text-muted);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}._ccbe-curve{stroke:var(--ccbe-curve-color);stroke-width:2.5px;stroke-linecap:round}._ccbe-handle{cursor:grab;fill:var(--ccbe-handle-p1);stroke:#fff;stroke-width:2px;filter:drop-shadow(0 1px 3px #0003)}._ccbe-handle:active{cursor:grabbing}._ccbe-handle._ccbe-handle-p1{fill:var(--ccbe-handle-p1)}._ccbe-handle._ccbe-handle-p2{fill:var(--ccbe-handle-p2)}._ccbe-handle.is-dragging{r:9}._ccbe-coord-text{fill:var(--ccbe-text);font-size:10px;font-family:var(--main-font-mono);pointer-events:none}._ccbe-inputs-card{background:var(--ccbe-bg);border-radius:var(--ccbe-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccbe-border);box-shadow:var(--ccbe-shadow);padding:var(--main-space-3)}._ccbe-inputs-row{gap:var(--main-space-2);grid-template-columns:repeat(4,1fr);display:grid}._ccbe-input-group{flex-direction:column;gap:4px;display:flex}._ccbe-input-label{font-size:var(--main-text-xs);color:var(--ccbe-text-muted);font-weight:600;font-family:var(--main-font-mono);text-align:center}._ccbe-num-input{border-style:solid;border-width:1.5px;border-color:var(--ccbe-border);border-radius:var(--ccbe-radius);background:var(--ccbe-bg);width:100%;color:var(--ccbe-text);font-family:var(--main-font-mono);font-size:var(--main-text-sm);text-align:center;-moz-appearance:textfield;outline:none;padding:6px 4px}._ccbe-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._ccbe-num-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._ccbe-num-input:focus{border-color:var(--ccbe-primary);box-shadow:0 0 0 3px rgba(var(--ccbe-primary-rgb), .1)}._ccbe-value-row{margin-top:var(--main-space-2);padding-top:var(--main-space-2);border-top-style:solid;border-top-width:1px;border-top-color:var(--ccbe-border);text-align:center}._ccbe-value-text{font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--ccbe-primary);cursor:pointer;border-radius:var(--ccbe-radius);padding:4px 8px;font-weight:500}._ccbe-value-text:hover{background:rgba(var(--ccbe-primary-rgb), .08)}._ccbe-presets-card{background:var(--ccbe-bg);border-radius:var(--ccbe-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccbe-border);box-shadow:var(--ccbe-shadow);overflow:hidden}._ccbe-presets-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccbe-border)}._ccbe-presets-title{font-size:var(--main-text-xs);color:var(--ccbe-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._ccbe-presets-list{min-height:200px;max-height:340px;padding:var(--main-space-2);overflow-y:auto}._ccbe-preset-group{margin-bottom:var(--main-space-2)}._ccbe-preset-group:last-child{margin-bottom:0}._ccbe-preset-group-title{color:var(--ccbe-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;padding:4px 6px;font-size:10px;font-weight:600}._ccbe-preset-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}._ccbe-preset-item{border-radius:var(--ccbe-radius);cursor:pointer;color:var(--ccbe-text);background:0 0;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-family:inherit;display:flex}._ccbe-preset-item:hover{background:var(--ccbe-bg-hover);border-color:var(--ccbe-border)}._ccbe-preset-item.is-active{background:rgba(var(--ccbe-primary-rgb), .06);border-color:var(--ccbe-primary)}._ccbe-preset-curve{width:36px;height:36px}._ccbe-preset-curve-line{fill:none;stroke:var(--ccbe-text-muted);stroke-width:2px;stroke-linecap:round}._ccbe-preset-item.is-active ._ccbe-preset-curve-line{stroke:var(--ccbe-primary)}._ccbe-preset-name{color:var(--ccbe-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}._ccbe-preset-item.is-active ._ccbe-preset-name{color:var(--ccbe-primary);font-weight:600}@media (max-width:860px){._ccbe-presets-list{max-height:260px}._ccbe-preset-grid{grid-template-columns:repeat(4,1fr)}}._ccbe-preview-card{background:var(--ccbe-bg);border-radius:var(--ccbe-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccbe-border);box-shadow:var(--ccbe-shadow);overflow:hidden}._ccbe-preview-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccbe-border);justify-content:space-between;align-items:center;display:flex}._ccbe-preview-title{font-size:var(--main-text-xs);color:var(--ccbe-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._ccbe-preview-actions{align-items:center;gap:var(--main-space-3);display:flex}._ccbe-compare-toggle{cursor:pointer;font-size:var(--main-text-xs);color:var(--ccbe-text-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}._ccbe-compare-toggle input{accent-color:var(--ccbe-primary);cursor:pointer;width:14px;height:14px}._ccbe-compare-label{font-weight:500}._ccbe-play-btn{border-radius:var(--ccbe-radius);border-style:solid;border-width:1.5px;border-color:var(--ccbe-border);background:var(--ccbe-bg);width:30px;height:30px;color:var(--ccbe-text-muted);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;display:inline-flex}._ccbe-play-btn:hover{color:var(--ccbe-primary);border-color:var(--ccbe-primary)}._ccbe-race-area{padding:var(--main-space-4) var(--main-space-3)}._ccbe-race-track{align-items:center;gap:var(--main-space-2);margin-bottom:var(--main-space-3);display:flex}._ccbe-race-track:last-child{margin-bottom:0}._ccbe-race-label{color:var(--ccbe-text-muted);text-align:right;text-transform:lowercase;flex-shrink:0;width:52px;font-size:10px;font-weight:600}._ccbe-race-line{background:var(--ccbe-border);border-radius:2px;flex:1;height:4px;position:relative}._ccbe-race-ball{border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;position:absolute;top:50%;left:0;box-shadow:0 2px 6px #00000026}._ccbe-ball-custom{background:var(--ccbe-ball-custom)}._ccbe-ball-linear{background:var(--ccbe-ball-linear)}._ccbe-race-track-linear.is-hidden{display:none}._ccbe-multi-preview{padding:0 var(--main-space-3) var(--main-space-3);gap:var(--main-space-2);flex-direction:column;display:flex}._ccbe-prop-row{align-items:center;gap:var(--main-space-2);display:flex}._ccbe-prop-label{color:var(--ccbe-text-muted);text-align:right;text-transform:lowercase;flex-shrink:0;width:52px;font-size:10px;font-weight:600}._ccbe-prop-track{background:rgba(var(--ccbe-primary-rgb), .04);border-radius:var(--ccbe-radius);flex:1;height:24px;position:relative;overflow:hidden}._ccbe-prop-ball{background:var(--ccbe-primary);border-radius:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;position:absolute;top:50%;left:0}._ccbe-prop-dot{background:var(--ccbe-primary);border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;position:absolute;top:50%;left:50%}._ccbe-prop-square{border-radius:3px}._ccbe-duration-row{align-items:center;gap:var(--main-space-2);padding:0 var(--main-space-3) var(--main-space-3);display:flex}._ccbe-duration-label{font-size:var(--main-text-xs);color:var(--ccbe-text-muted);flex-shrink:0;font-weight:500}._ccbe-duration-slider{height:4px;accent-color:var(--ccbe-primary);cursor:pointer;flex:1}._ccbe-duration-value{font-size:var(--main-text-xs);color:var(--ccbe-text);font-weight:600;font-family:var(--main-font-mono);text-align:right;flex-shrink:0;width:32px}._ccbe-code-card{background:var(--ccbe-bg);border-radius:var(--ccbe-radius-lg);border-style:solid;border-width:1px;border-color:var(--ccbe-border);box-shadow:var(--ccbe-shadow);overflow:hidden}._ccbe-code-header{padding:var(--main-space-2) var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ccbe-border);justify-content:space-between;align-items:center;display:flex}._ccbe-code-title{font-size:var(--main-text-xs);color:var(--ccbe-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._ccbe-copy-btn{border-radius:var(--ccbe-radius);border-style:solid;border-width:1.5px;border-color:var(--ccbe-border);background:var(--ccbe-bg);cursor:pointer;font-size:var(--main-text-xs);color:var(--ccbe-text-muted);align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-weight:500;display:inline-flex}._ccbe-copy-btn:hover{color:var(--ccbe-primary);border-color:var(--ccbe-primary)}._ccbe-copy-btn.is-copied{color:var(--main-success);border-color:var(--main-success)}._ccbe-code-block{padding:var(--main-space-3);font-family:var(--main-font-mono);font-size:var(--main-text-sm);color:var(--ccbe-text);white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6;overflow-x:auto}