/* AI Video Chatbot Frontend Styles (2.3.4)
   - Mobile stable fullscreen (no clipped input)
   - Fixed framing and mild zoom via CSS var
*/
.peppa-panel-inner{display:flex;flex-direction:column;height:100%;}
.peppa-video-area{flex:1 1 auto;min-height:0;}
.peppa-input-row{flex:0 0 auto;padding-bottom:calc(12px + env(safe-area-inset-bottom));}
.peppa-status{flex:0 0 auto;}

.peppa-video-player{
  width:100%;
  height:100%;
  border-radius:16px;
  background:#000;
  object-fit:contain !important;
  object-position:50% 20% !important;
  transform-origin:50% 20%;
  transform: scale(var(--aivc-zoom, 1.10));
  will-change:transform;
}

.peppa-panel{
  height: calc(var(--aivc-vh, 1vh) * 100);
}

@media (max-width:768px){
  .peppa-panel{
    left:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height: calc(var(--aivc-vh, 1vh) * 100) !important;
    border-radius:0 !important;
  }
  .peppa-panel-header{padding-top:calc(12px + env(safe-area-inset-top));}
}