:root.sampler-uniform-fit {
    --sampler-design-vh: 7.2px;
    background: #0f0f23;
}

/* Keep native dropdowns and their expanded menus legible throughout the app. */
html body select,
html body select option,
html body select optgroup {
    background: #000 !important;
    color: #fff !important;
    color-scheme: dark;
}
.sampler-uniform-fit body {
    position: fixed;
    inset: 0;
    width: var(--hx-fit-viewport-width, 100vw);
    height: var(--hx-fit-viewport-height, 100dvh);
    overflow: hidden;
}
.sampler-uniform-fit #renderDiv {
    position: absolute;
    width: 1280px;
    height: 720px;
    max-width: none;
    transform-origin: top left;
}
.sampler-uniform-fit body,
.sampler-uniform-fit body * {
    font-family: 'Orbitron', monospace !important;
    text-transform: uppercase !important;
}

.sampler-video-output:fullscreen {
    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    background:#000;
}
.sampler-video-output:-webkit-full-screen {
    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    max-height:none !important;
    transform:none !important;
    background:#000;
}
.sampler-video-output:fullscreen video,
.sampler-video-output:-webkit-full-screen video { object-fit:contain !important; }
.sampler-video-output:fullscreen .sampler-output-controls { display:none !important; }
.sampler-video-output:-webkit-full-screen .sampler-output-controls { display:none !important; }