/* Shared styles for the public, static workbench pages. */
body.workbench-theme .workbench-global-header nav { flex-wrap: wrap; }
body.workbench-theme .workbench-global-header .workbench-global-brand { color: var(--wb-accent); }
body.workbench-theme .workbench-global-header nav a[aria-current] { background: var(--wb-accent-soft); color: var(--wb-accent-hover); }
.workbench-global-context #openWelcome { justify-self: end; padding: 0 4px; border-color: transparent; font-size: 11px; color: var(--wb-accent); }
#welcomeDialog { position: fixed; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: clamp(20px, 4vw, 28px); overflow: auto; }
#welcomeDialog::backdrop { background: #18303c70; }
#welcomeDialog h2 { font-size: clamp(18px, 4vw, 25px); font-weight: 700; margin: 0 0 15px; }
#welcomeDialog p { font-size: 14px; line-height: 1.7; }
#welcomeDialog .welcome-close { position: absolute; top: 10px; right: 10px; min-width: 34px; padding: 3px 7px; font-size: 19px; }
#welcomeDialog .welcome-video { margin: 16px 0 0; }
#welcomeDialog .welcome-video figcaption { margin-bottom: 7px; font-size: 13px; font-weight: 650; }
#welcomeDialog .welcome-video video { display: block; width: 100%; height: auto; border-radius: 7px; background: var(--wb-viewport); }
#welcomeDialog .dialog-actions { display: flex; justify-content: flex-end; margin-top: 22px; }
body.workbench-theme #enterWorkbench { background: var(--wb-accent); color: #fff; border-color: var(--wb-accent); }
.defense-link { display: block; text-align: center; padding: 9px; border: 1px solid var(--wb-border); border-radius: 7px; }
.defense-model-frame { border: 0; display: block; width: 100%; height: 100%; min-height: 0; background: var(--wb-viewport); }
:is(#modelViewport, #viewport, #sceneView, #responseViewport, #sceneViewport, .refined-blast-preview-canvas, .model-stage) > .defense-model-frame { position: absolute; inset: 0; }
.defense-secondary :is(#modelViewport, #viewport, #sceneView, #responseViewport, #sceneViewport, .refined-blast-preview-canvas, .model-stage) { min-height: 260px; }
.defense-secondary #modelViewport :is(.viewport-grid, .axis-widget, .viewer-hint),
.defense-secondary :is(.viewer-note, [data-refined-preview-overlay], #loadingState) { pointer-events: none; }
.defense-secondary #modelViewport > :is(.viewport-grid, .axis-widget), .defense-secondary .viewer-note { display: none; }
body[data-defense-page="modeling"] #modelViewport { background: var(--wb-background); cursor: default; }
body[data-defense-page="modeling"] #modelViewport [hidden] { display: none; }
.defense-secondary [data-demo-status] { overflow-wrap: anywhere; }
.defense-secondary img.preview { width: 100%; object-fit: cover; }
.defense-scene { max-width: 1180px; margin: 0 auto; padding: clamp(16px, 4vw, 34px); line-height: 1.65; }
.defense-scene .defense-model-frame { height: clamp(380px, 72dvh, 690px); }
.defense-scene table { border-collapse: collapse; width: min(100%, 580px); }
.defense-scene th, .defense-scene td { padding: 10px; border: 1px solid var(--wb-border); text-align: left; }
.defense-embedded .cpu-stage { height: 100dvh; border: 0; border-radius: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; }
.defense-embedded .cpu-stage-heading, .defense-embedded .viewport-label, .defense-embedded .stage-status { display: none; }
body.defense-embedded .viewport { height: 100%; min-height: 0; }
.defense-embedded .view-tools { bottom: 6px; }
.defense-embedded .playback { padding: 6px 9px; }
.defense-embedded .playback #resetDemo { display: inline-block; }
.defense-embedded .playback button:disabled { display: none; }
.defense-note { line-height: 1.65; color: var(--wb-muted); }
.defense-secondary button[disabled] { cursor: default; opacity: .6; }
body.defense-secondary.has-workbench-navigation :is(#legacyWorkbenchRoot, .refined-blast-shell) { min-height: 680px; }
@media (max-width: 760px) {
  body.workbench-theme.defense-secondary .workbench-global-header nav { width: 100%; }
  .defense-embedded .playback select { max-width: 64px; }
}
.defense-secondary .refined-blast-layer-toggle { bottom: 55px; }