/* Approved 7-column sheet: show 219.43 x 190 source regions above the printed captions. */
.cat-portrait{display:block;position:relative;aspect-ratio:1536/1330;overflow:hidden;border-radius:4px;flex-shrink:0}
.cat-portrait>.cat-sprite{display:block;width:100%;aspect-ratio:1536/1330;background-image:url('assets/companion-buddies-28-approved.opt-v1.webp');background-size:700% 538.947368%;background-position:calc(var(--cat-col)*100%/6) var(--cat-y);background-repeat:no-repeat;padding:0;border:0;border-radius:0}
.children-view .study-friend>.cat-portrait{width:100%;border-radius:3px 3px 0 0}.children-view .study-friend[aria-pressed=true]{border-color:#2586d7;box-shadow:0 0 0 1px #2586d7}.children-view .study-friend[aria-pressed=true] small{color:#1571bc}
.children-view .kids-welcome-actions .cat-picker-entry{color:#1673ba;font-size:12px;min-height:44px;padding:7px 0;border-bottom:1px solid #a4d0ee}
.cat-current-avatar{display:block}.cat-current-avatar>.cat-portrait{width:100%}
.children-view .study-shelf-friend>.cat-current-avatar{width:100%}
.children-view .study-companion>.cat-current-avatar{width:78px}.children-view .study-companion .cat-change-small{font-size:11px;min-height:36px;color:#1571bc}
#miao-pet-launcher>.cat-current-avatar{width:80px;height:auto;margin:auto;padding:0;background:none;border:0}
#miao-pet-launcher .cat-portrait{width:100%;padding:0;background:none;border:0}#miao-pet-launcher .cat-sprite{padding:0;border:0;border-radius:0}
.miao-pet-dialog>.cat-current-avatar{width:145px;margin:0 auto 10px}.miao-pet-dialog .cat-dialog-change{font-size:12px;min-height:40px;color:#1571bc;margin-bottom:6px}
body.studio-page dialog.children-cat-picker{box-sizing:border-box;width:min(1020px,calc(100vw - 24px));max-width:none;max-height:90vh;max-height:90dvh;padding:0;border:1px solid #d8e5f0;border-radius:6px;background:#fff;color:#263e56;overflow:hidden}
.children-cat-picker::backdrop{background:#182d4966}
.cat-picker-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 14px;border-bottom:1px solid #e5edf4}.cat-picker-top h2{font-size:23px;line-height:1.4;margin:0 0 6px}.cat-picker-top p{font-size:12px;color:#698098;margin:0;line-height:1.6}.cat-picker-top>button{width:44px;height:44px;font-size:27px;color:#657c91;flex-shrink:0}
.cat-picker-body{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:18px 22px;overflow-y:auto;max-height:calc(90dvh - 172px);overscroll-behavior:contain}.cat-picker-preview{align-self:start;position:sticky;top:0;text-align:center;padding:8px 0}.cat-picker-preview>.cat-portrait{width:100%;margin-bottom:14px}.cat-preview-kicker{font-size:11px;color:#2583c2}.cat-picker-preview h3{font-size:23px;margin:7px 0}.cat-picker-preview p{font-size:13px;line-height:1.8;margin:0;color:#61768b}.cat-preview-note{display:block;font-size:11px;color:#8b9daf;margin-top:22px;line-height:1.7}
.cat-picker-options{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;margin:0;padding:0;border:0}.cat-option{position:relative;display:block;min-width:0;cursor:pointer;border:1px solid #e1e9f1;border-radius:4px;overflow:hidden;background:#fff}.cat-option input{position:absolute;right:7px;top:7px;width:17px;height:17px;accent-color:#187cc6;z-index:1;cursor:pointer}.cat-option>.cat-portrait{width:100%;border-radius:0}.cat-option-name{display:block;padding:7px 5px;font-size:13px;text-align:center;font-weight:600}.cat-option-name small{display:block;font-size:10px;line-height:1.7;font-weight:400;color:#8193a4}.cat-option:has(input:checked){border-color:#1b83cc;box-shadow:inset 0 0 0 1px #1b83cc;background:#f0f8ff}.cat-option:has(input:focus-visible){outline:3px solid #176da9;outline-offset:2px}
.cat-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid #e5edf4;background:#fff}.cat-picker-footer>span{font-size:12px;line-height:1.6;color:#6b8093}.cat-picker-footer>button{min-height:44px;padding:9px 24px;border-radius:4px;background:#1b81cb;color:#fff;font-size:14px;font-weight:600}.children-cat-picker button:focus-visible,.cat-picker-entry:focus-visible{outline:2px solid #176da9;outline-offset:2px}
.dark dialog.children-cat-picker{background:#1c2b3d;border-color:#40556a;color:#edf5fc}.dark .cat-picker-top,.dark .cat-picker-footer{background:#1c2b3d;border-color:#40556a}.dark .cat-option{background:#25394c;border-color:#40556a}.dark .cat-option:has(input:checked){background:#244764}.dark .cat-picker-top p,.dark .cat-picker-preview p,.dark .cat-option-name small,.dark .cat-picker-footer>span{color:#bacbdd}
@media(max-width:700px){.cat-picker-body{grid-template-columns:1fr;padding:12px;gap:12px;max-height:calc(90dvh - 168px)}.cat-picker-preview{position:static;display:grid;grid-template-columns:104px minmax(0,1fr);text-align:left;column-gap:14px;padding:0}.cat-picker-preview>.cat-portrait{grid-row:1/5;width:104px;margin:0;align-self:center}.cat-preview-kicker{align-self:end;font-size:10px}.cat-picker-preview h3{font-size:19px;margin:4px 0}.cat-picker-preview p{font-size:12px;grid-column:2}.cat-preview-note{display:none}.cat-picker-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cat-picker-top{padding:12px 14px}.cat-picker-top h2{font-size:20px}.cat-picker-top p{font-size:11px}.cat-picker-footer{padding:10px 14px}.cat-picker-footer>button{padding:9px 16px;font-size:13px}.cat-picker-footer>span{font-size:11px}.cat-option-name{font-size:12px;padding:5px}.cat-option-name small{font-size:9px}}
@media(max-width:460px){#miao-pet-launcher>.cat-current-avatar{width:63px}.cat-picker-top h2{font-size:18px}.cat-picker-top>button{width:38px;height:44px}.cat-picker-top{gap:3px}.cat-picker-options{gap:7px}}

#miao-pet-launcher .cat-portrait>.cat-sprite{background-image:url('assets/companion-buddies-28-approved.opt-v1.webp');background-color:transparent;background-size:700% 538.947368%;background-position:calc(var(--cat-col)*100%/6) var(--cat-y)}
body.studio-page.children-view #miao-pet-launcher .cat-portrait>.cat-sprite{background-image:url('assets/companion-buddies-28-approved.opt-v1.webp');background-color:transparent;background-size:700% 538.947368%;background-position:calc(var(--cat-col)*100%/6) var(--cat-y);padding:0;border:0}
body.studio-page.children-view #miao-pet-launcher :is(.cat-current-avatar,.cat-portrait){background:transparent;padding:0;border:0}
body.studio-page.dark dialog.children-cat-picker{background:#1c2b3d;color:#edf5fc;border-color:#40556a}
body.studio-page.dark .children-cat-picker :is(.cat-option-name,.cat-picker-preview h3){color:#edf5fc}
body.studio-page.dark .children-cat-picker .cat-picker-preview p{color:#bacbdd}