body.dual-use-studio { --pav-bg:#e9ece5; --pav-secondary:#dfe4d9; --pav-text-heading:#19241e; --pav-text-body:#48584b; --pav-text-muted:#607061; --pav-line:#cbd1c4; --pav-blue:#66784d; --pav-accent:#66784d; background:#e9ece5; color:#48584b; }
.dual-use-studio .logo-container { background:#121c17; border-color:#344138; }
.dual-use-studio .header-caption { color:#b0bba7; }
.dual-use-studio .content-container { background:#eef0e9; border-color:#cbd1c4; }
.dual-use-studio .panel-kicker, .dual-use-studio .panel-body .panel-block-title { color:#617249; }
.dual-use-studio .content-container h1 { color:#19241e; }
.dual-use-studio .info-text .selected { color:#26352a; }
.dual-use-studio .panel-body li::before { color:#65794e; }
.dual-use-studio .project-link { color:#667363; }
.dual-use-studio .project-link small { font-size:10px; }
.dual-use-studio .project-link span { color:#243329; }
.dual-use-studio .viewer-viewer { background:#e8ebe3; }
.dual-use-studio .stage-caption, .dual-use-studio .stage-hint { color:#33462f; }
.dual-use-studio .stage-caption span:last-child::before { background:#667b45; }
.dual-use-studio .sidebar { background:#e4e8dd; }
.dual-use-studio .sidebar-button { color:#58664f; font-size:16px; gap:16px; }
.dual-use-studio .sidebar-button:hover, .dual-use-studio .sidebar-button.selected { background:#d9dfce; color:#17241b; }
.dual-use-studio .sidebar-button.selected::after { background:#647c47; }
.dual-use-studio .chapter-number { color:#61754b; }
.dual-use-studio .chapter-status { border-color:#748368; }
.dual-use-studio .selected .chapter-status { background:#647c47; border-color:#647c47; }
.dual-use-studio .button-play-pause { background:#405336; border-color:#405336; }
.dual-use-studio .button-play-pause:hover { background:#536a44; }
.dual-use-studio .button-play-pause[hidden] { display:none; }
.dual-use-studio .button-launch-demo { display:flex; align-items:center; gap:8px; color:#f0f3e9; background:#243126; border-color:#485845; }
.dual-use-studio .button-launch-demo svg { fill:none; }
.dual-use-studio .zoom-slider-container { background:#243126; border-color:#485845; }
.dual-use-studio .zoom-slider::-webkit-slider-thumb { border-color:#9cb685; }
.dual-use-studio .hotspot-dot-core { background:#526e37; box-shadow:0 0 0 4px #63764933,0 2px 8px #0003; }
.dual-use-studio .hotspot-dot:hover .hotspot-dot-core { box-shadow:0 0 0 7px #63764933; }
.dual-use-studio .hotspot-callout-bubble { background:#18271df5; border-color:#7d9270; }
.dual-use-studio .hotspot-callout-bubble::before { background:#97b67b; }
.dual-use-studio .mesh-info-panel { background:#18271df5; color:#e7ede2; border:1px solid #7d9270; border-radius:3px; box-shadow:0 8px 30px #0002; max-width:310px; padding:20px 30px 20px 20px; font-family:Manrope,Arial,sans-serif; z-index:60; }
.dual-use-studio .mesh-info-title { font-family:inherit; color:#f3f4f0; font-size:15px; }
.dual-use-studio .mesh-info-body { font-family:inherit; color:#c8d4c1; font-size:12px; line-height:1.6; }
.dual-use-studio .mesh-info-close { color:#fff; }
.dual-use-studio .language-toggle { background:#223025; border-color:#62725c; }
.dual-use-studio .language-list { background:#18231b; border-color:#657a58; }
.dual-use-studio .language-option:hover, .dual-use-studio .language-option:focus-visible { background:#34472c; }
.dual-use-studio .language-option[aria-selected="true"] { background:#405333; }
.dual-use-studio .language-code { color:#b6c4a9; }
.dual-use-studio :is(a,button,input):focus-visible { outline-color:#83a562; }
@media(max-width:1024px) { .dual-use-studio .sidebar-button { font-size:12px; min-width:0; padding:12px 8px; gap:8px; } .dual-use-studio .chapter-status { display:none; } .dual-use-studio .mesh-info-panel { bottom:80px; left:16px; right:16px; max-width:none; width:auto; } }
@media(max-width:600px) { .dual-use-studio .sidebar-button { flex-direction:column; align-items:flex-start; gap:6px; font-size:11px; } .dual-use-studio .chapter-number { align-self:flex-start; } .dual-use-studio .stage-caption { font-size:8px; } .dual-use-studio .button-launch-demo { top:44px; right:16px; } }
.dual-use-studio #reset-view { position:absolute; z-index:40; cursor:pointer; }
.dual-use-studio .component-picker { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.dual-use-studio .component-picker button, .dual-use-studio .retry-model { padding:7px 9px; background:#e0e5d8; border:1px solid #a7b497; color:#293e24; font:11px Manrope,Arial,sans-serif; cursor:pointer; border-radius:2px; }
.dual-use-studio .component-picker button:hover { background:#cdd8be; }
.dual-use-studio .mesh-info-panel::before { background:#86a265; border-radius:0; }