/* FireKids Locker Gallery V9 */
.gallery-shell{background:linear-gradient(180deg,#f9fdff,#fff7d8);border:4px solid #fff;border-radius:28px;padding:22px;box-shadow:0 8px 0 #b6dbea,0 18px 32px #064b7b18}
.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.gallery-kicker{font-size:.72rem;font-weight:1000;color:#e52d3c;letter-spacing:.06em}.gallery-heading h2{font-size:2rem;margin:4px 0;color:#123d72}.gallery-heading p{margin:0;color:#647e94;font-weight:750}.gallery-heading>a{white-space:nowrap;text-decoration:none;background:#087bdc;color:#fff;border-radius:999px;padding:10px 15px;font-weight:1000;box-shadow:0 4px 0 #05589d}
.creation-tabs{display:flex;gap:9px;margin:22px 0 16px;padding:6px;background:#dff3ff;border-radius:18px;width:max-content;max-width:100%;overflow-x:auto}.creation-tabs button{border:0;background:transparent;border-radius:13px;padding:10px 15px;color:#42647e;font-weight:1000;white-space:nowrap;cursor:pointer}.creation-tabs button b{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:4px;border-radius:50%;background:#fff;color:#087bdc}.creation-tabs button.active{background:#087bdc;color:#fff;box-shadow:0 4px 0 #05589d}.creation-tabs button.active b{color:#e52d3c}
.creation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.creation-card{overflow:hidden;background:#fff;border:4px solid #fff;border-radius:22px;box-shadow:0 7px 0 #b7d9e7,0 12px 24px #064b7b16}.creation-image{position:relative;display:block;width:100%;height:220px;border:0;padding:0;background:#f2faff;cursor:pointer;overflow:hidden}.creation-image img{width:100%;height:100%;object-fit:contain}.creation-type{position:absolute;left:9px;top:9px;background:#ffffffed;border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:1000;color:#174a78;box-shadow:0 2px 8px #0001}.creation-image i{position:absolute;left:50%;bottom:9px;transform:translateX(-50%) translateY(12px);opacity:0;background:#073f70df;color:#fff;border-radius:999px;padding:6px 10px;font-size:.68rem;font-style:normal;font-weight:900;transition:.18s}.creation-image:hover i{opacity:1;transform:translateX(-50%) translateY(0)}.dot-creation{border-color:#ffd763}.creation-info{padding:13px}.creation-info h3{margin:0 0 4px;font-size:1.02rem;color:#123d72}.creation-info>small{color:#71869a}.creation-actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:11px}.creation-actions button{border:0;border-radius:12px;padding:9px 10px;font-weight:1000;cursor:pointer}.continue-color{background:#e52d3c;color:#fff}.delete-art{background:#ffe9eb;color:#a42130}.color-creation .creation-actions{grid-template-columns:1fr}.color-creation .delete-art{justify-self:end}
.art-preview-modal{position:fixed;inset:0;z-index:5000;background:#023a69d8;display:none;place-items:center;padding:18px}.art-preview-modal.show{display:grid}.art-preview-modal>div{position:relative;width:min(800px,96vw);max-height:92vh;background:#fff;border:5px solid #fff;border-radius:24px;padding:14px;text-align:center;box-shadow:0 15px 45px #0005}.art-preview-modal img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain}.art-preview-modal h3{margin:9px 0 2px;color:#123d72}.close-preview{position:absolute;z-index:2;right:8px;top:8px;width:40px;height:40px;border:0;border-radius:50%;background:#e52d3c;color:#fff;font-size:1.5rem;font-weight:1000;cursor:pointer}
@media(max-width:1100px){.creation-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.gallery-shell{padding:14px;border-radius:22px}.gallery-heading{align-items:flex-start;flex-direction:column}.creation-tabs{width:100%}.creation-tabs button{flex:1}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creation-image{height:170px}.creation-actions{grid-template-columns:1fr}.creation-actions button{width:100%}}@media(max-width:430px){.creation-grid{grid-template-columns:1fr}.creation-image{height:250px}.gallery-heading h2{font-size:1.6rem}}