body.tablet-shell .resources-main-grid{grid-template-columns:minmax(0,1fr)!important}
body.phone-shell .topbar{padding:8px 10px!important;border-radius:0 0 18px 18px!important}
body.phone-shell .topbar .header-card{gap:6px!important;padding:0!important}
body.phone-shell .topbar-title{font-size:15px!important}
body.phone-shell .topbar-title-wrap{min-width:0;flex:1 1 auto}
body.phone-shell .topbar-actions{gap:2px!important;flex:0 0 auto}
body.phone-shell .main{height:var(--doc-height)!important}
body.phone-shell .content-shell{padding:0 8px calc(140px + var(--browser-bottom) + env(safe-area-inset-bottom))!important}
body.phone-shell .content-wrap{height:auto!important;min-height:100%!important}
body.phone-shell .desktop-composer{display:none!important}
body.phone-shell .masonry{column-count:1!important}
body.phone-shell .bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;position:fixed;left:0;right:0;bottom:var(--browser-bottom);height:calc(76px + env(safe-area-inset-bottom));padding:6px 6px calc(8px + env(safe-area-inset-bottom))!important;z-index:52;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--border)}
html.dark body.phone-shell .bottom-nav{background:rgba(11,11,12,.94)}
body.phone-shell .bottom-nav a{min-width:0!important;gap:4px!important;justify-content:center!important;line-height:1.05!important;font-size:10px!important;padding:4px 0!important}
body.phone-shell .bottom-nav a span{display:block!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.phone-shell .fab-stack{display:flex!important;right:max(14px, env(safe-area-inset-right))!important;bottom:calc(94px + var(--browser-bottom) + env(safe-area-inset-bottom))!important;gap:12px!important;z-index:60!important;pointer-events:auto!important}
body.phone-shell .quick-btn,body.phone-shell .warning-btn{width:68px;height:68px;box-shadow:0 16px 36px rgba(15,23,42,.2)}
body.phone-shell.mobile-composer-open .fab-stack,
body.phone-shell.mobile-composer-open .bottom-nav{opacity:0!important;pointer-events:none!important}
body.phone-shell.mobile-menu-open .fab-stack,
body.phone-shell.mobile-menu-open .bottom-nav{opacity:0!important;pointer-events:none!important}
body.phone-shell .modal-backdrop{z-index:82!important;padding:10px max(10px, env(safe-area-inset-right)) calc(10px + var(--browser-bottom) + env(safe-area-inset-bottom)) 10px!important}
body.phone-shell .mobile-menu-sheet{width:100%!important;max-width:none!important;max-height:calc(var(--doc-height) - 20px - var(--browser-bottom) - env(safe-area-inset-bottom))!important}
body.phone-shell .mobile-menu-sheet .modal-body{overflow:auto!important}
body.phone-shell .drawer{z-index:70}