.art.painted{display:block;background-repeat:no-repeat;flex-shrink:0}
.art.tea,.art.heart,.art.pencil,.art.leaf,.art.movement,.art.yarn,.art.game,.art.cake,.art.flowers{background-image:url('assets/joy-library-v3.png');background-size:300% 300%}
.art.tea{background-position:0 0}.art.heart{background-position:50% 0}.art.pencil{background-position:100% 0}.art.leaf{background-position:0 50%}.art.movement{background-position:50% 50%}.art.yarn{background-position:100% 50%}.art.game{background-position:0 100%}.art.cake{background-position:50% 100%}.art.flowers{background-position:100% 100%}
.category-tabs{display:flex;gap:10px;margin:26px 0 18px;overflow-x:auto;padding:5px 3px 10px;scrollbar-width:thin;scrollbar-color:#d7b9a1 transparent}
.category-tabs button{flex:1;min-width:150px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e9dcd0;border-radius:19px;background:#fffdf8;padding:10px;color:var(--ink);font-weight:700;min-height:76px}
.category-tabs .art{width:50px;height:50px;border-radius:13px}.category-tabs small{display:block;color:var(--muted);font-size:10px;margin-top:3px;font-weight:400}
.category-tabs button[aria-pressed=true]{background:#fce7d8;border:2px solid #bc6755;padding:9px;box-shadow:0 4px 12px #8b472c0b}
.category-banner{border-radius:25px;padding:22px;display:flex;align-items:center;gap:23px;margin-bottom:22px}.category-banner .art{width:94px;height:94px;border-radius:21px}.category-banner h2{font-size:36px}.category-banner .eyebrow{font-size:9px;margin-bottom:7px}.category-banner p:not(.eyebrow){font-size:14px;color:#65565a;margin-top:7px}.category-banner .secondary{flex:none;margin-left:auto;min-width:165px;background:#ffffffc9}
.library-filters{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-bottom:15px}.library-filters details{grid-column:1/-1;background:#f3ede3;padding:6px 17px;border-radius:15px}.library-filters summary{cursor:pointer;font-size:13px;color:var(--teal);min-height:44px;line-height:44px}.library-filters summary span{color:var(--muted);font-size:12px;margin-left:12px}.library-filters .field{margin-top:0;margin-bottom:12px}
.screen-toggle{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;min-height:44px}.screen-toggle input{width:19px;height:19px}.intents .screen-toggle{margin-top:12px}.card-pairing{background:#ffffff85;border-radius:12px;padding:9px 12px;margin:12px 0 0;font-size:12px;color:#625957}.card-pairing strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.pairing-note{padding:15px 18px;background:#eff3e8;border-radius:16px;margin-top:18px;color:#42615c;font-size:13px}.pairing-note p{margin-top:5px}
.illustration-picker{margin-top:22px;border-radius:18px;background:#f5ede2;padding:10px}.illustration-picker summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:3px;list-style:none}.illustration-picker summary::-webkit-details-marker{display:none}#chosenArt{display:flex;align-items:center;gap:14px;font-size:13px}#chosenArt>.art{width:64px;height:64px;border-radius:14px}#chosenArt small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:5px}
.illustration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.illustration-option{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;border:2px solid transparent;border-radius:15px;padding:6px;background:#fffaf3;cursor:pointer;min-width:0;font-size:11px;text-align:center;line-height:1.3}.illustration-option .art{width:100%;height:auto;aspect-ratio:1;border-radius:10px}.illustration-option input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}.illustration-option:has(input:checked){border-color:var(--teal);background:#e5efe4;box-shadow:0 2px 10px #345d5220}.illustration-option:has(input:focus-visible){outline:3px solid var(--teal);outline-offset:2px}.illustration-option:has(input:checked):after{content:'✓';position:absolute;right:7px;top:7px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center;pointer-events:none}.illustration-picker fieldset{margin:14px 0 0}.field[hidden]{display:none}
@media(max-width:760px){.category-tabs{gap:8px;margin-top:20px}.category-tabs button{flex:0 0 106px;min-width:106px;flex-direction:column;gap:7px;text-align:center;min-height:109px;padding:9px 7px;font-size:12px}.category-tabs button[aria-pressed=true]{padding:8px 6px}.category-tabs .art{width:47px;height:47px}.category-tabs small{font-size:9px}.category-banner{padding:17px;gap:14px;flex-wrap:wrap;border-radius:22px}.category-banner .art{width:78px;height:78px;border-radius:16px}.category-banner h2{font-size:30px}.category-banner p:not(.eyebrow){font-size:12px;max-width:180px}.category-banner .eyebrow{font-size:8px;margin-bottom:4px}.category-banner .secondary{margin:0;width:100%;min-height:44px;padding:10px}.library-filters{grid-template-columns:1fr;gap:7px}.library-filters details{grid-column:auto}.illustration-grid{gap:7px}.illustration-option{font-size:10px}.illustration-picker{margin-top:18px}.collection-hero.ideas-hero h1{font-size:32px}.card-open .art{width:82px;height:82px}.card-open h3{font-size:22px}}

@media(min-width:761px){.collection-toolbar .compact{flex:0 0 auto}}

.art.chili{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 0%}
.art.disco{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 0%}
.art.mic{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 0%}
.art.socks{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 0%}
.art.glasses{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 0%}
.art.bubbles{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 20%}
.art.plane{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 20%}
.art.treasure{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 20%}
.art.compass{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 20%}
.art.camera{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 20%}
.art.chef{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 40%}
.art.berry{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 40%}
.art.lemon{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 40%}
.art.popcorn{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 40%}
.art.picnic{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 40%}
.art.pillow{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 60%}
.art.moon{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 60%}
.art.candle{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 60%}
.art.duck{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 60%}
.art.cloud{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 60%}
.art.palette{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 80%}
.art.pompom{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 80%}
.art.stickers{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 80%}
.art.crane{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 80%}
.art.drum{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 80%}
.art.sunflower{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:0% 100%}
.art.snail{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:25% 100%}
.art.skate{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:50% 100%}
.art.postcard{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:75% 100%}
.art.kite{background-image:url("assets/joybites-atlas-v6.png");background-size:500% 600%;background-position:100% 100%}