@media (max-width:1180px){
  #main{padding:24px}
  .editor-header{flex-direction:column;align-items:stretch}
  .btn-row{justify-content:flex-start}
  #preview-panel{width:560px;min-width:560px}
}

@media (max-width:900px){
  body{overflow:auto;padding-top:calc(var(--mobile-bar) + env(safe-area-inset-top))}
  .mobile-bar{position:fixed;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;top:0;left:0;right:0;height:calc(var(--mobile-bar) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);z-index:45;backdrop-filter:blur(12px)}
  .mobile-title{text-align:center;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}.icon-btn{width:38px;height:38px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:var(--surface-soft)}.icon-btn svg{width:19px;height:19px}
  #app{height:calc(100dvh - var(--mobile-bar) - env(safe-area-inset-top));overflow:hidden}
  #sidebar{position:fixed;top:calc(var(--mobile-bar) + env(safe-area-inset-top));bottom:0;left:0;width:min(82vw,320px);min-width:0;transform:translateX(-102%);box-shadow:10px 0 35px rgba(30,27,22,.16);transition:transform .22s cubic-bezier(.16,1,.3,1);z-index:44}
  body.sidebar-open #sidebar{transform:translateX(0)}
  .sidebar-scrim{position:fixed;display:block;inset:calc(var(--mobile-bar) + env(safe-area-inset-top)) 0 0;background:rgba(20,20,18,.34);opacity:0;pointer-events:none;transition:opacity .2s;z-index:43}
  body.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}
  #main{width:100%;padding:18px 16px calc(28px + env(safe-area-inset-bottom));overflow-y:auto}
  .editor-header{margin-bottom:16px;gap:12px}.editor-title{font-size:19px}.editor-heading .save-status{display:flex}.editor-header>.btn-row{margin:0 -16px;padding:0 16px 4px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.editor-header>.btn-row::-webkit-scrollbar{display:none}.editor-header>.btn-row .btn{flex:none}
  .tabs{margin:0 -16px 17px;padding:0 8px}.tab{flex:1;min-width:92px;padding-left:10px;padding-right:10px}
  .card{padding:17px 15px;margin-bottom:13px;border-radius:9px}.form-grid,.form-grid.cols3{grid-template-columns:1fr}.form-group.full{grid-column:auto}
  .share-bar{display:grid;grid-template-columns:1fr auto;gap:7px 10px}.share-state{grid-column:1/-1}.share-url{min-width:0}
  .studio-manager-row{grid-template-columns:1fr 1fr}.studio-manager-row select{grid-column:1/-1}.studio-manager-row .btn{width:100%}.studio-manager-row #btn-delete-studio{grid-column:1/-1}
  .table-scroll{margin:0 -15px;padding:0 15px}.items-table{min-width:720px}.empty-state{padding:18px 8px}
  #preview-resize{display:none!important}
  #preview-panel{position:fixed;inset:calc(var(--mobile-bar) + env(safe-area-inset-top)) 0 0;z-index:42;width:100%!important;min-width:0!important;padding:14px 10px calc(20px + env(safe-area-inset-bottom));background:#dedcd6;display:none;overflow:auto}
  #preview-panel.open{display:block}.preview-close-mobile{display:inline-flex}.preview-page-count{margin-left:0}#preview-toolbar{top:-14px;margin:-14px -10px 12px;padding:13px 10px 9px;background:rgba(222,220,214,.96);backdrop-filter:blur(10px);flex-wrap:nowrap;overflow-x:auto}.preview-tool-label{display:none}.page-theme-chip{flex:none}.toolbar-select{flex:none}
  #preview-content .pv-pages{zoom:var(--mobile-preview-zoom,.48);gap:12px}
  .modal-overlay{align-items:flex-end}.modal-box{width:100%;max-width:100%;border-radius:14px 14px 0 0;padding:24px 20px calc(22px + env(safe-area-inset-bottom));transform:translateY(20px)}
  .toast{bottom:calc(18px + env(safe-area-inset-bottom))}
  body.shared-view{padding-top:0}.shared-view .mobile-bar{display:none}.shared-view #app{height:100dvh}.shared-view #preview-panel{inset:0}
}

@media (max-width:480px){
  #main{padding-left:12px;padding-right:12px}.editor-header>.btn-row{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.tabs{margin-left:-12px;margin-right:-12px}.card{padding:15px 12px}.table-scroll{margin:0 -12px;padding:0 12px}
  .btn{min-height:36px}.share-bar{grid-template-columns:1fr}.share-bar .btn{width:100%}.studio-manager-row{grid-template-columns:1fr}.studio-manager-row select,.studio-manager-row #btn-delete-studio{grid-column:auto}
}