.ou-editor-histogram{--ou-hist-grid: rgba(255, 255, 255, .07);--ou-hist-cursor: rgba(255, 255, 255, .55);--ou-hist-plot-top: rgba(255, 255, 255, .05);--ou-hist-plot-bottom: rgba(0, 0, 0, .25);--ou-hist-curve-opacity: .55;--ou-hist-region-hover: rgba(42, 127, 255, .1);--ou-hist-region-active: rgba(42, 127, 255, .2);--ou-hist-cue: rgba(255, 255, 255, .75);--ou-hist-readout-b: rgba(140, 175, 255, 1)}.ou-editor-histogram-host{display:none;flex:0 0 auto;margin-block-start:var(--spacing-120)}.ou-editor-pane.ou-editor-tab-adjust .ou-editor-histogram-host{display:block}.ou-editor-histogram{position:relative;display:flex;flex-direction:column;gap:var(--spacing-80);padding-block:var(--spacing-120) 0;border-block-start:1px solid var(--surface-stroke-1)}.ou-histogram-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-80);min-height:var(--size-240)}.ou-histogram-head-left{display:flex;align-items:center;gap:var(--spacing-40)}.ou-histogram-head-right{position:relative}.ou-histogram-title{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1-strong);color:var(--fg-neutral-1-rest);line-height:var(--line-height-body-1);cursor:pointer}.ou-histogram-toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--size-200);height:var(--size-200);padding:0;border:none;border-radius:var(--radius-small);background:transparent;color:var(--fg-neutral-2-rest);cursor:pointer}.ou-histogram-toggle:hover{color:var(--fg-neutral-1-rest)}.ou-histogram-toggle svg{width:var(--size-160);height:var(--size-160);transition:transform var(--anim-short) ease}.ou-histogram-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.ou-editor-histogram--collapsed .ou-histogram-body,.ou-editor-histogram--collapsed .ou-histogram-info{display:none}@media (prefers-reduced-motion: reduce){.ou-histogram-toggle svg{transition:none}}.ou-histogram-info{display:inline-flex;align-items:center;justify-content:center;width:var(--size-320);height:var(--size-320);padding:0;border:none;border-radius:var(--radius-circular);background:transparent;color:var(--fg-neutral-3-rest);cursor:help}.ou-histogram-info:hover{color:var(--fg-neutral-1-rest)}.ou-histogram-info .fluent-icon{width:var(--size-200);height:var(--size-200)}.ou-histogram-info .fluent-icon svg{width:100%;height:100%}.ou-histogram-body{display:flex;flex-direction:column;gap:var(--spacing-80)}.ou-histogram-plot{position:relative;width:100%;height:calc(var(--size-640) * 1.4);border-radius:var(--radius-medium);border:1px solid var(--surface-stroke-1);overflow:hidden;background-image:linear-gradient(90deg,transparent 0,transparent calc(19.921875% - 1px),var(--ou-hist-grid) calc(19.921875% - 1px),var(--ou-hist-grid) 19.921875%,transparent 19.921875%,transparent calc(39.84375% - 1px),var(--ou-hist-grid) calc(39.84375% - 1px),var(--ou-hist-grid) 39.84375%,transparent 39.84375%,transparent calc(59.765625% - 1px),var(--ou-hist-grid) calc(59.765625% - 1px),var(--ou-hist-grid) 59.765625%,transparent 59.765625%,transparent calc(79.6875% - 1px),var(--ou-hist-grid) calc(79.6875% - 1px),var(--ou-hist-grid) 79.6875%,transparent 79.6875%),linear-gradient(var(--ou-hist-plot-top),var(--ou-hist-plot-bottom))}.ou-histogram-svg{position:absolute;inset:0;width:100%;height:100%;display:block;isolation:isolate}.ou-histogram-curve{mix-blend-mode:screen;opacity:var(--ou-hist-curve-opacity);stroke:none}.ou-histogram-curve-r{fill:var(--editor-hist-r)}.ou-histogram-curve-g{fill:var(--editor-hist-g)}.ou-histogram-curve-b{fill:var(--editor-hist-b)}.ou-histogram-cursor{position:absolute;top:0;bottom:0;width:1px;margin-inline-start:-.5px;background:var(--ou-hist-cursor);pointer-events:none;z-index:3}.ou-histogram-cursor[hidden],.ou-histogram-explainer[hidden],.ou-histogram-readout-data[hidden],.ou-histogram-readout-prompt[hidden]{display:none}.ou-histogram-regions{position:absolute;inset:0;z-index:2}.ou-histogram-region{position:absolute;top:0;bottom:0;padding:0;border:none;background:transparent;cursor:ns-resize;transition:background var(--anim-hover) ease}.ou-histogram-region:hover{background:var(--ou-hist-region-hover)}.ou-histogram-region.is-active{background:var(--ou-hist-region-active)}.ou-histogram-region:focus-visible{outline:var(--size-20) solid var(--stroke-focus-2);outline-offset:calc(-1 * var(--size-20))}.ou-histogram-region-cue{position:absolute;inset-inline:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:var(--ou-hist-cue);opacity:0;pointer-events:none;transition:opacity var(--anim-hover) ease}.ou-histogram-region:hover .ou-histogram-region-cue,.ou-histogram-region.is-active .ou-histogram-region-cue{opacity:1}.ou-histogram-region-cue svg{width:var(--size-160);height:var(--size-160);display:block}.ou-histogram-region-cue .fluent-icon+.fluent-icon{margin-block-start:calc(-1 * var(--size-80))}.ou-histogram-region-delta{position:absolute;inset-inline:0;top:var(--spacing-40);margin-inline:auto;width:fit-content;padding-block:var(--spacing-20);padding-inline:var(--spacing-80);border-radius:var(--radius-circular);background:var(--stroke-brand-1-rest);color:var(--fg-neutral-on-brand);font-size:var(--font-size-caption-1);font-weight:var(--font-weight-body-1-strong);line-height:var(--line-height-caption-1);font-variant-numeric:tabular-nums;pointer-events:none;opacity:0}.ou-histogram-region.is-active .ou-histogram-region-delta{opacity:1}.ou-histogram-axis{position:relative;min-height:var(--size-160)}.ou-histogram-axis-label{position:absolute;top:0;text-align:center;font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);color:var(--fg-neutral-3-rest);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ou-histogram-axis-label.is-active{color:var(--fg-neutral-1-rest)}.ou-histogram-explainer{position:absolute;z-index:6;background:var(--bg-neutral-1-rest);border:1px solid var(--surface-stroke-1);border-radius:var(--radius-medium);box-shadow:var(--shadow-16);color:var(--fg-neutral-1-rest);pointer-events:none}.ou-histogram-explainer{bottom:calc(100% + var(--spacing-40));inset-inline-end:0;width:calc(var(--size-640) * 4);padding:var(--spacing-100);font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);color:var(--fg-neutral-2-rest);white-space:normal}.ou-histogram-explainer-hint{margin-block-start:var(--spacing-80);color:var(--fg-neutral-2-rest)}.ou-histogram-tip-title{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1-strong);color:var(--fg-neutral-1-rest);margin-block-end:var(--spacing-40)}.ou-histogram-tip-body{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1);color:var(--fg-neutral-2-rest)}.ou-histogram-readout-row{display:flex;align-items:center;min-height:var(--size-360);padding-block:var(--spacing-40);padding-inline:var(--spacing-120);border-radius:var(--radius-medium);border:1px solid var(--surface-stroke-1);background:var(--ou-hist-plot-bottom)}.ou-histogram-readout-prompt{font-size:var(--font-size-caption-1);line-height:var(--line-height-caption-1);color:var(--fg-neutral-4-rest)}.ou-histogram-readout-data{display:flex;align-items:baseline;gap:var(--spacing-120);width:100%}.ou-histogram-readout-value{font-size:var(--font-size-body-1);font-weight:var(--font-weight-body-1-strong);color:var(--fg-neutral-1-rest);font-variant-numeric:tabular-nums}.ou-histogram-readout-zone{font-size:var(--font-size-caption-1);color:var(--fg-neutral-3-rest)}.ou-histogram-readout-chans{display:flex;gap:var(--spacing-80);margin-inline-start:auto;font-size:var(--font-size-caption-1);font-variant-numeric:tabular-nums}.ou-histogram-readout-chan{font-weight:var(--font-weight-body-1-strong)}.ou-histogram-readout-chan-r{color:var(--editor-hist-r)}.ou-histogram-readout-chan-g{color:var(--editor-hist-g)}.ou-histogram-readout-chan-b{color:var(--ou-hist-readout-b)}@media (prefers-reduced-motion: reduce){.ou-histogram-explainer,.ou-histogram-tip,.ou-histogram-region,.ou-histogram-region-cue{transition:none}}