.v1-mobile-bar,.v1-mobile-menu{display:none}

@media(max-width:720px){
  html.mobile-menu-open,html.mobile-menu-open body{overflow:hidden}
  body{padding-top:68px}
  .sidebar{display:none!important}
  .v1-mobile-bar{display:flex;position:fixed;inset:0 0 auto 0;height:68px;z-index:60;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(135deg,#07111f,#102238);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(7,17,31,.18)}
  .v1-mobile-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0}
  .v1-mobile-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#27d3a2,#8ff5d4);color:#05251a;font-weight:950;font-size:13px;box-shadow:0 7px 18px rgba(39,211,162,.2)}
  .v1-mobile-brand strong,.v1-mobile-brand small{display:block}.v1-mobile-brand strong{font-size:13px;line-height:1.1}.v1-mobile-brand small{margin-top:4px;color:#8fa2b8;font-size:10px;font-weight:750}
  .v1-mobile-menu-button{height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;padding:0 13px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:850}
  .v1-mobile-menu-lines{display:grid;gap:3px}.v1-mobile-menu-lines i{display:block;width:17px;height:2px;border-radius:2px;background:#fff}
  .v1-mobile-menu{display:block;position:fixed;inset:0;z-index:80;pointer-events:none;visibility:hidden}
  .v1-mobile-menu.open{pointer-events:auto;visibility:visible}
  .v1-mobile-backdrop{position:absolute;inset:0;border:0;background:rgba(2,9,17,.58);opacity:0;transition:opacity .2s ease}
  .v1-mobile-menu.open .v1-mobile-backdrop{opacity:1}
  .v1-mobile-sheet{position:absolute;left:12px;right:12px;top:12px;border-radius:22px;background:#fff;box-shadow:0 26px 70px rgba(3,13,24,.32);overflow:hidden;transform:translateY(-18px);opacity:0;transition:transform .22s ease,opacity .2s ease}
  .v1-mobile-menu.open .v1-mobile-sheet{transform:translateY(0);opacity:1}
  .v1-mobile-sheet header{min-height:74px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#081625,#12314a);color:#fff}
  .v1-mobile-sheet header span,.v1-mobile-sheet header strong{display:block}.v1-mobile-sheet header span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8bf1d0;font-weight:850}.v1-mobile-sheet header strong{font-size:20px;margin-top:3px}
  .v1-mobile-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1}
  .v1-mobile-sheet nav{display:grid;padding:10px}
  .v1-mobile-sheet nav a{min-height:52px;padding:0 10px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;border-radius:12px;color:#102033;text-decoration:none;border-bottom:1px solid #edf1f4}
  .v1-mobile-sheet nav a:last-child{border-bottom:0}.v1-mobile-sheet nav a:active{background:#eef8f5}
  .v1-mobile-sheet nav a>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf5f8;color:#1d5f55;font-size:17px}.v1-mobile-sheet nav a strong{font-size:14px}.v1-mobile-sheet nav a i{font-style:normal;font-size:22px;color:#91a0af}
  .v1-mobile-logout{margin:0 10px 12px;width:calc(100% - 20px);min-height:48px;border:1px solid #f0c7cb;border-radius:12px;background:#fff5f6;color:#9c3945;display:flex;align-items:center;gap:11px;padding:0 14px;font-weight:850}.v1-mobile-logout span{font-size:18px}

  .topbar{position:relative;top:auto;height:auto;min-height:104px;padding:18px 16px;align-items:flex-start;gap:14px}
  .topbar>div:first-child{min-width:0;flex:1}.topbar h1{font-size:27px;line-height:1.08}.topbar p{font-size:11px;line-height:1.4;margin-top:7px}
  .top-actions{flex:0 0 auto;gap:7px}.top-actions .pill{max-width:118px;padding:7px 9px;font-size:9px;line-height:1.15;text-align:center;white-space:normal}.avatar{width:38px;height:38px}
  .generator-main .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto}.generator-main .topbar .top-actions{align-self:start}.generator-main .topbar h1{font-size:28px}
  .generator-kicker{font-size:9px!important}
  .content,.generator-workspace{padding-left:12px!important;padding-right:12px!important}
}

@media(max-width:390px){
  .top-actions .pill{display:none}
  .topbar h1,.generator-main .topbar h1{font-size:25px}
}