/* Keep the editing surface inside the app, outside the scrolling settings page. */
#ocean-aqua-prototype .oa-layout-overlay {
  position:absolute; z-index:20000; overflow:hidden;
  background:#042b3b; box-sizing:border-box; touch-action:none;
}
#ocean-aqua-prototype .oa-layout-overlay > .oa-layout-card.oa-layout-wide {
  position:absolute!important; inset:auto!important; left:50%!important; top:50%!important;
  width:var(--layout-width)!important; height:var(--layout-height)!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  margin:0!important; padding:8px 132px 8px 8px!important; box-sizing:border-box!important;
  transform:translate(-50%,-50%)!important; overflow:hidden; container-type:normal;
}
#ocean-aqua-prototype .oa-layout-overlay > .oa-layout-card.oa-layout-rotate {
  transform:translate(-50%,-50%) rotate(90deg)!important;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-card h2 {display:none}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-stage-switch {
  top:8px; left:auto; right:8px; transform:none; width:116px; max-width:116px;
  display:flex; flex-direction:column; gap:8px;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-stage-button {
  width:100%; height:44px; min-height:44px; flex:none; box-sizing:border-box; font-size:12px;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-toolbar {
  left:auto; right:8px; top:164px; bottom:auto; width:116px;
  min-height:44px; padding:0; box-sizing:border-box; background:none;
  display:flex; flex-direction:column-reverse; align-items:stretch; gap:12px;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-toolbar span {
  font-size:10px; line-height:1.6; text-align:center; white-space:normal;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-wide-button {
  width:100%; height:44px; min-height:44px; box-sizing:border-box; font-size:12px;
}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-return {
  position:absolute; top:112px; right:8px; z-index:8; width:116px;
  height:44px; min-height:44px; box-sizing:border-box;
  padding:8px 12px; border:1px solid #62c9c4; border-radius:10px;
  color:#042b3b; background:#62c9c4; font:inherit; font-size:13px; cursor:pointer;
}
#ocean-aqua-prototype .oa-layout-return[hidden] {display:none}
#ocean-aqua-prototype .oa-layout-overlay .oa-layout-card .oa-coral-layout {
  width:var(--layout-canvas-width)!important; height:var(--layout-canvas-height)!important;
  margin:0!important; max-width:100%!important; max-height:100%!important;
  min-height:0!important; box-sizing:border-box; flex:none; touch-action:none;
}