.ab-pages { display: flex; gap: 9px; overflow: auto; padding: 15px 0; }
.ab-pages button { flex-shrink: 0; min-width: 74px; }
.ab-pages button[aria-current="true"] { background: #8a51be; border-color: #d5b2ff; }
.ab-library { display: grid; grid-template-columns: repeat(auto-fill,minmax(170px,1fr)); gap: 15px; }
.ab-photo { background: #2c1c3a; padding: 12px; border: 1px solid #75548a; border-radius: 13px; min-width: 0; }
.ab-photo img { width: 100%; height: 145px; object-fit: contain; background: #150e1e; border-radius: 8px; }
.ab-photo p { margin: 10px 0 3px; overflow-wrap: anywhere; font-size: .85rem; }
.ab-photo small { color: #ccb8dc; }
#abSlots > div { padding-top: 14px; margin-top: 14px; border-top: 1px solid #705080; }
#abSlots .pw-form { margin: 12px 0; }
#abCanvas { width: auto; max-height: 800px; object-fit: contain; }
.pw-app:fullscreen #abCanvas { max-height: calc(100dvh - 280px); }
@media(max-width:760px) { #abCanvas { max-height: none; } .pw-app:fullscreen #abCanvas { max-height: none; } .ab-library { grid-template-columns: repeat(2,minmax(0,1fr)); } }