:root.vocoder-uniform-fit { background: #07090d; }
:root.vocoder-uniform-fit body {
    position: fixed;
    inset: 0;
    width: var(--hx-fit-viewport-width, 100vw);
    height: var(--hx-fit-viewport-height, 100dvh);
    padding: 0;
    overflow: hidden;
    transition: none;
}
.vocoder-uniform-fit #vocoder-instrument {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 1280px;
    height: 720px;
    max-width: none;
    padding: 8px;
    transform-origin: top left;
    background: linear-gradient(180deg, #12151c 0%, #0c0e13 28%, #07090d 100%);
}
.vocoder-uniform-fit .main-container {
    grid-template-columns: 300px minmax(0, 1fr) 300px;
    grid-template-rows: minmax(0, 1fr);
}
.vocoder-uniform-fit .user-guide-overlay {
    width: 1280px;
    height: 720px;
}
.vocoder-uniform-fit .user-guide-modal { width: 800px; max-height: 612px; }