/* SoulOne Studio: single-workspace embedded mode inside AI preparation.
   Suppresses duplicate navigation, keeps authentication and upload controls,
   and limits scrolling to the panel (not the phone's entire viewport). */
html.soulone-ai-embedded,
html.soulone-ai-embedded body {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
html.soulone-ai-embedded body>header { display:none!important; }
html.soulone-ai-embedded body>main {
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:8px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))!important;
  gap:0!important;
  overflow:hidden!important;
}
html.soulone-ai-embedded body>main>.panel:not(.hide) {
  box-sizing:border-box!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:clamp(10px,2vw,20px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
html.soulone-ai-embedded body>main>#library {display:none!important}
html.soulone-ai-embedded #auth:not(.hide) {
  max-width:520px!important;
  justify-self:center!important;
}
html.soulone-ai-embedded #uploader h2 {margin-bottom:6px!important}
html.soulone-ai-embedded #uploader>.muted {margin-bottom:10px!important}
@media (max-width:1100px) and (pointer:coarse) {
  html.soulone-ai-embedded #uploader :is(input,select,button) {
    min-height:40px;
    touch-action:manipulation;
  }
  html.soulone-ai-embedded #uploader .file select {min-height:40px!important}
  html.soulone-ai-embedded #uploader #go {min-height:44px!important}
}