/* Keep the existing four destinations in their own row. */
#uxNav{flex-wrap:wrap}
#uxNav #settingsUpdate040{flex:1 1 100%;min-height:46px;background:#1758c7;color:#fff;border-color:#1758c7;font-weight:700}
body{padding-bottom:calc(var(--settings-nav-height,126px) + 16px + env(safe-area-inset-bottom))}
html{scroll-padding-bottom:calc(var(--settings-nav-height,126px) + 16px)}
#settingsUpdateStatus040:empty{display:none}
/* Only the preview container's unused area changes. No canvas pixel changes. */
.b-preview .stage[data-scene-theme="dark"]{background-color:#fff!important;background-image:none!important}
.b-preview .stage[data-scene-theme="light"]{background-color:#000!important;background-image:none!important}
.b-preview .stage canvas{position:relative;z-index:1}
.b-preview .stage[data-background-mode="transparent"]::before{content:'';position:absolute;left:var(--work-left,0px);top:var(--work-top,0px);width:var(--work-width,0px);height:var(--work-height,0px);background:conic-gradient(#444 25%,#707070 0 50%,#444 0 75%,#707070 0);background-size:20px 20px;pointer-events:none}
.b-preview .stage[data-background-mode="transparent"][data-scene-theme="light"]::before{background-image:conic-gradient(#ccc 25%,#f5f5f5 0 50%,#ccc 0 75%,#f5f5f5 0)}

/* A confirmation button remains actionable even when there are no changes. */
#uxNav #settingsUpdate040{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:10px 14px;border:2px solid #093c91;border-radius:12px;background:#1458c9;color:#fff;font-size:18px;line-height:1.3;box-shadow:0 3px 0 #093c91,0 3px 9px #123b7026;cursor:pointer;opacity:1}
#settingsUpdate040 .settings-check040{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font-size:16px;flex:none}
#settingsUpdate040 .settings-action040{font-size:12px;font-weight:500}
#uxNav #settingsUpdate040:hover:enabled{background:#0d49af}
#uxNav #settingsUpdate040:active:enabled{transform:translateY(2px);box-shadow:0 1px 0 #093c91}
#uxNav #settingsUpdate040:focus-visible{outline:3px solid #0b315e;outline-offset:3px}
#uxNav #settingsUpdate040:disabled{background:#728bad;border-color:#536d90;box-shadow:none;cursor:wait;opacity:1}
@media(max-width:420px){#uxNav #settingsUpdate040{gap:8px;padding:10px;font-size:17px}.settings-action040{font-size:11px!important}}

/* UAT008: selected work ratio is visible before and after playback. */
.b-preview .stage[data-scene-format="square"]{aspect-ratio:1/1!important;max-width:540px}
.b-preview .stage[data-scene-format="portrait"]{aspect-ratio:4/5!important;max-width:432px}
.b-preview .stage[data-scene-format="tall"],.b-preview .stage[data-scene-format="tall-mp4"]{aspect-ratio:9/16!important;max-width:360px}
.b-preview .stage[data-scene-format="landscape"],.b-preview .stage[data-scene-format="sample"]{aspect-ratio:16/9!important}