/* Mobile navigation and chat workspace. */
.mobile-nav-toggle{display:none;}
@media (max-width:640px){
  .mobile-nav-toggle{display:flex;position:fixed;left:8px;top:6px;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #eee;border-radius:10px;background:#fff;font-size:22px;z-index:150;}
  .sidebar{padding-top:40px;box-sizing:border-box;}
  .mobile-nav-collapsed .sidebar{transform:translateX(-100%);visibility:hidden;}
  .mobile-nav-collapsed .main{margin-left:0;}
  .mobile-nav-collapsed .topbar{left:48px;}
  .sidebar{transition:transform .18s ease;}
  :root{--sidebar-w:52px;--banner-h:0px!important;}
  .promo-banner{display:none;}
  .main>.container{padding:58px 12px 40px;max-width:none;box-sizing:border-box;}
  .topbar{top:0;left:52px;height:48px;padding:0 10px;}
  .topbar-actions>.pill-btn:first-child{display:none;}
  .topbar .pill-btn{white-space:nowrap;}
  html,body{max-width:100%;}
  input,textarea,[contenteditable=true]{font-size:16px!important;}
  .main{margin-left:52px;min-width:0;}
  .sidebar{width:52px;}
  .hero{padding:24px 0 12px;}
  .hero-brand{flex-wrap:wrap;justify-content:center;}
  .hero-tagline{font-size:22px;}
  .chat-box{width:100%;max-width:100%;box-sizing:border-box;margin-top:24px;}
  .model-pills{flex-wrap:wrap;width:100%;max-width:100%;gap:8px;margin-top:16px;}
  .promo-banner{max-width:100vw;overflow:hidden;}
  .promo-banner{padding-right:30px;}
  .cv-workspace{height:100dvh;flex-direction:column;}
  .cv-canvas{display:none!important;}
  .cv-panel{width:100%;height:auto;min-height:0;flex:1;border-left:0;border-top:1px solid #eee;}
  .cv-panel-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;}
  .cv-panel-footer{padding-bottom:max(8px,env(safe-area-inset-bottom));}
  .cv-composer{max-width:100%;}
  .cv-composer-input{max-height:110px;}
  .cv-topbar{right:6px!important;top:5px;}
  .cv-topbar .cv-trial-btn{display:none;}
  .cv-brand{max-width:55%;}
  .cv-title-input{max-width:110px;}
  .cv-tools-main{bottom:5px;max-width:calc(100% - 12px);overflow-x:auto;}
  .cv-tools-left{bottom:48px;left:5px;}
  .cv-objectbar{max-width:calc(100vw - 16px);overflow-x:auto;}
  .cv-body.panel-collapsed .cv-canvas{flex:1;}
  .cv-body.panel-collapsed .cv-panel{width:100%;height:0;flex:0;border:0;}
  .cv-ai-text table{display:block;overflow-x:auto;}
  .cv-panel button{min-height:36px;}
  .cv-panel-header #cv-collapse{display:none;}
  .cv-body.panel-collapsed .cv-panel{width:100%;height:100%;flex:1;overflow:visible;}
  .cv-body.panel-collapsed .cv-panel .cv-panel-header,
  .cv-body.panel-collapsed .cv-panel .cv-panel-body,
  .cv-body.panel-collapsed .cv-panel .cv-panel-footer{display:block;}
}
@media (max-width:640px) and (max-height:500px){
  .cv-canvas{flex-basis:25%;min-height:100px;}
  .cv-tools-main,.cv-tools-left{display:none;}
}