@media (max-width: 860px) { .resize-handle { display: none; } }
@media (max-width: 860px) {
  .pane-editor { width: 100% !important; min-width: 0; border-right: none; display: none; }
  .pane-editor.mob-active { display: block; }
  .pane-right { display: none; }
  .pane-right.mob-active { display: flex; flex: 1; }
  .app-header { padding: 0 18px; }
  .inp { padding: 14px 16px !important; font-size: 16px !important; }
  textarea.inp { min-height: 96px !important; }
  .btn-ghost { padding: 12px 20px !important; font-size: 14px !important; }
  .btn-primary { padding: 15px 28px !important; font-size: 15px !important; }
  .btn-icon { width: 42px !important; height: 42px !important; }
  .sec-title { font-size: 24px !important; }
  .editor-inner { padding: 24px 18px 100px !important; }
}
.mob-nav { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg2); border-top: 1px solid var(--b2); z-index: 200; padding: 8px 0 max(8px, env(safe-area-inset-bottom)); }
@media (max-width: 860px) { .mob-nav { display: flex; } }
.mob-tab { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; background: none; padding: 6px 0; font-size: 10px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }