.dx{--dx-accent:var(--vocs-color-accent);--dx-border:var(--vocs-border-color-primary);--dx-muted:var(--vocs-text-color-muted);border:1px solid var(--dx-border);border-radius:var(--vocs-radius-lg,.75rem);background:var(--vocs-background-color-surface);color:var(--vocs-text-color-primary);margin-block:1.25rem;padding:1rem;font-size:.875rem}.dx-compact{margin-block:.75rem 1.5rem;padding:.75rem}.dx-chart{width:100%;height:auto;display:block}.dx-bar{fill:var(--dx-accent);opacity:.28}.dx-curve{fill:none;stroke:var(--dx-accent);stroke-width:2.25px;stroke-linejoin:round}.dx-marker{stroke:var(--dx-muted);stroke-width:1px;stroke-dasharray:3 4}.dx-axis{stroke:var(--dx-border);stroke-width:1px}.dx-tick{fill:var(--dx-muted);font-size:12px;font-family:var(--vocs-font-mono,ui-monospace, monospace)}.dx-error{border-radius:var(--vocs-radius-md,.5rem);color:var(--vocs-color-destructive,#d93036);background:color-mix(in srgb, var(--vocs-color-destructive,#d93036) 10%, transparent);font-family:var(--vocs-font-mono,ui-monospace, monospace);overflow-wrap:anywhere;margin:.5rem 0 0;padding:.5rem .75rem;font-size:.8125rem}.dx-controls{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.dx-row{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.dx-field{align-items:center;gap:.5rem;display:flex}.dx-field>span,.dx-param>label{font-family:var(--vocs-font-mono,ui-monospace, monospace);color:var(--vocs-text-color-secondary)}.dx-param{grid-template-columns:5.5rem minmax(0,1fr) 6.5rem;align-items:center;gap:.75rem;display:grid}.dx-param input[type=range]{width:100%;accent-color:var(--dx-accent)}.dx-number,.dx-select{font:inherit;font-family:var(--vocs-font-mono,ui-monospace, monospace);color:inherit;background:var(--vocs-background-color-primary);border:1px solid var(--dx-border);border-radius:var(--vocs-radius-sm,.375rem);min-width:0;padding:.25rem .5rem}.dx-number{width:6.5rem}.dx-number:invalid{border-color:var(--vocs-color-destructive,#d93036)}.dx-button{font:inherit;color:var(--dx-accent);border:1px solid var(--dx-border);border-radius:var(--vocs-radius-sm,.375rem);cursor:pointer;background:0 0;padding:.25rem .75rem}.dx-button:hover{background:var(--vocs-background-color-surfaceTint)}.dx-hint{color:var(--dx-muted);margin:0}.dx-actions{margin-top:.25rem}.dx-toggle{color:var(--vocs-text-color-secondary);align-items:center;gap:.375rem;display:inline-flex}.dx-toggle input{accent-color:var(--dx-accent)}.dx-legend{color:var(--dx-muted);align-items:center;gap:.375rem;margin-left:auto;font-size:.8125rem;display:inline-flex}.dx-swatch{width:.875rem;margin-left:.5rem;display:inline-block}.dx-swatch-bar{background:var(--dx-accent);opacity:.28;height:.625rem}.dx-swatch-curve{background:var(--dx-accent);height:2px}.dx-components{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.dx-component{border:1px solid var(--dx-border);border-radius:var(--vocs-radius-md,.5rem);flex-direction:column;align-self:stretch;gap:.5rem;margin:0;padding:.5rem .75rem .75rem;display:flex}.dx-component legend{font-family:var(--vocs-font-mono,ui-monospace, monospace);color:var(--vocs-text-color-secondary);align-items:center;gap:.5rem;padding-inline:.25rem;display:flex}.dx-remove{padding:0 .5rem;line-height:1.5}.dx-snippet{margin-top:1rem;position:relative}.dx-snippet pre{border-radius:var(--vocs-radius-md,.5rem);background:var(--vocs-background-color-code-block);font-family:var(--vocs-font-mono,ui-monospace, monospace);margin:0;padding:.875rem 1rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.dx-snippet pre code{font:inherit;background:0 0;border:0;padding:0}.dx-copy{background:var(--vocs-background-color-surface);font-size:.75rem;position:absolute;top:.5rem;right:.5rem}@media (width<=480px){.dx{padding:.75rem}.dx-param{grid-template-columns:minmax(0,1fr) 5.5rem;gap:.25rem .5rem}.dx-param>label{grid-column:1/-1}.dx-number{width:5.5rem}.dx-legend{margin-left:0}}