/* GO3D model-first review: realistic entry, one secondary-tool drawer. */
.jambo-light-shortcuts{position:absolute;z-index:26;top:64px;right:10px;width:max-content;max-width:calc(100% - 20px);color:var(--text)}
.jambo-light-shortcuts>summary{display:flex;align-items:center;justify-content:center;min-height:44px;list-style:none;padding:9px 13px;gap:5px;border:1px solid #89b2ad;background:#163b40ed;color:#eef9f5;border-radius:9px;cursor:pointer;font-weight:750;font-size:13px;box-shadow:0 4px 17px #07141e66}
.jambo-light-shortcuts>summary::-webkit-details-marker{display:none}
.jambo-light-shortcuts>summary::after{content:'⌄';padding-left:5px}
.jambo-light-shortcuts[open]>summary::after{content:'⌃'}
.jambo-light-shortcuts-panel{position:absolute;right:0;top:calc(100% + 7px);display:grid;gap:7px;width:min(270px,calc(100vw - 24px));max-height:calc(100dvh - 235px);overflow:auto;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--panel);box-shadow:0 11px 35px #03151dbb}
.jambo-light-shortcuts-panel button{width:100%;min-height:44px;text-align:left}
.jambo-light-shortcuts-panel p{font-size:11px;line-height:1.4;color:var(--muted);margin:5px 0 0}
.accuracy-short{display:none}
html[data-jambo-native] #stage.expanded .jambo-light-shortcuts{top:calc(64px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right))}
@media(max-width:650px){.jambo-light-shortcuts{top:58px;right:8px}.jambo-light-shortcuts>summary{padding:8px 10px;font-size:12px}.jambo-light-shortcuts-panel{max-height:min(370px,calc(100dvh - 190px))}}
html[data-jambo-native] body>header{
  min-height:48px;gap:12px;padding:4px max(12px,2vw);
}
html[data-jambo-native] body>header .brand img{width:104px;height:35px}
html[data-jambo-native] main{padding:10px max(10px,2vw) 24px}
html[data-jambo-native] .heading{align-items:center;gap:10px;margin-bottom:9px}
html[data-jambo-native] .heading h1{font-size:clamp(21px,2.7vw,30px);margin:0}
html[data-jambo-native] .heading .intro{display:none}
html[data-jambo-native] #focusNote{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;
}
html[data-jambo-native] .heading .accuracy{
  margin:0 0 0 auto;max-width:min(460px,100%);padding:0;
  border:1px solid var(--border);border-radius:8px;
  background:var(--panel);font-size:12px;
}
html[data-jambo-native] .accuracy>summary{
  display:flex;align-items:center;min-height:44px;gap:9px;
  padding:7px 12px;cursor:pointer;color:var(--text);font-weight:600;
}
html[data-jambo-native] .accuracy>summary::before{
  content:'i';display:grid;place-items:center;flex:0 0 17px;height:17px;
  border:1px solid var(--accent);border-radius:50%;color:var(--accent);
  font-size:11px;font-family:system-ui,sans-serif;
}
html[data-jambo-native] .accuracy>p{padding:0 12px 12px;margin:0;line-height:1.5;color:var(--muted)}
html[data-jambo-native] #stage{height:min(82dvh,820px);min-height:410px}
html[data-jambo-native] #stage .stage-top{
  left:8px;right:8px;top:8px;gap:6px;align-items:flex-start;
}
html[data-jambo-native] #stage .stage-top #viewLabel{
  flex:0 1 auto!important;min-width:0;max-width:min(55%,270px)!important;
  margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:#10232bde;color:#e9f4f2;border:1px solid #ffffff38;
  font-size:11px;line-height:1.45;padding:7px 10px;
}
html[data-jambo-native] #stage .stage-top #expand{
  min-width:44px;min-height:44px;font-size:12px;
  background:#10232bde;color:#f2f9f6;border-color:#ffffff66;
}
html[data-jambo-native] #stage .toolbar{
  gap:3px;padding:4px;border-radius:11px;
  background:#10232ba8;border:1px solid #ffffff35;
  box-shadow:0 4px 20px #091c2850;
}
html[data-jambo-native] #stage .toolbar>#fit,
html[data-jambo-native] #stage .toolbar>#modelTools,
html[data-jambo-native] #stage .toolbar>#zoomIn,
html[data-jambo-native] #stage .toolbar>#zoomOut{
  min-width:44px;min-height:44px;display:inline-flex!important;
  justify-content:center;align-items:center;margin:0;
}
html[data-jambo-native] #stage .toolbar>#modelTools{
  color:#edfaf6;border-color:#78d4c080;background:#173d43db;
}
html[data-jambo-native] #stage .view-options{
  width:min(370px,calc(100vw - 20px));
  max-height:min(64dvh,calc(100dvh - 120px));
  overflow-y:auto;overscroll-behavior:contain;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;
}
html[data-jambo-native] #stage .view-options>.tool-group-label{
  margin:5px 0 0;padding:6px 2px 3px;
}
html[data-jambo-native] #stage .view-options>button{min-height:44px;padding:8px 10px}
html[data-jambo-native] #stage .go3d-help-launch{
  border:1px solid #ffffff66!important;background:#10232bde!important;color:#f2f9f6!important;
}
html[data-jambo-native] .foot{font-size:11px;margin:6px 0 10px;color:var(--muted)}
/* Connected Review owns the frame size; the native page owns its own layout. */
html[data-embedded="1"][data-jambo-native] #stage{
  height:100%!important;min-height:0;border:0;border-radius:0;
}

@media(max-width:700px){
  html[data-jambo-native] body>header{min-height:44px;padding:3px 10px}
  html[data-jambo-native] body>header .brand img{width:89px;height:32px}
  html[data-jambo-native] body>header>a:not(.brand){font-size:12px}
  html[data-jambo-native] main{padding:5px 7px 20px}
  html[data-jambo-native] .heading{gap:4px;margin-bottom:5px;flex-wrap:nowrap}
  html[data-jambo-native] .heading h1{font-size:19px;white-space:nowrap}
  html[data-jambo-native] .heading .accuracy{font-size:11px;max-width:none;flex:0 0 auto}
  html[data-jambo-native] .heading .accuracy>summary{font-size:11px;line-height:1.2;min-height:44px;padding:6px 9px;gap:5px}
  html[data-jambo-native] .heading .accuracy .accuracy-long{display:none}
  html[data-jambo-native] .heading .accuracy .accuracy-short{display:inline}
  html[data-jambo-native] #stage{
    height:calc(100dvh - 116px - env(safe-area-inset-bottom));
    min-height:310px;border-radius:9px;
  }
  /* Actual model first. The status is reachable through Sources & accuracy. */
  html[data-jambo-native] #stage .stage-top #viewLabel{
    position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:0!important;overflow:hidden!important;
    clip-path:inset(50%)!important;white-space:nowrap!important;
  }
  html[data-jambo-native] #stage .stage-top{left:auto;right:8px;justify-content:flex-end;width:auto}
  html[data-jambo-native] #stage .stage-top #expand{
    min-width:44px;max-width:44px;padding:5px;font-size:23px;
  }
  html[data-jambo-native] #stage .stage-top .go3d-help-launch{min-width:44px!important;font-size:12px}
  html[data-jambo-native] .jambo-light-shortcuts{top:60px;right:8px}
  html[data-jambo-native] .jambo-light-shortcuts>summary{font-size:12px;min-height:44px;padding:8px 10px}
  html[data-jambo-native] #stage .toolbar{width:max-content;max-width:calc(100% - 16px);gap:4px}
  html[data-jambo-native] .foot{display:none}
  html[data-jambo-native] #stage .view-options{
    grid-template-columns:1fr;width:min(310px,calc(100vw - 16px));
    max-height:min(67dvh,calc(100dvh - 110px));
  }
  /* The drawer overlays the model without unexpectedly reflowing its camera. */
  html[data-jambo-native] #stage:has(#viewOptions[open],.workspace-layer-panel:not([hidden]),.twin-sync-panel:not([hidden])) #viewport{
    inset:0!important;
  }
}
@media(orientation:landscape) and (max-height:500px){
  html[data-jambo-native] #stage{height:calc(100dvh - 72px);min-height:200px}
  html[data-jambo-native] .heading{display:none}
  html[data-jambo-native] #stage .view-options{width:min(300px,45vw)}
}