.brand{gap:12px;letter-spacing:0;min-width:0}
.brand-logo{width:64px;height:64px;object-fit:contain;flex:none}
.brand-copy{display:flex;flex-direction:column;gap:4px;line-height:1.4}
.brand-copy strong{font-size:19px;font-weight:700;color:#d88096;letter-spacing:1px}
.brand-title{font-size:14px;font-weight:600;color:#424957;letter-spacing:.5px}
.pose-card{padding:5px 3px 10px;min-height:124px;overflow:hidden}
.pose-card .pose-thumbnail{display:block;width:100%;height:96px;object-fit:contain;border-radius:5px}
.pose-card .pose-thumbnail:not([src]){visibility:hidden}
.pose-card>span{line-height:1.6;margin-top:5px;font-size:10px;white-space:normal}
.pose-card.active:after{background:var(--blue);color:white;border-radius:50%;width:16px;height:16px;line-height:16px;right:6px;top:6px}
.pose-grid{max-height:480px}
@media(max-width:1150px){.brand-title{font-size:13px}.pose-card>span{font-size:9px}.pose-card .pose-thumbnail{height:90px}.pose-card{min-height:120px}}
@media(max-width:600px){.topbar{min-height:80px;height:auto;gap:8px;padding:10px 12px}.brand{gap:7px}.brand-logo{width:46px;height:46px}.brand-copy{gap:2px}.brand-copy strong{font-size:14px}.brand-title{font-size:10px;letter-spacing:0;max-width:150px}.header-actions{gap:6px;flex:none}.primary{padding:9px 8px;font-size:9px}.primary svg{display:none}.quiet{font-size:17px;padding:3px}.pose-grid{max-height:none}.pose-card{min-width:112px;min-height:124px}.pose-card .pose-thumbnail{height:96px}.pose-card>span{font-size:10px}footer>span{line-height:1.9}}
@media(max-width:360px){.brand-title{max-width:120px}.brand-logo{width:39px;height:39px}.primary{font-size:8px;padding:8px 6px}}
