.hx-stage{aspect-ratio:720/600;background:var(--color-neutral-11);--hx-text:clamp(11px, 1.55cqw, 17px);--hx-small:clamp(10px, 1.35cqw, 15px);--hx-large:clamp(13px, 1.85cqw, 20px);--hx-panel:clamp(9px, 1.25cqw, 15px);--hx-panel-small:clamp(8px, 1.1cqw, 13px);--hx-panel-large:clamp(11px, 1.55cqw, 18px);container-type:inline-size}.hx-lightbox-backdrop{z-index:50;background:#171717eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.hx-stage-lightbox{border-radius:0;width:min(92vw,110.4vh);max-height:92vh;max-width:min(92vw,110.4vh)!important}.hx-expand-btn{z-index:3;width:28px;height:28px;color:var(--color-neutral-4);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;right:40px}.hx-expand-btn:hover{color:var(--color-neutral-2)}.hx-expand-btn svg{width:14px;height:14px}.hx-stage:after{content:"";pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s steps(4,end) infinite hx-grain;position:absolute;inset:-50%}@keyframes hx-grain{0%{transform:translate(0)}25%{transform:translate(-7%,4%)}50%{transform:translate(5%,-6%)}75%{transform:translate(-3%,-2%)}}@media (prefers-reduced-motion:reduce){.hx-stage:after{animation:none}}.hx-metrics{width:clamp(200px,28cqw,480px);font-size:var(--hx-panel);color:var(--color-neutral-3);flex-direction:column;gap:clamp(5px,.85cqw,14px);display:flex;position:absolute;top:50%;left:4.5cqw;translate:0 -50%}.hx-metrics-header{text-transform:uppercase;letter-spacing:.08em;font-size:var(--hx-panel-small);color:var(--color-neutral-4);border-bottom:1px solid var(--color-neutral-7);justify-content:space-between;padding-bottom:4px;display:flex}.hx-metric{grid-template-columns:1fr auto;row-gap:3px;display:grid}.hx-metric-value{font-variant-numeric:tabular-nums;color:var(--color-neutral-2)}.hx-iteration-count{text-align:right;min-width:2.69em;display:inline-block}.hx-metric-track{background:var(--color-neutral-10);grid-column:1/-1;height:3px;overflow:hidden}.hx-metric-fill{background:var(--color-surface-fill-2);transform-origin:0;height:100%}.hx-metric-score{font-size:var(--hx-panel-large);color:var(--color-neutral-2);margin-bottom:4px}.hx-metric-score .hx-metric-track{height:5px}.hx-metric-score .hx-metric-fill{background:var(--gradient-hx-metric-fill)}.hx-notes-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hx-notes-svg polyline,.hx-notes-svg path{fill:none;stroke:var(--color-neutral-3);stroke-width:1px}.hx-notes-svg rect{fill:var(--color-neutral-2)}.hx-notes{position:absolute;inset:0}.hx-tag{will-change:transform;white-space:nowrap;font-family:var(--font-sans);font-size:var(--hx-small);letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-3);align-items:center;gap:5px;display:flex;position:absolute;top:0;left:0}.hx-tag-label{padding-left:10px;position:relative}.hx-tag-label:before{content:"";background:var(--color-surface-fill-2);width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}.hx-tag-value{font-family:var(--font-sans);font-size:var(--hx-text);letter-spacing:0;color:var(--color-neutral-2);font-variant-numeric:tabular-nums;margin-left:3px}.hx-slot{text-align:center;width:.63em;display:inline-block}.hx-slot-sign{width:.81em}.hx-slot-dot{width:.17em}.hx-tag-unit{font-family:var(--font-sans);font-size:var(--hx-text);letter-spacing:0;text-transform:none;color:var(--color-neutral-4)}.hx-frame{font-family:var(--font-sans);font-size:var(--hx-small);letter-spacing:.06em;color:var(--color-neutral-4);position:absolute;inset:0}.hx-crop{border:0 solid #ffffff47;width:1.1cqw;height:1.1cqw;position:absolute}.hx-crop-tl{border-top-width:1px;border-left-width:1px;top:1.4cqw;left:1.4cqw}.hx-crop-tr{border-top-width:1px;border-right-width:1px;top:1.4cqw;right:1.4cqw}.hx-crop-bl{border-bottom-width:1px;border-left-width:1px;bottom:1.4cqw;left:1.4cqw}.hx-crop-br{border-bottom-width:1px;border-right-width:1px;bottom:1.4cqw;right:1.4cqw}.hx-fig{font-family:var(--font-sans);letter-spacing:0;position:absolute;top:4.5cqw;left:4.5cqw}.hx-fig-title{color:var(--color-neutral-2);font-size:clamp(15px,2.6cqw,28px);font-weight:500;line-height:1.2}.hx-fig-num{color:var(--color-neutral-4);margin-right:.64em;font-weight:400}.hx-fig-note{font-size:var(--hx-text);color:var(--color-neutral-4);margin-top:.4em}.hx-timecode{font-variant-numeric:tabular-nums;position:absolute;bottom:max(2.6cqw,34px);right:3cqw}.hx-scrubber{z-index:2;cursor:pointer;touch-action:none;appearance:none;background:0 0;height:28px;margin:0;position:absolute;bottom:0;left:3cqw;right:3cqw}.hx-scrubber::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-neutral-2) var(--hx-scrub-fill,0%), var(--color-neutral-7) var(--hx-scrub-fill,0%));height:2px}.hx-scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-surface-fill-1);cursor:pointer;border-radius:50%;width:8px;height:8px;margin-top:-3px}@media (pointer:coarse){.hx-scrubber::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px}.hx-scrubber::-moz-range-thumb{width:16px;height:16px}}.hx-scrubber::-moz-range-track{background:var(--color-neutral-7);height:2px}.hx-scrubber::-moz-range-progress{background:var(--color-surface-fill-1);height:2px}.hx-scrubber::-moz-range-thumb{background:var(--color-surface-fill-1);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px}.hx-expand-btn,.hx-scrubber{opacity:0;pointer-events:none;transition:opacity .2s}.hx-stage:hover :is(.hx-expand-btn,.hx-scrubber),.hx-stage:focus-within :is(.hx-expand-btn,.hx-scrubber),.hx-stage-lightbox :is(.hx-expand-btn,.hx-scrubber){opacity:1;pointer-events:auto}.hx-stage:focus{outline:none}.hx-stage:focus-visible{outline:1px solid var(--color-neutral-4);outline-offset:2px}@media (prefers-reduced-motion:reduce){.hx-expand-btn,.hx-scrubber{transition:none}}