/* Bi'Tisort v5.4.0 — mobile ergonomics, keyboard-safe controls, network feedback */
.bt-editor-network-status{position:fixed;left:50%;top:70px;z-index:2147483000;display:flex;align-items:center;gap:8px;max-width:min(92vw,440px);padding:9px 13px;border:1px solid rgba(15,23,42,.12);border-radius:999px;background:rgba(255,255,255,.96);color:#344054;font-size:12px;font-weight:700;box-shadow:0 10px 30px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none;backdrop-filter:blur(10px)}
.bt-editor-network-status.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.bt-editor-network-status span{font-size:10px;color:#16a34a}.bt-editor-network-status.is-offline span{color:#dc2626}.bt-editor-network-status.is-offline{border-color:#fecaca;background:rgba(254,242,242,.97);color:#991b1b}.bt-editor-network-status.is-online{border-color:#bbf7d0;background:rgba(240,253,244,.97);color:#166534}

@media(max-width:1050px){
  html,body{min-height:100%;min-height:100dvh}
  .studio-layout{min-height:calc(100dvh - 56px)!important}
  .studio-stage{min-height:calc(100dvh - 120px)!important;overscroll-behavior:contain}
  .studio-sidebar{width:min(94vw,430px)!important;max-width:min(94vw,430px)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .studio-sidebar .tool-panel{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
  .studio-sidebar button,.studio-sidebar input:not([type="checkbox"]):not([type="color"]):not([type="file"]),.studio-sidebar select,.mobile-studio-bar button{min-height:44px}
  .mobile-studio-bar{will-change:transform;transition:transform .18s ease,opacity .18s ease!important;touch-action:manipulation}
  .mobile-studio-bar button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .mobile-studio-bar button.is-active{background:#fff4ec!important;color:#b54708!important;box-shadow:inset 0 0 0 1px #fed7aa}
  .bt-mobile-keyboard-open .mobile-studio-bar{transform:translateY(calc(110% + env(safe-area-inset-bottom)));opacity:0;pointer-events:none}
  .bt-mobile-keyboard-open .studio-sidebar{bottom:8px!important}
  .bt-mobile-keyboard-open .studio-sidebar.mobile-open{max-height:calc(100dvh - 18px)!important}
  .bt-mobile-canvas-focus .canvas-viewport{animation:bt-v540-canvas-focus .48s ease}
  .bt-editor-network-status{top:58px;font-size:11px;padding:8px 11px}
  .recovery-box{align-items:center!important;gap:10px!important}
  .recovery-box button{min-width:78px;min-height:40px!important}
}

@media(max-width:430px){
  .studio-sidebar{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}
  .bt-editor-network-status{top:52px;max-width:calc(100vw - 18px);border-radius:12px}
  .draft-advanced-body .tool-action-grid{grid-template-columns:1fr 1fr!important}
}

@keyframes bt-v540-canvas-focus{0%{filter:saturate(.94);transform:scale(.997)}55%{filter:saturate(1.04);transform:scale(1.002)}100%{filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){.bt-editor-network-status,.mobile-studio-bar,.bt-mobile-canvas-focus .canvas-viewport{transition:none!important;animation:none!important}}