/* responsive.css - Tablet and phone adjustments. Keep this file last. */

/* RESPONSIVE */
@media(max-width:900px){
  .main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .editor-panel{border-right:none;border-bottom:1px solid var(--border)}
  .side-panel.open{width:240px}
  .side-inner{width:240px}
  .theme-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .activity-bar{width:46px}
  .act-btn{width:38px;height:38px;font-size:15px}
  .side-panel.open{position:absolute;left:46px;top:72px;bottom:24px;width:230px;z-index:500;box-shadow:4px 0 16px rgba(0,0,0,.15)}
  .topbar{padding:0 8px;gap:6px}
  .nbtn{padding:4px 10px;font-size:12px}
  .run-btn{padding:0 16px;font-size:13px;height:36px}
  .btm-l span:nth-child(n+3){display:none}
}