.cv-demo canvas{display:block;max-width:100%;height:auto;background:#0a0c10;border:1px solid var(--demo-border);border-radius:var(--demo-radius)}.cv-demo .savvy-preview{border:none;padding:0;display:block;position:relative;min-height:auto}.cv-interactive canvas{cursor:crosshair}.cv-coords{position:absolute;top:8px;right:8px;font-family:var(--demo-font-mono);font-size:var(--demo-font-size-sm);color:var(--demo-accent);background:rgb(10 12 16 / .85);padding:4px 10px;border-radius:var(--demo-radius);pointer-events:none;z-index:1}.cv-controls{margin-top:var(--demo-pad)}.cv-text-input{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-base);color:var(--text-color);background:var(--demo-surface);border:1px solid var(--demo-border);border-radius:var(--demo-radius);padding:6px 12px;width:100%;max-width:260px;margin-bottom:var(--demo-gap-lg);transition:border-color 0.2s}.cv-text-input:focus{outline:none;border-color:rgba(var(--demo-accent-rgb),.45)}.cv-group-label{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--demo-accent);text-transform:uppercase;letter-spacing:1px;margin:var(--demo-pad) 0 var(--demo-gap);opacity:.6}.cv-stop-row{display:flex;align-items:center;gap:var(--demo-gap);margin-bottom:10px}.cv-stop-row .savvy-slider-label{min-width:56px}.cv-stop-row .savvy-range{flex:1;min-width:0}.cv-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--demo-pad-lg)}.cv-btn-row{display:flex;flex-wrap:wrap;gap:var(--demo-gap);margin:var(--demo-pad) 0}.cv-canvas-info{font-family:var(--demo-font-mono);font-size:var(--demo-font-size-xs);color:var(--secondary-text);margin-top:6px;opacity:.6}@media (max-width:640px){.cv-filter-grid{grid-template-columns:1fr}.cv-text-input{max-width:100%}.cv-stop-row{flex-wrap:wrap}}