body{background:radial-gradient(ellipse at 20% 40%,#503864,#1b1632 75%)}.shop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(12px,3vw,40px);padding:clamp(12px,3vw,35px)}.preview{display:flex;align-items:center;flex-direction:column;min-height:0;text-align:center;background:linear-gradient(#ffffff09,#ffffff03);border:1px solid #d7b6eb33;border-radius:32px;padding:18px}.preview h1{font-size:clamp(22px,3vw,36px);margin:8px}.preview .eyebrow{font-size:10px;letter-spacing:2px}.try-stage{position:relative;flex:1;min-height:60px;width:100%;background:radial-gradient(ellipse at 50% 80%,#dfc5ff22,transparent 65%)}#preview-pet,#preview-costume{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#preview-pet .fluffy-kitten{width:100%;height:100%;max-width:400px;max-height:100%;margin:auto;aspect-ratio:1}#preview-pet svg{width:100%;height:100%}#preview-costume[hidden],#preview-toy[hidden],#preview-pet[hidden]{display:none}#preview-toy{position:absolute;width:25%;height:30%;object-fit:contain;bottom:2%;right:8%;filter:drop-shadow(0 10px 12px #10051c77)}#preview-note{font-size:13px;color:#decce9;min-height:38px;max-width:380px}.buy{margin:8px 0;background:linear-gradient(130deg,#ffe4ad,#d5a4f4);color:#342143;min-width:220px;box-shadow:0 4px 0 #4c3267}.buy:disabled{opacity:.6}.collection{min-height:0;display:flex;flex-direction:column;gap:12px}.collection-tabs,.filters,.pages{display:flex;gap:8px;justify-content:center}.collection-tabs button{flex:1}.collection-tabs [aria-pressed=true],.filters [aria-pressed=true]{background:#c3a0e3;color:#2b193e}.filters button{padding:8px 12px;font-size:13px}.shelves{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.item{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:10px;background:linear-gradient(135deg,#594272,#372a51);border:1px solid #b999d777;border-radius:22px}.item[aria-pressed=true]{outline:3px solid #ffe4a0;outline-offset:-3px;background:#6a4e84}.item img{width:100%;height:calc(100% - 44px);min-height:20px;object-fit:contain;pointer-events:none}.item strong{font-size:clamp(12px,1.6vw,17px);margin-top:3px}.item small{font-size:12px;margin:4px}.pages{align-items:center;flex:none}.pages button{padding:6px 18px}.pages button:disabled{opacity:.35}#message{font-size:12px;min-height:35px;color:#ffe5b0;max-width:380px}footer{flex:none;text-align:center;font-size:11px;padding:6px 12px 24px;color:#cbb5da}button:disabled{cursor:default}button{touch-action:manipulation}@media(max-width:620px){header{height:46px;font-size:13px;padding:8px 12px}.shop{grid-template-columns:1fr;grid-template-rows:46% 54%;gap:5px;padding:8px 10px 20px}.preview{position:relative;padding:8px;display:grid;grid-template-columns:45% 55%;grid-template-rows:30px 1fr 45px 30px;border-radius:22px}.preview>.eyebrow{display:none}.preview h1{grid-column:2;grid-row:1;font-size:20px}.try-stage{grid-column:1;grid-row:1/5;height:100%}#preview-note{grid-column:2;grid-row:2;font-size:11px;min-height:0;align-self:center}.buy{grid-column:2;grid-row:3;min-width:0;margin:3px;font-size:12px;padding:8px}#message{grid-column:2;grid-row:4;min-height:0;font-size:10px}.collection{gap:5px}.collection-tabs button{padding:6px}.filters button{padding:4px 10px;font-size:11px}.shelves{gap:6px}.item{padding:4px;border-radius:14px;display:grid;grid-template-columns:42% 58%;grid-template-rows:1fr 1fr;text-align:left}.item img{grid-row:1/3;height:100%;min-height:0}.item strong,.item small{font-size:11px;margin:0}.pages button{padding:2px 15px}.pages{font-size:11px}footer{font-size:10px;padding:2px 0 23px}}@media(max-height:550px) and (min-width:621px){.shop{padding:8px}.preview{padding:8px}.preview h1{font-size:22px}.preview .eyebrow{display:none}.collection{gap:5px}.filters button,.collection-tabs button{padding:6px}.shelves{gap:6px}.item{padding:4px}.buy{padding:8px;margin:4px}#preview-note{font-size:11px;min-height:25px}#message{min-height:20px}.pages button{padding:3px 15px}}
#outfit-views{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin:3px}#outfit-views[hidden]{display:none}#outfit-views button{font-size:11px;padding:5px 9px}#outfit-views [aria-pressed=true]{background:#dbc0ef;color:#2c1a3e}@media(max-width:620px){#outfit-views{position:absolute;bottom:3px;left:0;width:45%;margin:0;gap:2px}#outfit-views button{font-size:9px;padding:3px 5px}.try-stage{height:calc(100% - 35px)}}
