/* Toolbar popup keeps its compact layout; wider tabs get a centered library. */
@media(min-width:650px){html body{width:100%!important;max-height:none!important;min-height:100vh!important;padding:24px!important}body .app{max-width:1200px;margin:0 auto!important;padding:24px!important;background:#fff;border:1px solid #e1e8f3;border-radius:16px}body .app .header{gap:16px;flex-wrap:wrap}body .app .brand{flex:1}body .app .gallery{columns:3}body .app .account-entry{flex-direction:row;align-items:center}body .app .account-signin{width:auto}}
@media(min-width:1000px){body .app{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}body .app>*{grid-column:1/-1;min-width:0}body .app .collector{grid-column:1;padding:16px 0 22px!important}body .app .find-panel{grid-column:2;padding:16px 0 22px;margin:0 0 19px}body .app .gallery{columns:4}}

/* Legacy flex order also affects grid items. Follow the actual section order. */
body .app>*{order:0!important}

body .app>footer{order:1!important}
@media(min-width:1000px){body .app{column-gap:32px!important}}
body .app #mediaLibrary,body .app #productLibrary{order:0!important}