/* Keep the upload image square; use the rounded tile for page icons. */
.brand-wordmark{display:block;width:150px;height:auto;max-width:100%}
.room-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.room-brand .brand-square{width:46px;height:46px}
.room-brand .brand-square,#dialog-kicker .brand-jar,.lab-brand .brand-jar{display:block;box-sizing:border-box;object-fit:contain}
.room-brand .brand-wordmark{width:145px;height:auto;background:transparent}
.room-top{align-items:center;gap:12px}
.dialog-header{background:#f5edfd}
#dialog-kicker{display:flex;align-items:center;gap:6px;width:fit-content;max-width:calc(100% - 60px);margin:0 0 12px;line-height:1}
#dialog-kicker .brand-jar{width:36px;height:36px;flex:0 0 auto}
.lab header>.lab-brand{display:flex;align-items:center;gap:10px;letter-spacing:0}
.lab-brand .brand-wordmark{width:142px}
.lab-brand .brand-jar{width:38px;height:38px}
.jar-label{background:#fffdf5;border-radius:22px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px}
.jar-brand-icon{width:34px;height:35px}
.jar-label .brand-wordmark{width:88px}
.foil-art b img{width:30px;height:32px;object-fit:contain}
.foil-art span{display:block;background:#fffdf5;border-radius:4px;padding:3px 4px}
.foil-art span .brand-wordmark{width:76px}
@media(max-width:650px){.room-brand .brand-wordmark{display:none}.room-top{gap:10px}.room-top .cat-pill{max-width:calc(100vw - 200px)}.lab header>.lab-brand{float:none;margin-top:18px;justify-content:space-between}}