.mobile-overview-legal{display:none}
@media(max-width:760px){
 .filterbar{height:54px!important;min-height:54px!important;flex-wrap:nowrap;padding:7px 12px!important}
 .filterbar>.filter-context{display:none!important}
 .world-bottom-controls>.surprise,.world-bottom-controls>.mobile-legal-menu,body:has(.world-tools) .explore-links{display:none!important}
 .world{height:calc(100dvh - 158px)!important}
 .world-bottom-controls{display:flex;justify-content:space-between;gap:8px;left:10px;right:10px}
 .world-bottom-controls>.keep-exploring{position:static!important;transform:none!important;margin:0!important;min-height:40px;padding:9px 12px;font-size:12px;white-space:nowrap;flex:0 1 auto;pointer-events:auto}
 .world-bottom-controls>.world-tools{flex-shrink:0}
 .mobile-overview-legal{display:block;margin-top:32px;padding:22px 0;border-top:1px solid #d7d3c9}
 .mobile-overview-legal h2{margin:0 0 12px;font-size:16px}
 .mobile-overview-legal nav{display:flex;flex-wrap:wrap;gap:10px 18px}
 .mobile-overview-legal a{color:inherit;font-size:13px;text-underline-offset:3px;padding:8px 0}
}
@media(max-width:360px){.world-bottom-controls>.keep-exploring{font-size:11px;padding:8px;gap:4px}.world-bottom-controls>.keep-exploring svg{width:15px}}
@media(max-width:360px){
 .filterbar{gap:4px;padding-left:8px!important;padding-right:8px!important}
 .filterbar .ai-toggle{min-width:0;gap:3px;padding:6px!important;font-size:9px!important}
 .filterbar .filter-button{padding:6px!important;font-size:9px!important;gap:3px}
 .filterbar .ai-toggle svg,.filterbar .filter-button svg{width:13px}
}
/* Keep expanded filters above the Explore canvas and its floating controls. */
.filterbar{z-index:70!important}
.design-filter-panel{z-index:71!important}
@media(max-width:760px){
 .topbar .header-actions{display:flex;align-items:center;gap:6px;grid-column:3;grid-row:1}
 .topbar .brc-header-badge.visible{position:static;top:auto;right:auto;max-width:none;min-width:0;height:34px;margin:0;padding:4px 7px;gap:4px;flex:none}
 .topbar .brc-header-badge .brc-unit{display:inline;font-size:9px}
 .topbar .brc-header-badge .brc-count{font-size:11px}
 .topbar:has(.brc-header-badge.visible) .header-search{width:100%}
 .topbar:has(.brc-header-badge.visible) .profile-button{padding:0;width:34px;min-width:34px;height:34px;justify-content:center}
 .topbar:has(.brc-header-badge.visible) .profile-button>span:not(.avatar){display:none}
 .topbar:has(.brc-header-badge.visible) .profile-button>svg{display:none}
 .topbar:has(.brc-header-badge.visible) .profile-button .avatar{margin:0;width:30px;height:30px;flex:none}
 .topbar{grid-template-columns:28px minmax(0,1fr) auto;column-gap:6px}
}