.cat-bag-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:180;padding:10px 16px;border:1px solid rgba(220,232,232,.35);border-radius:14px;background:rgba(22,38,44,.92);color:#eef4f4;box-shadow:0 8px 24px rgba(0,0,0,.45);font:18px/1.2 Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.cat-bag-button:hover,.cat-bag-button:focus-visible{background:rgba(31,51,59,.96)}
.cat-bag-button:focus-visible{outline:1px dashed rgba(238,246,246,.86);outline-offset:4px}
.cat-bag-dialog{color-scheme:dark;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 36px));margin:0;padding:0;border:0;border-radius:20px;background:rgba(21,36,43,.96);color:#eef4f4;box-shadow:0 18px 60px rgba(0,0,0,.55);font:16px/1.4 Arial,sans-serif;overflow:hidden}
.cat-bag-dialog:not([open]){display:none}.cat-bag-dialog::backdrop{background:rgba(7,13,16,.55)}
.cat-bag-top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 8px 18px}.cat-bag-title{margin:0;font-size:20px;font-weight:400}
.cat-bag-close{width:36px;height:36px;border:0;border-radius:50%;background:rgba(220,232,232,.12);color:#eef4f4;font-size:18px;cursor:pointer}.cat-bag-close:hover{background:rgba(220,232,232,.24)}
.cat-bag-photos{display:grid;grid-template-columns:repeat(2,minmax(0,140px));justify-content:center;gap:10px;padding:8px 20px 22px}
.cat-bag-photo{display:block;aspect-ratio:4/3;border:1px solid rgba(220,232,232,.14);border-radius:14px;background:rgba(8,18,23,.58);overflow:hidden}.cat-bag-photo:focus-visible{outline:1px dashed rgba(238,246,246,.86);outline-offset:3px}
.cat-bag-photo img{display:block;width:100%;height:100%;object-fit:contain;background:rgba(8,18,23,.72)}
@media(max-width:600px){.cat-bag-button{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.cat-bag-dialog{inset:auto 0 0 0;transform:none;width:100vw;max-width:100vw;border-radius:22px 22px 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){.cat-bag-dialog[open]{animation:catBagIn .24s ease}@keyframes catBagIn{from{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}}
@media(prefers-reduced-motion:no-preference) and (max-width:600px){.cat-bag-dialog[open]{animation:catBagMobileIn .24s ease}@keyframes catBagMobileIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}
