html,body{background:#0b0d0c;height:100%;margin:0;overflow:hidden}canvas{display:block}:root{--letterbox-height:min(4.25vh, 40px)}.letterbox{z-index:15;pointer-events:none;position:fixed;inset:0}.letterbox__bar{height:var(--letterbox-height);background:#000;position:absolute;left:0;right:0}.letterbox__bar--top{top:0}.letterbox__bar--bottom{bottom:0}.loader{z-index:1000;color:#e8ebe6;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0b0d0c;place-items:center;display:grid;position:fixed;inset:0}.loader__number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";align-items:baseline;gap:.06em;font-family:Space Grotesk,sans-serif;font-size:clamp(3.5rem,12vw,7.5rem);font-weight:500;line-height:1;display:flex}.loader__unit{letter-spacing:.02em;opacity:.45;font-size:.32em;font-weight:400;transform:translateY(-.15em)}@media (prefers-reduced-motion:reduce){.loader{transition:none}}.lut-hud{top:calc(var(--letterbox-height) + .65rem);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8ebe6;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;background:#0b0d0c8c;border:1px solid #e8ebe624;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 1.1rem .65rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.lut-hud__eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-family:Space Grotesk,sans-serif;font-size:.65rem;font-weight:500}.lut-hud__name{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:min(72vw,22rem);font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:500;line-height:1.2;overflow:hidden}.camera-hud{top:calc(var(--letterbox-height) + .65rem);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8ebe6;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";background:#0b0d0c8c;border:1px solid #e8ebe624;flex-direction:column;gap:.28rem;padding:.55rem .75rem .6rem;font-family:Space Grotesk,sans-serif;display:flex;position:fixed;left:.75rem}.camera-hud__eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-size:.65rem;font-weight:500}.camera-hud__row{grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.45rem;font-size:.78rem;line-height:1.25;display:grid}.camera-hud__label{opacity:.45;letter-spacing:.04em}.camera-hud__value{letter-spacing:.01em;white-space:pre;font-weight:500}:root{--layout-guide-size:150px;--layout-guide-color:#e8ebe659;--layout-guide-thickness:1px}.layout-guide{z-index:18;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.layout-guide__vline,.layout-guide__hline{background:var(--layout-guide-color);position:absolute}.layout-guide__vline{width:var(--layout-guide-thickness);top:0;bottom:0}.layout-guide__vline--left{left:calc(50% - var(--layout-guide-size) / 2)}.layout-guide__vline--right{left:calc(50% + var(--layout-guide-size) / 2)}.layout-guide__hline{height:var(--layout-guide-thickness);left:0;right:0}.layout-guide__hline--top{top:calc(50% - var(--layout-guide-size) / 2)}.layout-guide__hline--bottom{top:calc(50% + var(--layout-guide-size) / 2)}