.card{background:var(--card);border-radius:var(--radius);box-shadow:0 1px 6px #00000012;padding:16px;margin-bottom:16px}.bez-card{padding:16px}.bez-grid{display:grid;grid-template-columns:5fr 6fr;gap:18px;align-items:start}@media(max-width:720px){.bez-grid{grid-template-columns:1fr;gap:14px}}.bez-left{display:flex;flex-direction:column;gap:10px;min-width:0}.bez-right{display:flex;flex-direction:column;gap:14px;min-width:0}.bez-canvas{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--card-alt);border:1px solid var(--border);border-radius:12px}.bez-svg{width:100%;max-width:280px;align-self:center;aspect-ratio:3 / 4;touch-action:none}.bez-grid-line{stroke:var(--border);stroke-width:1;stroke-dasharray:4 4}.bez-axis-lbl{font-size:12px;fill:var(--sub);font-family:Menlo,monospace}.bez-axis-lbl-r{text-anchor:end}.bez-curve{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round}.bez-h-line{stroke:var(--sub);stroke-width:1.2;stroke-dasharray:3 3;opacity:.6}.bez-end-pt{fill:var(--text)}.bez-cp{cursor:grab;stroke:#fff;stroke-width:2.5}.bez-cp:active{cursor:grabbing}.bez-cp1{fill:var(--primary)}.bez-cp2{fill:var(--primary-end)}[data-theme=dark] .bez-cp{stroke:var(--card)}.bez-coords{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px;border-top:1px dashed var(--border);margin-top:4px}.bez-coord-pair{display:flex;align-items:center;gap:8px;padding:6px 4px}.bez-coord-label{font-size:12px;font-weight:700;width:22px;text-align:center}.bez-cp1-color{color:var(--primary)}.bez-cp2-color{color:var(--primary-end)}.bez-num{flex:1;min-width:0;width:0;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);padding:0 8px;font-size:12.5px;outline:none;font-variant-numeric:tabular-nums;text-align:right}.bez-num:focus{border-color:var(--primary)}.bez-section-title{font-size:11px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bez-anim-section{display:flex;flex-direction:column;gap:8px}.bez-replay-btn{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card-alt);color:var(--sub);font-size:11px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0;transition:all .15s}.bez-replay-btn:hover{color:var(--primary);border-color:var(--primary)}.bez-anim-track{position:relative;height:36px;background:var(--card-alt);border:1px solid var(--border);border-radius:8px;cursor:pointer}.bez-anim-ball{position:absolute;top:4px;left:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-end));box-shadow:var(--shadow-hover)}.bez-anim-row{display:flex;align-items:center;gap:8px}.bez-anim-row label{font-size:12px;color:var(--sub);font-weight:600;width:36px;flex-shrink:0}.bez-anim-row input[type=range]{flex:1;min-width:0;accent-color:var(--primary)}.bez-vchip{min-width:60px;text-align:right;font-size:12px;color:var(--sub);font-variant-numeric:tabular-nums}.bez-code-section{display:flex;flex-direction:column}.bez-code-row{position:relative}.bez-code{margin:0;padding:10px 70px 10px 12px;background:var(--code-block-bg);border:1px solid var(--code-border);border-radius:8px;font-family:Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-all}.bez-copy-btn{position:absolute;top:6px;right:6px;padding:5px 10px;border:none;border-radius:6px;background:var(--primary);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:filter .15s,background .15s}.bez-copy-btn:hover{filter:brightness(1.1)}.bez-copy-btn.copied{background:#4caf50}.bez-presets-section{margin-top:18px}.bez-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.bez-preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1.5px solid var(--border);border-radius:9px;background:var(--card-alt);cursor:pointer;color:var(--primary);transition:all .15s}.bez-preset:hover{border-color:var(--primary);transform:translateY(-1px)}.bez-preset[data-group=material]{color:#4caf50}.bez-preset[data-group=spring]{color:#ff7043}.bez-preset-mini{width:36px;height:36px}.bez-preset-name{font-size:11px;font-weight:600;color:var(--sub)}