.hdr-demo-unsupported{border:1px dashed var(--border);border-radius:var(--rounded-code);padding:var(--spacing-md);color:var(--muted-foreground);font-size:.875rem}.hdr-demo-support-list{gap:var(--spacing-xs);margin:var(--spacing-sm) 0;flex-direction:column;padding:0;font-size:.875rem;list-style:none;display:flex}.hdr-demo-support-list li{align-items:flex-start;gap:var(--spacing-xs);display:flex}.hdr-demo-support-label{color:var(--foreground)}.hdr-demo-support-detail{color:var(--muted-foreground);font-size:.8125rem;display:block}.drl-hover{dynamic-range-limit:standard;transition:dynamic-range-limit .6s}.drl-hover:hover,.drl-hover:focus-visible{dynamic-range-limit:no-limit;dynamic-range-limit:dynamic-range-limit-mix(standard 70%, no-limit 30%)}.drl-no-limit{dynamic-range-limit:no-limit}.hdr-demo-figures{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=640px){.hdr-demo-figures{flex-direction:row}}.hdr-demo-figure{gap:var(--spacing-sm);flex-direction:column;flex:1;margin:0;display:flex}.hdr-demo-figure img{border:1px solid var(--border);border-radius:var(--rounded-code);width:100%}.hdr-demo-figure figcaption{color:var(--muted-foreground);font-size:.8125rem}.hdr-demo-canvases{gap:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=640px){.hdr-demo-canvases{flex-direction:row}}.hdr-demo-canvas-block{gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex}.hdr-demo-canvas-block h4{color:var(--muted-foreground);margin:0;font-size:.875rem;font-weight:700}.hdr-demo-canvas-block canvas{border:1px solid var(--border);border-radius:var(--rounded-code);background-color:#000;width:100%}.hdr-demo-controls{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-direction:column;font-size:.875rem;display:flex}@media (width>=640px){.hdr-demo-controls{align-items:center;gap:var(--spacing-md);flex-direction:row}}.hdr-demo-controls .hdr-demo-control-label{color:var(--muted-foreground);white-space:nowrap}.hdr-demo-controls input[type=range]{width:100%;accent-color:var(--primary)}@media (width>=640px){.hdr-demo-controls input[type=range]{max-width:16rem}}.hdr-demo-controls select{border:1px solid var(--border);border-radius:var(--rounded-code);background-color:var(--background);color:var(--foreground);padding:2px var(--spacing-xs);font-family:inherit;font-size:inherit}.hdr-demo-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--foreground);font-size:.75rem}