:root{--ink:#1f2937;--muted:#64748b;--cream:#fffbf0;--orange:#ff922b;--orange-dark:#e07a1a;--blue:#3aa0e6;--yellow:#ffd23f;--green:#40c057;--line:#fde7b3;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%;font-family:"DM Sans",Nunito,system-ui,sans-serif;color:var(--ink);background:var(--cream)}body{overflow-x:hidden}button{font:inherit}button:focus-visible,[role=button]:focus-visible{outline:4px solid rgba(58,160,230,.25);outline-offset:3px}a{text-decoration:none;color:inherit}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:2px solid #fef3c7;display:flex;align-items:center;justify-content:space-between;padding:10px max(16px,calc((100vw - 1152px)/2));gap:12px}.brand{display:flex;align-items:center;gap:8px;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:26px;letter-spacing:-.5px;cursor:pointer;line-height:1}.brand .baby{color:#ff922b}.brand .color{color:#3aa0e6}.logo-chick{width:40px;height:40px}.hero-chick{width:min(320px,82vw);height:auto;filter:drop-shadow(0 16px 14px rgba(128,91,12,.12))}.nav-actions{display:flex;align-items:center;gap:8px}.install-header-btn,.pill,.icon-btn{border:2px solid #fde7a6;background:#fffdf5;border-radius:999px;min-height:42px;padding:8px 14px;font-weight:800;color:#64748b;cursor:pointer;transition:.18s}.pill:hover,.icon-btn:hover,.install-header-btn:hover{background:#fef3c7;transform:translateY(-1px)}.install-header-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-color:#ffb862;background:#ff922b;color:#fff;box-shadow:0 4px 0 #d97412;font-weight:900;white-space:nowrap}.install-header-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #d97412}.install-header-btn.is-installed{background:#e8f7ea;color:#358049;border-color:#bfe2c7;box-shadow:none;cursor:default}.music-attention{position:relative;display:flex;align-items:center;gap:10px;min-width:128px;height:46px;padding:0 12px 0 10px;border-color:#ffd38d;background:linear-gradient(180deg,#fff8e9,#fff1c9);box-shadow:0 4px 0 #f1d48e}.music-attention::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid rgba(255,167,54,.28);opacity:0;animation:musicPulse 2.3s ease-out infinite}.music-attention.is-on{background:linear-gradient(180deg,#fff5d7,#ffe9b0)}.music-attention.is-on::after{animation:none;opacity:0}.music-core{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 3px 10px rgba(255,146,43,.2)}.music-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.02;text-align:left}.music-copy b{font-size:13px;color:#a86113;font-weight:900}.music-copy small{font-size:10px;color:#ff922b;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.music-note{font-family:"Baloo 2";font-size:22px;color:#ff922b;transform-origin:center;animation:musicTinkle 2.6s ease-in-out infinite}.sound-wave{position:absolute;border:2px solid #ffb34f;border-left:0;border-bottom:0;border-radius:0 100% 0 0;opacity:.22}.sound-wave.w1{width:9px;height:9px;right:-1px;top:6px;animation:waveTinkle 2.6s ease-in-out infinite}.sound-wave.w2{width:14px;height:14px;right:-5px;top:3px;animation:waveTinkle 2.6s .12s ease-in-out infinite}.music-attention.is-on .music-note{color:#e87516}.music-attention.is-off .music-copy small{color:#ff7a00}@keyframes musicPulse{0%{opacity:.55;transform:scale(.95)}70%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1.12)}}@keyframes musicTinkle{0%,70%,100%{transform:rotate(0) scale(1)}76%{transform:rotate(-9deg) scale(1.08)}82%{transform:rotate(8deg) scale(1.08)}88%{transform:rotate(-4deg)}}@keyframes waveTinkle{0%,70%,100%{opacity:.18;transform:scale(.85)}80%{opacity:.95;transform:scale(1.1)}}@keyframes chick-wave{0%,100%{transform:rotate(0)}50%{transform:rotate(-24deg)}}.chick-wave{animation:chick-wave 1.1s ease-in-out infinite}
.hero{max-width:1152px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;padding:62px 16px 48px}.hero-copy{text-align:left}.hero h1,.section h2,.gallery-title{font-family:"Baloo 2",sans-serif}.hero h1{font-size:clamp(48px,6vw,70px);line-height:1.04;letter-spacing:-1.3px;margin:0;font-weight:800}.hero p{max-width:520px;margin:18px 0 0;color:#64748b;font-size:clamp(17px,2vw,20px);line-height:1.55;font-weight:500}.cta{margin-top:30px;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#ff922b;color:#fff;padding:15px 29px;font-size:19px;font-weight:800;box-shadow:0 8px 0 #e07a1a;cursor:pointer;transition:.15s}.cta:hover{transform:translateY(-2px);box-shadow:0 10px 0 #e07a1a}.cta:active{transform:translateY(4px);box-shadow:0 4px 0 #e07a1a}.cta-spark{font-size:22px}.mascot-card{display:grid;place-items:center;min-height:320px}.section{max-width:1152px;margin:auto;padding:38px 16px}.section h2,.gallery-title{font-size:clamp(30px,4vw,42px);line-height:1.1;margin:0 0 22px;font-weight:800}.drawing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.featured-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.drawing-card{background:#fff;border:2px solid #fef0c7;border-radius:24px;padding:12px;box-shadow:0 2px 4px rgba(30,41,59,.04);cursor:pointer;transition:.2s}.drawing-card:hover{transform:translateY(-4px);border-color:#fcd77c;box-shadow:0 9px 18px rgba(180,130,20,.11)}.drawing-card .thumb{aspect-ratio:1;background:#fff;border-radius:18px;overflow:hidden;display:grid;place-items:center}.drawing-card svg{width:95%;height:95%}.drawing-card strong{display:block;text-align:center;color:#64748b;margin-top:8px;font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-card{min-height:135px;border-radius:24px;padding:17px;text-align:center;display:grid;place-items:center;align-content:center;gap:5px;cursor:pointer;box-shadow:0 2px 4px rgba(30,41,59,.05);transition:.2s}.category-card:hover{transform:translateY(-4px);filter:saturate(1.04)}.category-icon{width:68px;height:64px;display:grid;place-items:center}.category-icon svg{width:66px;height:62px;overflow:visible;fill:none;stroke:#334155;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.category-card strong{font-family:"Baloo 2";font-size:19px;font-weight:800}.parents-section{padding-top:50px}.parents-box{background:#fff;border:2px solid #fef0c7;border-radius:32px;padding:34px;box-shadow:0 3px 8px rgba(148,103,11,.05)}.parents-box h2{margin-bottom:8px}.parents-intro{color:#64748b;font-size:18px;max-width:680px;margin:0 0 28px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:rgba(255,251,235,.74);border-radius:24px;padding:20px}.benefit-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:25px;font-weight:900;color:#334155}.hand-icon{background:#8ce99a}.leaf-icon{background:#ffd166}.eye-icon{background:#74c0fc}.benefit h3{font-family:"Baloo 2";font-size:20px;margin:12px 0 4px}.benefit p{margin:0;color:#64748b;line-height:1.5}.premium-box{background:linear-gradient(135deg,#ede9fe,#e0f2fe);border-radius:32px;padding:34px}.premium-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.premium-heading h2{margin:0}.premium-heading span{background:#fff;color:#8b5cf6;border-radius:999px;padding:6px 12px;font-weight:800}.premium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.premium-card{background:rgba(255,255,255,.78);border-radius:24px;padding:20px;text-align:center}.premium-icon{width:56px;height:56px;margin:auto;border-radius:17px;display:grid;place-items:center;font-size:27px}.crayon{background:#ffd166}.watercolor{background:#74c0fc}.pencil{background:#faa2c1}.canvas{background:#b197fc}.premium-card strong{font-family:"Baloo 2";font-size:18px;display:block;margin-top:9px}.footer{border-top:2px solid #fef3c7;background:rgba(255,251,235,.78);display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 16px;color:#94a3b8}.footer p,.footer small{margin:0}.gallery-wrap{max-width:1152px;margin:auto;padding:38px 16px 72px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 28px}.filter{border:2px solid #fde7a6;background:#fff;border-radius:999px;padding:8px 15px;font-weight:800;color:#64748b;cursor:pointer}.filter.active{background:#ff922b;color:#fff;border-color:#ff922b}
.coloring-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;background:#fff;border-bottom:2px solid #fef3c7}.back{border:2px solid #fde7a6;background:#fffbeb;border-radius:999px;padding:9px 15px;font-weight:800;color:#b65c12;cursor:pointer}.download{border:0;background:#40c057;color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.coloring-shell{height:calc(100vh - 66px);display:grid;grid-template-columns:95px minmax(0,1fr) 174px;gap:14px;padding:12px;background:#fffbf0}.tools,.palette-panel{background:#fff;border:2px solid #fef0c7;border-radius:24px;padding:9px;display:flex;flex-direction:column;gap:7px;overflow:auto}.tool{min-height:64px;border:2px solid #fde7a6;background:#fff;border-radius:17px;color:#475569;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:.15s}.tool-icon{width:26px;height:26px}.tool-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tool:hover:not(:disabled){background:#fffbeb}.tool.active{background:#ff922b;color:#fff;border-color:#ff922b;box-shadow:0 5px 0 #e07a1a}.tool:disabled{background:#fafafa;border-color:#eceff3;color:#cbd5e1;cursor:not-allowed;box-shadow:none}.canvas-area{background:#fff;border:2px solid #fef0c7;border-radius:24px;display:grid;place-items:center;overflow:auto;touch-action:none}.canvas-wrap{transform-origin:center;transition:transform .15s}.canvas-wrap canvas{display:block;width:min(78vh,100%);height:auto;max-width:100%;touch-action:none;cursor:crosshair}.palette-panel{align-items:stretch}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center}.swatch{width:39px;height:39px;border-radius:50%;border:3px solid #fff;outline:2px solid transparent;box-shadow:0 0 0 1px rgba(30,41,59,.12);cursor:pointer}.swatch.active{outline-color:#ffbd3f;box-shadow:0 0 0 3px #fff}.size-label{text-align:center;font-weight:800;color:#94a3b8;font-size:12px;letter-spacing:.04em;margin-top:8px}.range{width:100%;accent-color:#ff922b}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:44px}.hero-copy{text-align:center}.hero p{margin-left:auto;margin-right:auto}.mascot-card{min-height:250px}.hero-chick{width:min(270px,68vw)}.featured-grid{grid-template-columns:repeat(3,1fr)}.drawing-grid,.category-grid{grid-template-columns:repeat(3,1fr)}.coloring-shell{grid-template-columns:82px minmax(0,1fr) 145px}.swatch{width:34px;height:34px}.colors{gap:8px}.benefit-grid{grid-template-columns:1fr}.premium-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.music-attention{min-width:102px;padding:0 10px;gap:7px}.music-copy b{font-size:12px}.music-copy small{font-size:9px}.topbar{padding:8px 12px}.brand{font-size:22px}.logo-chick{width:36px;height:36px}.nav-actions{gap:5px}.pill{padding:7px 11px}.hero{padding:38px 18px 30px}.hero h1{font-size:46px}.hero p{font-size:17px}.section{padding:28px 14px}.featured-grid,.drawing-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:122px}.parents-box,.premium-box{padding:24px 18px}.coloring-header{padding:7px 9px}.coloring-header .brand{display:none}.back{font-size:12px;padding:8px 10px}.download{font-size:12px;padding:9px 11px}.coloring-shell{height:auto;min-height:calc(100vh - 61px);display:flex;flex-direction:column;padding:8px}.tools{order:2;flex-direction:row;overflow-x:auto;border-radius:20px}.tool{min-width:72px;min-height:60px}.canvas-area{order:1;min-height:auto;padding:4px}.canvas-wrap canvas{width:100%;max-height:none}.palette-panel{order:3;border-radius:20px}.colors{grid-template-columns:repeat(8,1fr);gap:7px}.swatch{width:32px;height:32px}.size-label{margin-top:3px}}
@media(max-width:390px){.music-attention{min-width:46px;width:46px;padding:0;justify-content:center}.music-copy{display:none}.hero h1{font-size:41px}.colors{grid-template-columns:repeat(8,1fr)}.swatch{width:29px;height:29px}.icon-btn{width:40px;height:40px}.pill{font-size:12px}.category-icon{width:58px;height:54px}.category-icon svg{width:56px;height:52px}}
@media(orientation:landscape) and (max-height:620px) and (max-width:950px){.coloring-shell{height:calc(100vh - 59px);display:grid;grid-template-columns:75px minmax(0,1fr) 138px}.tools{order:initial;flex-direction:column}.canvas-area{order:initial}.palette-panel{order:initial}.tool{min-width:0;min-height:51px}.colors{grid-template-columns:repeat(3,1fr)}.swatch{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.level-filters{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 14px}
.drawing-card{position:relative}
.drawing-card .thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.level-badge{position:absolute;top:20px;right:20px;color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 6px rgba(99,102,241,.18)}.level-badge.level-1{background:#48b985}.level-badge.level-2{background:#9b78ea}.access-badge{position:absolute;top:20px;left:20px;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;box-shadow:0 2px 6px rgba(30,41,59,.12)}.access-badge.is-free{background:#e6fff3;color:#16805b;border:1px solid #a9e6cb}.access-badge.is-premium{background:linear-gradient(135deg,#fff0a8,#e9dcff);color:#68408d;border:1px solid #d8b9f2}.category-tag{display:inline-flex;margin-top:2px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.75);color:#6d4b87;font-size:10px;font-weight:900;letter-spacing:.01em}

/* Premium color preview */
.palette-panel{scrollbar-width:thin;scrollbar-color:#d8b4fe transparent}
.free-palette{flex:0 0 auto}
.premium-colors{margin-top:10px;padding-top:12px;border-top:2px dashed #eadcff}
.premium-colors-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:9px;border-radius:16px;background:linear-gradient(135deg,#f4edff,#eef8ff)}
.premium-lock{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;font-size:17px;box-shadow:0 2px 8px rgba(109,54,173,.12)}
.premium-colors-head strong{display:block;font-family:"Baloo 2",sans-serif;font-size:15px;line-height:1;color:#5f3b91}
.premium-colors-head small{display:block;margin-top:3px;color:#9b72c9;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
#premiumColorGroups{display:flex;flex-direction:column;gap:8px}
.premium-group{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:7px}
.premium-group>span{font-size:10px;font-weight:800;color:#8792a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.premium-swatch{position:relative;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:50%;cursor:pointer;background:transparent}
.premium-swatch i{position:absolute;inset:0;border-radius:50%;background:var(--locked-color);box-shadow:inset 0 0 0 2px rgba(255,255,255,.8),0 0 0 1px rgba(49,46,129,.13);filter:saturate(.9)}
.premium-swatch b{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.38);font-size:8px;line-height:1;text-shadow:0 1px 2px #fff;opacity:.9}
.premium-swatch:hover i{transform:scale(1.08)}
.premium-swatch i{transition:transform .15s ease}
.premium-toast{position:fixed;z-index:1000;right:22px;bottom:22px;max-width:340px;display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border:2px solid #d8b4fe;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(76,29,149,.2);transform:translateY(25px);opacity:0;transition:.2s ease}
.premium-toast.show{transform:translateY(0);opacity:1}
.premium-toast>span{font-size:23px}
.premium-toast strong{font-family:"Baloo 2",sans-serif;color:#5f3b91;font-size:18px}
.premium-toast p{margin:3px 0 0;color:#64748b;font-size:13px;line-height:1.35}

@media(min-width:901px){
  .coloring-shell{grid-template-columns:95px minmax(0,1fr) 230px}
  .palette-panel{max-height:calc(100vh - 90px)}
}
@media(max-width:900px) and (min-width:641px){
  .coloring-shell{grid-template-columns:82px minmax(0,1fr) 190px}
  .premium-group{grid-template-columns:54px 1fr}
}
@media(max-width:640px){
  .palette-panel{max-height:none;overflow:visible}
  .premium-colors{margin-top:14px}
  #premiumColorGroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
  .premium-group{display:block}
  .premium-group>span{display:block;margin-bottom:5px;text-align:center;font-size:10px}
  .premium-swatches{gap:5px}
  .premium-swatch{max-width:42px;justify-self:center}
  .premium-toast{left:12px;right:12px;bottom:12px;max-width:none}
}
@media(max-width:390px){
  #premiumColorGroups{grid-template-columns:1fr}
  .premium-group{display:grid;grid-template-columns:62px 1fr}
  .premium-group>span{margin:0;text-align:left}
}
@media(orientation:landscape) and (max-height:620px) and (max-width:950px){
  .coloring-shell{grid-template-columns:75px minmax(0,1fr) 190px}
  .palette-panel{max-height:calc(100vh - 70px)}
  #premiumColorGroups{display:flex}
  .premium-group{display:grid;grid-template-columns:50px 1fr}
}

.legal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin:5px 0}.legal-links a{color:#64748b;font-weight:700;text-decoration:underline;text-decoration-color:#f6c86f;text-underline-offset:4px}.legal-links a:hover{color:#e07a1a}

/* SEO, accessibility and editorial sections */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.drawing-card{display:block;color:inherit}
.category-card{color:inherit}
.gallery-intro{max-width:760px;margin:-10px 0 24px;color:#64748b;font-size:18px;line-height:1.6}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;color:#8b97a8;font-size:14px;font-weight:700}
.breadcrumbs a{color:#1676a7;text-decoration:underline;text-underline-offset:3px}
.how-box,.editorial-box,.faq-box{background:#fff;border:2px solid #fef0c7;border-radius:32px;padding:34px;box-shadow:0 3px 8px rgba(148,103,11,.05)}
.how-box h2,.editorial-box h2,.faq-box h2{margin-bottom:8px}
.how-intro{margin:0 0 22px;color:#64748b;font-size:18px}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how-grid article{background:#fffaf0;border:2px solid #fff0c9;border-radius:24px;padding:20px}
.how-grid article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffd166;color:#70450b;font-family:"Baloo 2",sans-serif;font-size:22px;font-weight:800}
.how-grid h3{font-family:"Baloo 2",sans-serif;font-size:21px;margin:12px 0 4px}
.how-grid p,.editorial-box p,.faq-box p{margin:0;color:#64748b;line-height:1.65}
.editorial-box{background:linear-gradient(135deg,#fffdf5,#f1fbff)}
.editorial-box p{max-width:900px;font-size:17px}
.faq-box details{border-top:2px solid #fef0c7;padding:16px 2px}
.faq-box details:first-of-type{margin-top:14px}
.faq-box summary{cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:19px;font-weight:800;color:#334155}
.faq-box details p{padding:8px 0 0 4px}
.seo-fallback{max-width:1152px;margin:auto;padding:38px 16px 70px}
.seo-fallback h1,.seo-fallback h2{font-family:"Baloo 2",sans-serif}
.seo-fallback h1{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:20px 0 14px}
.seo-fallback p{max-width:800px;color:#64748b;font-size:18px;line-height:1.65}
.seo-fallback-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.seo-fallback-card{display:block;background:#fff;border:2px solid #fef0c7;border-radius:22px;padding:15px;font-weight:800;color:#475569;text-align:center}
.seo-fallback-drawing{max-width:560px;margin:24px auto;background:#fff;border:2px solid #fef0c7;border-radius:28px;padding:18px;text-align:center}
.seo-fallback-drawing img,.seo-fallback-drawing svg{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
.seo-fallback .cta{color:#fff}

@media(max-width:900px){.how-grid{grid-template-columns:1fr}.seo-fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.how-box,.editorial-box,.faq-box{padding:24px 18px;border-radius:24px}.gallery-intro{font-size:16px}.seo-fallback-grid{grid-template-columns:1fr}.seo-fallback{padding-top:24px}.seo-fallback h1{font-size:40px}}


/* BabyColor 5.1 — Premium creative demo */
.premium-home-intro{margin:4px 0 0;color:#725f83;line-height:1.45}.premium-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.premium-home-cta{display:flex;width:max-content;margin:22px auto 0}.creative-button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-family:"DM Sans",sans-serif;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(139,92,246,.2)}.creative-button:hover,.creative-button.is-active{transform:translateY(-1px);box-shadow:0 10px 22px rgba(139,92,246,.28)}
.canvas-area{position:relative}.canvas-wrap{position:relative;container-type:inline-size}.sticker-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit}.placed-sticker{position:absolute;z-index:2;display:grid;place-items:center;width:auto;height:auto;min-width:1em;min-height:1em;padding:0;border:0;background:transparent;line-height:1;cursor:grab;user-select:none;touch-action:none;pointer-events:auto;filter:drop-shadow(0 3px 3px rgba(0,0,0,.14))}.placed-sticker:active{cursor:grabbing}.placed-sticker.selected{outline:3px dashed #8b5cf6;outline-offset:5px;border-radius:22px}.sticker-controls{position:absolute;z-index:6;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:5px;padding:6px;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(52,35,83,.2);pointer-events:auto}.sticker-controls[hidden]{display:none}.sticker-controls button{width:34px;height:34px;border:1px solid #e9ddff;border-radius:10px;background:#fff;color:#5f3b91;font-size:17px;font-weight:900;cursor:pointer}.autosave-badge{display:flex;align-items:center;gap:6px;margin:7px auto 0;padding:6px 11px;border-radius:999px;background:#effbf3;color:#338055;font-size:11px;font-weight:800;transition:.2s}.autosave-badge.saving{opacity:.55}.autosave-badge.saved{transform:scale(1.05);background:#dff8e8}
.premium-panel-trigger{width:100%;border:0;text-align:left;cursor:pointer}.premium-chevron{margin-left:auto;color:#8b5cf6;font-size:26px;line-height:1}.premium-swatch.unlocked b{display:none}.premium-swatch.active{outline:3px solid #6d36ad;outline-offset:2px}
.premium-modal-backdrop,.adult-gate-backdrop{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(30,24,45,.58);backdrop-filter:blur(4px)}.premium-modal{width:min(880px,100%);max-height:min(760px,94vh);display:flex;flex-direction:column;overflow:hidden;border:2px solid #e9ddff;border-radius:30px;background:#fff;box-shadow:0 28px 90px rgba(30,24,45,.3)}.premium-modal>header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;background:linear-gradient(135deg,#fff9ef,#f5efff)}.premium-modal h2,.adult-gate h2{font-family:"Baloo 2",sans-serif;color:#4e3574}.premium-modal h2{margin:2px 0 4px;font-size:30px}.premium-modal header p{margin:0;color:#6f7787}.premium-kicker{display:inline-flex;padding:4px 10px;border-radius:999px;background:#fff;color:#8b5cf6;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.modal-close{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:#5f3b91;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 3px 10px rgba(70,43,105,.1)}.premium-tabs{display:flex;gap:7px;padding:12px 18px;overflow-x:auto;border-top:1px solid #f3ecff;border-bottom:1px solid #f3ecff}.premium-tabs button{flex:0 0 auto;border:0;border-radius:14px;padding:10px 13px;background:#f7f5fb;color:#697386;font-weight:800;cursor:pointer}.premium-tabs button.active{background:#8b5cf6;color:#fff}.premium-modal-body{min-height:280px;padding:24px;overflow:auto}.premium-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 22px;border-top:1px solid #eee7f8;background:#fffdf8;color:#697386;font-size:13px;font-weight:700}.unlock-demo,.secondary{border:0;border-radius:14px;padding:10px 14px;font-weight:800;cursor:pointer}.unlock-demo{background:#5f3b91;color:#fff}.secondary{background:#f1edf6;color:#5f3b91}
.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creative-item,.export-grid>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:120px;padding:16px;border:2px solid #eee7f8;border-radius:22px;background:#fff;color:#4f5665;cursor:pointer}.creative-item:hover,.creative-item.selected,.export-grid>button:hover{border-color:#b89af0;background:#fbf8ff}.creative-item>span,.export-grid>button>span{font-size:36px}.creative-item strong,.export-grid strong{font-family:"Baloo 2",sans-serif;font-size:17px}.item-lock{position:absolute!important;top:9px;right:10px;display:grid;width:25px;height:25px;border-radius:9px;background:#f2eaff;font-size:12px!important}.premium-tip{margin:20px 0 0;padding:12px 14px;border-radius:15px;background:#fff9e8;color:#756649;font-size:13px;line-height:1.5}.sticker-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.sticker-picker button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 8px;border:2px solid #eee7f8;border-radius:20px;background:#fff;cursor:pointer}.sticker-picker button:hover{border-color:#b89af0;background:#fbf8ff}.sticker-picker button>span{font-size:38px}.sticker-picker small{color:#677080;font-weight:800}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-library{display:grid;gap:12px}.project-library article{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:12px;border:2px solid #eee7f8;border-radius:20px}.project-library img{width:110px;height:86px;object-fit:contain;border-radius:14px;background:#fffaf0}.project-library article>div>strong{display:block;font-family:"Baloo 2",sans-serif;font-size:18px;color:#4f3b68}.project-library small{display:block;color:#8a93a2}.project-library article>div>div{display:flex;gap:8px;margin-top:8px}.project-library button{border:0;border-radius:10px;padding:7px 10px;background:#efe8ff;color:#5f3b91;font-weight:800;cursor:pointer}.project-library button+button{background:#fff0f0;color:#a33}.empty-library{text-align:center;padding:35px}.empty-library>span{font-size:54px}.empty-library p{color:#697386}.empty-library .cta{border:0;cursor:pointer}
.adult-gate{position:relative;width:min(480px,100%);padding:30px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 25px 80px rgba(30,24,45,.3)}.adult-gate .modal-close{position:absolute;right:14px;top:14px}.adult-icon{font-size:52px}.adult-gate h2{margin:8px 35px 8px;font-size:27px}.adult-gate>p{color:#687284}.adult-equation{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0;font-family:"Baloo 2",sans-serif;font-size:29px;font-weight:800;color:#4e3574}.adult-equation input{width:88px;height:58px;border:3px solid #d9c8f4;border-radius:16px;text-align:center;font-size:28px;font-weight:800;outline:0}.adult-equation input:focus{border-color:#8b5cf6}.adult-error{color:#b42318!important;font-weight:800}.adult-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.adult-actions .cta{border:0;cursor:pointer}
@media(max-width:900px){.premium-grid-five{grid-template-columns:repeat(3,1fr)}.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.creative-button{padding:9px 10px}.creative-button-label{display:none}.coloring-header .nav-actions{gap:4px}.premium-modal-backdrop,.adult-gate-backdrop{padding:7px;align-items:end}.premium-modal{max-height:94vh;border-radius:25px 25px 16px 16px}.premium-modal>header{padding:18px}.premium-modal h2{font-size:25px}.premium-modal header p{font-size:13px}.premium-tabs{padding:9px}.premium-tabs button{padding:9px 10px;font-size:12px}.premium-modal-body{padding:16px;min-height:250px}.premium-modal-footer{padding:12px 14px}.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.creative-item{min-height:105px;padding:12px}.sticker-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.export-grid{grid-template-columns:1fr}.project-library article{grid-template-columns:82px 1fr}.project-library img{width:82px;height:72px}.premium-grid-five{grid-template-columns:repeat(2,1fr)}.sticker-controls{bottom:6px}.sticker-controls button{width:31px;height:31px}.adult-gate{border-radius:25px 25px 16px 16px;padding:26px 18px}.adult-gate h2{font-size:23px}.adult-actions{flex-direction:column-reverse}.adult-actions button{width:100%}}
@media(max-width:390px){.creative-grid{grid-template-columns:1fr 1fr}.creative-item strong{font-size:15px}.sticker-picker button>span{font-size:32px}.premium-grid-five{grid-template-columns:1fr 1fr}}

/* Stable canvas sizing in grid, flex and embedded previews */
.canvas-wrap{width:min(78vh,100%);max-width:720px;aspect-ratio:1}
.canvas-wrap canvas{width:100%;height:100%;max-width:100%;object-fit:contain}
@media(max-width:640px){.canvas-wrap{width:100%;max-width:720px}}

/* BabyColor 5.2 level and access labels */
.drawing-card .thumb:has(img){aspect-ratio:3/4}.category-card .category-tag{line-height:1.2}.featured-grid .access-badge,.featured-grid .level-badge{top:17px}.featured-grid .access-badge{left:17px}.featured-grid .level-badge{right:17px}
@media(max-width:640px){.access-badge,.level-badge{top:15px;padding:3px 7px;font-size:9px}.access-badge{left:15px}.level-badge{right:15px}.category-tag{font-size:9px}}


/* BabyColor 5.4 — mobile/tablet conversion and touch UX */
.header-action{min-height:44px}.header-action b{font-weight:800}.share-header{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:10px 14px;background:#3aa0e6;color:#fff;font-weight:800;cursor:pointer}.share-header span,.download span{font-size:18px;line-height:1}.more-tools{display:none}.canvas-actions{display:flex;gap:9px;justify-content:center;margin:8px auto 2px}.canvas-actions[hidden]{display:none}.canvas-actions button{min-height:44px;border:0;border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer}.canvas-actions button:first-child{background:#40c057;color:#fff}.canvas-actions button:last-child{background:#e8f5ff;color:#1676a7;border:2px solid #bfe3fb}
.share-sheet-backdrop{position:fixed;z-index:6000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(30,24,45,.58);backdrop-filter:blur(4px)}.share-sheet{position:relative;width:min(560px,100%);padding:28px;border-radius:28px;background:#fff;text-align:center;box-shadow:0 25px 80px rgba(30,24,45,.3)}.share-sheet-icon{font-size:48px}.share-sheet h2{margin:4px 36px 6px;font-family:"Baloo 2",sans-serif;color:#334155;font-size:28px}.share-sheet>p{margin:0 auto 20px;max-width:440px;color:#64748b;line-height:1.5}.share-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.share-options button{min-height:145px;border:2px solid #e4eef7;border-radius:22px;background:#fff;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.share-options button:hover{border-color:#80c8f2;background:#f7fcff}.share-options span{font-size:34px}.share-options strong{font-family:"Baloo 2",sans-serif;font-size:18px;color:#334155}.share-options small{color:#718096;line-height:1.3}

@media(max-width:900px){
  .tool{min-height:58px}.swatch{min-width:38px;min-height:38px}.coloring-header{position:sticky;top:0;z-index:30}
}
@media(max-width:640px){
  body:has(.coloring-shell){background:#fffaf0}
  .coloring-header{gap:5px;padding:6px 8px}.coloring-header .back{width:44px;height:44px;display:grid;place-items:center;padding:0;font-size:0}.coloring-header .back::before{content:"←";font-size:22px}.coloring-header .nav-actions{margin-left:auto;gap:5px}.coloring-header .music-attention{min-width:44px;width:44px;height:44px;padding:0;display:grid;place-items:center;box-shadow:none}.coloring-header .music-copy{display:none}.coloring-header .music-core{width:30px;height:30px}.coloring-header .creative-button{width:44px;height:44px;padding:0;display:grid;place-items:center}.coloring-header .share-header{width:44px;height:44px;padding:0;display:grid;place-items:center}.coloring-header .share-header b{display:none}.coloring-header .download{width:44px;height:44px;padding:0;display:grid;place-items:center}.coloring-header .download b{display:none}.coloring-header .language-action{min-width:44px;height:44px;padding:0 9px}
  .coloring-shell{padding:6px 7px 18px;gap:7px}.canvas-area{order:1;border-radius:18px;padding:3px;overflow:visible}.canvas-wrap{border-radius:14px;overflow:hidden}.autosave-badge{margin-top:5px}.canvas-actions{width:100%;padding:0 5px}.canvas-actions button{flex:1;min-height:46px}
  .palette-panel{order:2;padding:9px 9px 8px;border-radius:18px;overflow:visible}.free-palette{display:grid;grid-template-columns:1fr;gap:6px}.colors{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.swatch{width:38px;height:38px;min-width:38px;min-height:38px}.size-label{font-size:11px}.range{height:34px}.premium-colors{margin-top:7px}.premium-colors-head{min-height:48px;border-radius:14px}.premium-colors #premiumColorGroups{display:grid!important}
  .tools{order:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;overflow:visible;border-radius:18px;position:sticky;bottom:6px;z-index:25;box-shadow:0 8px 28px rgba(71,85,105,.14)}.tool{min-width:0!important;min-height:58px;padding:4px 2px;border-radius:14px}.tool-icon{width:24px;height:24px}.tool>span:last-child{font-size:10px}.secondary-tool{display:none}.tools.show-more .secondary-tool{display:flex}.tools.show-more{grid-template-columns:repeat(4,minmax(0,1fr))}.more-tools{display:flex}.tools.show-more .more-tools{background:#f3f4f6}.more-dots{font-size:21px;line-height:1;color:#64748b}
  .share-sheet-backdrop{padding:7px;align-items:end}.share-sheet{border-radius:25px 25px 16px 16px;padding:24px 14px 18px}.share-sheet h2{font-size:24px}.share-options{grid-template-columns:1fr 1fr;gap:8px}.share-options button{min-height:132px;padding:12px 8px}.share-options strong{font-size:16px}.share-options small{font-size:11px}
}
@media(max-width:390px){
  .colors{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.swatch{width:34px;height:34px;min-width:34px;min-height:34px}.tool>span:last-child{font-size:9px}.coloring-header .language-action{display:none}.share-options{grid-template-columns:1fr}.share-options button{min-height:100px}
}
@media(orientation:landscape) and (max-height:620px) and (max-width:950px){
  .canvas-actions{display:none!important}.tools{position:static}.coloring-header{position:sticky;top:0}.palette-panel{overflow:auto}
}

/* BabyColor 5.5 — conversion, favorites and retention */
.gallery-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.favorites-toggle{flex:0 0 auto;border:2px solid #ffd77d;background:#fff;border-radius:999px;padding:10px 15px;font-weight:900;color:#627086;cursor:pointer}.favorites-toggle.active{background:#fff0f3;border-color:#ff9db0;color:#d83b61}.category-switcher{margin:10px 0 20px}.category-switcher summary{display:inline-flex;align-items:center;gap:7px;border:2px solid #f3d98d;border-radius:999px;background:#fff;padding:9px 14px;font-weight:900;color:#627086;cursor:pointer;list-style:none}.category-switcher summary::-webkit-details-marker{display:none}.compact-filters{margin-top:10px}.favorite-btn{position:absolute;z-index:8;right:15px;bottom:48px;width:38px;height:38px;border:2px solid #ffe0e6;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:#d94a69;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(30,40,60,.09)}.favorite-btn.active{background:#ffedf2;border-color:#ff9eb2}.favorite-empty{text-align:center;padding:38px 16px;color:#718096}.favorite-empty span{display:block;font-size:48px;color:#ff8daa}.favorite-empty strong{display:block;font-family:"Baloo 2",sans-serif;font-size:23px;color:#42526b}.sandia-credit{display:inline-block;margin:8px 0;color:#64748b;text-decoration:none;font-size:13px}.sandia-credit strong{color:#374151}.sandia-credit:hover strong{text-decoration:underline}.completion-backdrop{position:fixed;z-index:8000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(30,24,45,.58);backdrop-filter:blur(5px)}.completion-card{width:min(470px,100%);text-align:center;background:#fff;border-radius:28px;padding:28px 22px;box-shadow:0 25px 80px rgba(30,24,45,.28)}.completion-confetti{color:#ffbd2e;font-size:25px;letter-spacing:10px}.completion-sticker{width:112px;height:112px;margin:10px auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff6c8,#ffe29a);border:5px solid #fff;box-shadow:0 8px 24px rgba(255,184,52,.3);font-size:62px}.completion-card h2{margin:8px 0 4px;font-family:"Baloo 2",sans-serif;font-size:29px;color:#334155}.completion-card p{color:#64748b}.completion-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.completion-actions button,.completion-close{border:0;border-radius:15px;padding:12px;font-weight:900;cursor:pointer}.completion-actions button:first-child{background:#fff0f3;color:#c83258}.completion-actions button:last-child{background:#ff9a26;color:#fff}.completion-close{margin-top:9px;background:#f1f5f9;color:#64748b;width:100%}.canvas-actions{flex-wrap:wrap}.canvas-actions #finishDrawingBtn{background:#ff9a26;color:#fff}.canvas-actions button{min-width:0}
@media(max-width:640px){
 .gallery-wrap.category-page{padding-top:10px}.category-page .breadcrumbs{margin-bottom:4px}.category-page .gallery-title{font-size:clamp(1.8rem,8vw,2.35rem);line-height:1.04;margin-bottom:5px}.category-page .gallery-intro{font-size:15px;line-height:1.35;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-heading-row{display:block}.favorites-toggle{width:auto;padding:8px 12px;margin:0 0 8px;font-size:13px}.category-page .level-filters{margin:6px 0 8px}.category-page .level-filters .filter{padding:8px 15px}.category-switcher{margin:4px 0 12px}.category-switcher summary{padding:7px 12px;font-size:13px}.compact-filters{max-height:220px;overflow:auto;padding-bottom:5px}.drawing-card .favorite-btn{right:10px;bottom:42px;width:34px;height:34px;font-size:21px}.completion-backdrop{align-items:end;padding:7px}.completion-card{border-radius:26px 26px 16px 16px;padding:24px 15px 18px}.completion-actions{grid-template-columns:1fr}.canvas-actions{gap:6px}.canvas-actions button{flex:1 1 30%;padding:9px 7px;font-size:12px}}


/* BabyColor 5.5.5 — Pollito Travieso */
.games-pill{white-space:nowrap}
.game-home-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:24px;padding:28px;border:2px solid #ffe0a1;border-radius:28px;background:linear-gradient(135deg,#fff8df,#fff0b8);box-shadow:0 12px 30px rgba(113,79,20,.10)}
.game-home-mascot{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;font-size:74px;background:#fff;border:4px solid #ffd35c;box-shadow:0 9px 0 #e9a934}
.game-kicker{display:inline-block;margin-bottom:6px;font-weight:900;color:#8b5b00}
.game-home-copy h2{margin:2px 0 8px;font-size:clamp(1.55rem,4vw,2.15rem)}
.game-home-copy p{max-width:650px;margin:0 0 15px;line-height:1.55;color:#526078}
.game-home-cta{display:inline-flex}
.completion-surprise{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;margin:14px 0;padding:13px 14px;border:2px solid #ffd45d;border-radius:18px;background:#fff8d9;text-align:left}
.completion-surprise>span{grid-row:1/3;font-size:30px}
.completion-surprise strong{color:#35415a;font-size:.96rem}
.completion-surprise a{display:inline-flex;justify-content:center;align-items:center;padding:10px 12px;border-radius:12px;background:#ff9c25;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 4px 0 #d97500}
.completion-surprise a:active{transform:translateY(2px);box-shadow:0 2px 0 #d97500}
@media(max-width:640px){
  .game-home-card{grid-template-columns:1fr;text-align:center;padding:22px 16px}
  .game-home-mascot{margin:auto;width:112px;height:112px;font-size:62px}
  .game-home-copy p{font-size:.96rem}
  .games-pill{padding-left:10px;padding-right:10px}
}



/* =========================================================
   BabyColor 5.5.6 — Mobile UX Pack
   ========================================================= */
html,body,.shell{width:100%;max-width:100%;overflow-x:hidden}
.topbar,.topbar>* ,.hero,.hero>* ,.gallery-wrap,.gallery-heading-row>*{min-width:0}
.hero h1,.gallery-title{overflow-wrap:anywhere}
.filter-group-label{margin:8px 0 7px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#9a7b54}
.gallery-all-link{background:#fff8df}

@media(max-width:640px){
  .topbar{position:sticky;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;padding:7px 10px}
  .topbar>.brand{font-size:20px;gap:5px;justify-self:start;white-space:nowrap}
  .topbar>.brand .logo-chick{width:32px;height:32px}
  .topbar>.install-header-btn{grid-column:2;grid-row:1;justify-self:end;align-self:center;min-height:38px;padding:6px 12px;font-size:12px}.topbar>.nav-actions{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;gap:5px;align-items:center}
  .topbar .pill{min-width:0;min-height:38px;padding:6px 8px;font-size:12px;white-space:nowrap;text-align:center}
  .topbar .games-pill{padding-left:7px;padding-right:7px}
  .topbar .music-attention{min-width:42px;width:42px;height:40px;padding:0;justify-content:center;box-shadow:0 3px 0 #f1d48e}
  .topbar .music-copy{display:none}
  .topbar .music-core{width:26px;height:26px;flex-basis:26px}
  .hero{width:100%;padding:26px 16px 24px}
  .hero h1{font-size:clamp(36px,11vw,48px);line-height:1.04;max-width:100%;margin-left:auto;margin-right:auto}
  .hero p{font-size:16px;line-height:1.55;max-width:100%}
  .hero .cta{max-width:100%;padding-left:20px;padding-right:20px}
  .mascot-card{min-height:210px;overflow:hidden}
  .hero-chick{max-width:72vw}
  .gallery-wrap{width:100%;max-width:100%;padding-left:14px;padding-right:14px}
  .gallery-title{font-size:clamp(34px,10vw,46px);line-height:1.03}
  .gallery-intro{font-size:16px;line-height:1.55}
  .gallery-heading-row{display:block}
  .favorites-toggle{margin-top:10px}
  .level-filters,.filters{gap:7px;margin-bottom:10px}
  .level-filters .filter,.filters .filter{padding:8px 12px;font-size:14px}
  .category-switcher summary{max-width:100%}
}

@media(max-width:390px){
  .topbar>.brand{font-size:18px}
  .topbar>.brand .logo-chick{width:29px;height:29px}
  .topbar .pill{font-size:11px;padding:6px}.topbar>.install-header-btn{font-size:11px;padding:6px 10px}
  .hero h1{font-size:clamp(34px,10.5vw,41px)}
  .gallery-title{font-size:clamp(32px,10vw,40px)}
}



/* =========================================================
   BabyColor 5.6.5 — Gallery conversion landing
   Keeps category pages unchanged; optimizes the full gallery
   for mobile ad traffic and faster first interaction.
   ========================================================= */
.landing-gallery{padding-top:24px}
.gallery-conversion-intro{max-width:900px;margin:0 auto 18px;text-align:center}
.landing-title{margin:0 auto 9px;max-width:820px;font-size:clamp(34px,5vw,58px);line-height:1.02;color:#35415a}
.landing-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto;color:#637085;font-weight:800}
.landing-trust span{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1.5px solid #f1dfac;border-radius:999px;background:#fffdf7;font-size:13px}
.quick-start-section{margin:18px 0 22px;padding:18px;border:2px solid #ffe3a3;border-radius:27px;background:linear-gradient(145deg,#fffdf5,#fff7dd);box-shadow:0 7px 20px rgba(113,79,20,.07)}
.quick-start-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 12px}
.quick-start-heading h2{margin:0;font-family:"Baloo 2",sans-serif;font-size:clamp(23px,3vw,31px);line-height:1.1;color:#3f4d63}
.quick-start-heading span{color:#8b7354;font-size:14px;font-weight:700;white-space:nowrap}
.quick-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-start-card{position:relative;display:block;min-width:0;padding:9px 9px 10px;border:2px solid #f2e4bd;border-radius:21px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 3px 10px rgba(71,85,105,.07);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.quick-start-card:hover{transform:translateY(-3px);border-color:#ffc85a;box-shadow:0 9px 22px rgba(71,85,105,.12)}
.quick-start-thumb{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;border-radius:15px;background:#fffaf0}
.quick-start-thumb img,.quick-start-thumb svg{width:96%;height:96%;object-fit:contain;display:block}
.quick-start-copy{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 2px 0}
.quick-start-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Baloo 2",sans-serif;font-size:17px;color:#43526a}
.quick-start-copy span{flex:0 0 auto;color:#e87808;font-size:12px;font-weight:900}
.quick-free{position:absolute;z-index:2;top:15px;left:15px;padding:4px 8px;border-radius:999px;background:#dff8e6;color:#237a42;font-size:11px;font-weight:900;box-shadow:0 2px 8px rgba(35,122,66,.10)}
.gallery-discovery{margin:4px 0 16px}
.gallery-discovery .filter-group-label{margin-bottom:8px}
.gallery-tools-panel{margin:0 0 18px;padding:14px 15px 10px;border:1.5px solid #f1e5c7;border-radius:21px;background:rgba(255,255,255,.72)}
.gallery-tools-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}
.gallery-tools-head>div{display:grid;gap:1px}
.gallery-tools-head strong{font-family:"Baloo 2",sans-serif;font-size:18px;color:#4b5870}
.gallery-tools-head small{color:#8a94a6;font-size:12px}
.gallery-tools-panel .favorites-toggle{margin:0}
.gallery-tools-panel .level-filters{margin-bottom:0}
.gallery-grid-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:4px 0 11px}
.gallery-grid-heading h2{margin:0;font-family:"Baloo 2",sans-serif;font-size:28px;color:#3f4d63}
.gallery-grid-heading span{color:#8b7354;font-size:13px;font-weight:700}
.gallery-seo-note{max-width:780px;margin:28px auto 0;text-align:center;color:#8993a3;font-size:14px;line-height:1.55}

@media(max-width:640px){
  .landing-gallery{padding-top:8px;padding-left:10px;padding-right:10px}
  .landing-breadcrumbs{display:none}
  .gallery-conversion-intro{margin:0 0 10px;text-align:left}
  .landing-title{margin:0 0 7px;font-size:clamp(28px,8.3vw,35px);line-height:1.02;overflow-wrap:normal}
  .landing-trust{justify-content:flex-start;gap:5px}
  .landing-trust span{min-height:28px;padding:4px 8px;font-size:11px}
  .quick-start-section{margin:10px 0 14px;padding:10px;border-radius:20px}
  .quick-start-heading{align-items:center;margin-bottom:8px}
  .quick-start-heading h2{font-size:20px}
  .quick-start-heading span{font-size:11px}
  .quick-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .quick-start-card{padding:6px 6px 7px;border-radius:17px}
  .quick-start-thumb{border-radius:12px}
  .quick-start-copy{padding-top:5px}
  .quick-start-copy strong{font-size:15px}
  .quick-start-copy span{font-size:10px}
  .quick-free{top:10px;left:10px;padding:3px 6px;font-size:9px}
  .gallery-discovery{margin-bottom:10px}
  .quick-category-strip{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:1px 2px 7px;margin:0 -2px 6px;scrollbar-width:none}
  .quick-category-strip::-webkit-scrollbar{display:none}
  .quick-category-strip .filter{flex:0 0 auto;scroll-snap-align:start;padding:7px 11px;font-size:12px;white-space:nowrap}
  .gallery-tools-panel{padding:10px 10px 8px;margin-bottom:12px;border-radius:17px}
  .gallery-tools-head{gap:8px;margin-bottom:5px}
  .gallery-tools-head strong{font-size:15px}
  .gallery-tools-head small{display:none}
  .gallery-tools-head .favorites-toggle{padding:7px 9px;font-size:11px;white-space:nowrap}
  .gallery-tools-panel .filter-group-label{margin-top:4px}
  .gallery-tools-panel .level-filters{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;margin-top:0;padding-bottom:2px;scrollbar-width:none}
  .gallery-tools-panel .level-filters::-webkit-scrollbar{display:none}
  .gallery-tools-panel .level-filters .filter{flex:0 0 auto;padding:6px 10px;font-size:12px}
  .gallery-grid-heading{margin:3px 2px 8px}
  .gallery-grid-heading h2{font-size:23px}
  .gallery-grid-heading span{font-size:11px}
  .landing-gallery>.drawing-grid{gap:9px}
  .landing-gallery>.drawing-grid .drawing-card{border-radius:18px}
  .gallery-seo-note{margin-top:20px;font-size:12px;text-align:left}
}

@media(max-width:390px){
  .landing-title{font-size:clamp(27px,8vw,32px)}
  .quick-start-section{padding:8px}
  .quick-start-heading h2{font-size:18px}
  .quick-start-heading span{display:none}
  .quick-start-grid{gap:7px}
  .quick-start-copy strong{font-size:14px}
}


/* BabyColor 5.8 — installability, business footer and public visit counter */
.install-section{padding-top:6px;padding-bottom:18px}
.install-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 26px;border:2px solid #ffd978;border-radius:28px;background:linear-gradient(135deg,#fff8dc,#fff0b5);box-shadow:0 10px 26px rgba(152,103,15,.09)}
.install-art{position:relative;width:90px;height:90px;display:grid;place-items:center;border-radius:25px;background:#fff;box-shadow:0 7px 0 #f2c754;font-size:48px}
.install-art b{position:absolute;right:-7px;bottom:-6px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;background:#4dabf7;color:#fff;font-size:23px;line-height:1}
.install-copy h2{margin:2px 0 5px!important;font-size:clamp(24px,3vw,34px)!important}
.install-copy p{margin:0;color:#64748b;line-height:1.5;max-width:650px}
.install-kicker{font-size:12px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#a56a00}
.install-main-btn,.install-help-ok{border:0;cursor:pointer;font-weight:900}
.install-main-btn{min-height:52px;padding:13px 20px;border-radius:17px;background:#ff922b;color:#fff;box-shadow:0 6px 0 #d97412;font-size:16px;white-space:nowrap}
.install-main-btn:active{transform:translateY(3px);box-shadow:0 3px 0 #d97412}
.install-main-btn.is-installed{background:#e8f7ea;color:#358049;box-shadow:none;cursor:default}
.footer{padding-top:30px;padding-bottom:34px}
.footer .brand{margin-bottom:2px}
.footer-business{width:min(640px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:18px;align-items:center;margin:8px auto 2px;padding:17px 20px;border:1px solid #f0dfb7;border-radius:22px;background:rgba(255,255,255,.72)}
.footer-contact{display:flex;flex-direction:column;gap:5px;text-align:left;color:#6b7280}
.footer-contact span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;color:#9a7b54}
.footer-contact strong{font-size:17px;color:#334155;overflow-wrap:anywhere;user-select:text}
.sandia-brand{display:flex;flex-direction:column;align-items:center;gap:4px;padding-left:16px;border-left:1px solid #eee0bc}
.sandia-brand>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#9a7b54}
.sandia-brand a{display:block;line-height:0;border-radius:12px;transition:.18s}
.sandia-brand a:hover{transform:translateY(-2px)}
.sandia-brand img{display:block;width:190px;height:auto;max-height:98px;object-fit:contain}
.visitor-counter{display:inline-flex;align-items:center;gap:9px;margin:7px 0 2px;padding:9px 13px;border-radius:15px;background:#fff;border:1px solid #f1dfad;color:#64748b}
.visitor-eye{font-size:22px}
.visitor-counter>span:last-child{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.visitor-counter small{font-size:10px;color:#94a3b8}
.visitor-counter strong{font-family:"Baloo 2",sans-serif;font-size:20px;color:#4b5563}
.install-help-backdrop{position:fixed;z-index:9500;inset:0;display:grid;place-items:center;padding:16px;background:rgba(28,34,47,.58);backdrop-filter:blur(5px)}
.install-help{position:relative;width:min(440px,100%);padding:26px 24px 22px;border-radius:28px;background:#fff;color:#475569;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.install-help-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 8px;border-radius:22px;background:#fff4c4;font-size:42px}
.install-help h2{margin:6px 0 14px;text-align:center;font-family:"Baloo 2",sans-serif;font-size:27px;color:#334155}
.install-help ol{margin:0;padding-left:24px;line-height:1.6}
.install-help li+li{margin-top:6px}
.install-help-ok{width:100%;margin-top:18px;padding:12px;border-radius:14px;background:#ff922b;color:#fff;font-size:15px}
@media(max-width:700px){
  .install-card{grid-template-columns:72px minmax(0,1fr);gap:15px;padding:20px 16px}
  .install-art{width:70px;height:70px;border-radius:20px;font-size:38px}
  .install-art b{width:29px;height:29px;font-size:19px}
  .install-main-btn{grid-column:1/-1;width:100%}
  .footer-business{grid-template-columns:1fr;text-align:center;padding:16px}
  .footer-contact{text-align:center;align-items:center}
  .sandia-brand{padding:13px 0 0;border-left:0;border-top:1px solid #eee0bc}
  .sandia-brand img{width:180px}
}
@media(max-width:390px){
  .install-card{grid-template-columns:58px minmax(0,1fr);gap:12px}
  .install-art{width:58px;height:58px;font-size:31px;border-radius:17px}
  .install-copy h2{font-size:23px!important}
  .install-copy p{font-size:14px}
  .footer-contact strong{font-size:15px}
}


/* =========================================================
   BabyColor 5.9.1 — Campaign 3 mobile polish
   ========================================================= */
/* Badges live in the UI footer, never on top of the artwork. */
.drawing-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:23px;margin:8px 2px 0}
.drawing-card .access-badge,.drawing-card .level-badge{position:static;inset:auto;display:inline-flex;align-items:center;box-shadow:none;margin:0}
.drawing-card strong{margin:4px 2px 0;text-align:left;line-height:1.18;min-height:2.36em;white-space:normal;overflow:visible;text-overflow:clip}

/* The four campaign-entry cards: lighter frame, clean artwork, complete titles. */
.quick-start-card{border-width:1px;box-shadow:0 3px 9px rgba(71,85,105,.055)}
.quick-start-meta{display:flex;align-items:center;justify-content:flex-start;min-height:24px;padding:6px 2px 0}
.quick-free{position:static;inset:auto;display:inline-flex;align-items:center;width:max-content;box-shadow:none}
.quick-start-copy{align-items:flex-end}
.quick-start-copy strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.05;min-height:2.10em;display:block;flex:1 1 auto}
.quick-start-copy span{align-self:flex-end;padding-bottom:1px}

/* Horizontal categories should unmistakably look swipeable on phones. */
.filter-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.category-swipe-hint{display:none;color:#bd7417;font-size:11px;font-weight:900;white-space:nowrap}
.gallery-discovery{position:relative}

@media(max-width:640px){
  .drawing-card-meta{margin-top:6px;min-height:20px}
  .drawing-card .access-badge,.drawing-card .level-badge{font-size:9px;padding:3px 7px}
  .drawing-card strong{font-size:14px;min-height:2.30em}
  .quick-start-card{padding:6px 6px 8px}
  .quick-start-meta{min-height:21px;padding-top:5px}
  .quick-free{padding:3px 6px;font-size:9px}
  .quick-start-copy{padding-top:3px;gap:5px}
  .quick-start-copy strong{font-size:14px;min-height:2.10em}
  .category-swipe-hint{display:inline-flex}
  .quick-category-strip{padding-right:42px!important}
  .gallery-discovery::after{content:"";position:absolute;z-index:3;right:-2px;bottom:5px;width:38px;height:36px;pointer-events:none;background:linear-gradient(90deg,rgba(255,251,240,0),#fffbf0 72%)}
  .gallery-tools-head small{display:block!important;font-size:10px;line-height:1.2}
  .gallery-tools-head>div{min-width:0}
}

/* BabyColor 5.9.1 — completion share + premium puppy in quick start */
.quick-start-meta .quick-free.is-premium{background:#efe2ff;color:#7345b8;border-color:#d4b7ff}
.completion-share{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 0;border:2px solid #9fe4b0;border-radius:15px;padding:12px 14px;background:#eaf9ee;color:#15783a;font-weight:900;cursor:pointer;box-shadow:0 3px 0 #b9e7c4}
.completion-share small{font-size:11px;font-weight:800;color:#4e8b63}
.completion-share:active{transform:translateY(2px);box-shadow:0 1px 0 #b9e7c4}
@media(max-width:640px){.completion-share{padding:11px 12px}.completion-share small{font-size:10px}}


/* BabyColor 5.9.2 — Creative Studio attention + kawaii sticker expansion */
@keyframes creativeBell{
  0%,72%,100%{transform:translateY(0) rotate(0) scale(1);box-shadow:0 7px 18px rgba(139,92,246,.22)}
  76%{transform:translateY(-2px) rotate(-2deg) scale(1.045);box-shadow:0 0 0 4px rgba(242,126,255,.16),0 0 24px rgba(236,72,153,.55)}
  80%{transform:translateY(-2px) rotate(2deg) scale(1.06);box-shadow:0 0 0 7px rgba(255,220,93,.12),0 0 30px rgba(139,92,246,.62)}
  84%{transform:translateY(-1px) rotate(-1deg) scale(1.04)}
  88%{transform:translateY(0) rotate(0) scale(1)}
}
@keyframes creativeSparkle{
  0%,70%,100%{opacity:0;transform:translate(0,4px) scale(.3) rotate(0)}
  76%{opacity:1;transform:translate(-5px,-10px) scale(1) rotate(45deg)}
  84%{opacity:.9;transform:translate(5px,-16px) scale(.8) rotate(90deg)}
  90%{opacity:0;transform:translate(10px,-21px) scale(.35) rotate(140deg)}
}
.creative-button.creative-attention{position:relative;overflow:visible;animation:creativeBell 4.6s ease-in-out infinite;isolation:isolate}
.creative-button.creative-attention::before,.creative-button.creative-attention::after{content:'✦';position:absolute;z-index:3;color:#fff49a;pointer-events:none;text-shadow:0 0 8px #fff,0 0 13px #ffcc35;opacity:0;animation:creativeSparkle 4.6s ease-in-out infinite}
.creative-button.creative-attention::before{right:-4px;top:1px;font-size:17px}
.creative-button.creative-attention::after{left:-3px;bottom:0;font-size:12px;animation-delay:.18s}
.creative-button.creative-attention:hover,.creative-button.creative-attention:focus-visible{animation:none;transform:translateY(-2px) scale(1.04);box-shadow:0 0 0 4px rgba(225,177,255,.26),0 10px 25px rgba(139,92,246,.42)}

.creative-wow{border-color:#ddbdff;box-shadow:0 28px 90px rgba(85,43,128,.34),0 0 0 2px rgba(255,255,255,.8),0 0 34px rgba(198,109,255,.20)}
.creative-wow>header{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff8ec 0%,#fff5fe 45%,#f2edff 100%)}
.creative-wow>header::before{content:'✦  ✧  ★  ✦';position:absolute;right:86px;top:15px;color:#f7b928;font-size:20px;letter-spacing:12px;opacity:.75;pointer-events:none}
.creative-heading{position:relative;z-index:1}.creative-title-spark{display:inline-block;filter:drop-shadow(0 0 6px rgba(255,187,42,.55))}
.creative-wow #creativeTitle{font-size:34px;background:linear-gradient(90deg,#6d34c5,#8641df 52%,#ea4a9d);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.06;text-shadow:none}
.creative-invite{display:block;margin-top:7px;color:#8a51b6;font-weight:900;font-size:12px}
.creative-header-mascot{align-self:center;margin-left:auto;margin-right:42px;font-size:40px;filter:drop-shadow(0 6px 10px rgba(100,55,140,.18));transform:rotate(-7deg)}
.creative-wow .modal-close{position:absolute;right:18px;top:18px;z-index:4}

.creative-wow .premium-tabs{gap:9px;padding:13px 18px;background:#fff;overflow-y:visible}
.creative-wow .premium-tabs button{position:relative;display:flex;align-items:center;gap:7px;min-height:46px;padding:9px 15px;border:2px solid transparent;background:#f7f5fb;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.creative-wow .premium-tabs button b{font:inherit;font-weight:900}.creative-wow .premium-tabs .tab-icon{font-size:19px;line-height:1}
.creative-wow .premium-tabs .tab-brushes{background:#f2eaff;color:#7541c9}.creative-wow .premium-tabs .tab-patterns{background:#fff0f7;color:#d43c87}.creative-wow .premium-tabs .tab-stickers{background:#fff8dc;color:#9b6a00}
.creative-wow .premium-tabs button:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(82,55,115,.12)}
.creative-wow .premium-tabs .tab-brushes.active{background:linear-gradient(135deg,#8b5cf6,#a455ed);border-color:#bb9eff;color:#fff;box-shadow:0 0 0 3px rgba(139,92,246,.12),0 7px 18px rgba(139,92,246,.3)}
.creative-wow .premium-tabs .tab-patterns.active{background:linear-gradient(135deg,#f05aa2,#e4438f);border-color:#ffc0df;color:#fff;box-shadow:0 0 0 3px rgba(240,90,162,.11),0 7px 18px rgba(229,67,143,.27)}
.creative-wow .premium-tabs .tab-stickers.active{background:linear-gradient(135deg,#ffbe37,#ff934d);border-color:#ffe69b;color:#fff;box-shadow:0 0 0 3px rgba(255,190,55,.12),0 7px 18px rgba(255,147,77,.28)}
.tab-new{position:absolute;right:-5px;top:-9px;padding:2px 6px;border-radius:999px;background:#20c978;color:#fff;font-style:normal;font-size:8px;font-weight:1000;letter-spacing:.04em;box-shadow:0 3px 8px rgba(32,201,120,.25)}

.creative-section-title{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:10px 13px;border-radius:18px;background:linear-gradient(90deg,#fff9df,#fff3fb)}
.creative-section-title>span:first-child{font-size:28px}.creative-section-title>div{min-width:0}.creative-section-title strong{display:block;font-family:"Baloo 2",sans-serif;font-size:20px;color:#7040b4;line-height:1}.creative-section-title small{display:block;margin-top:3px;color:#857590;font-size:11px;font-weight:800}.more-stickers-badge{margin-left:auto;padding:5px 9px;border-radius:999px;background:#ffdc68;color:#7f5611;font-size:10px!important;font-weight:1000;white-space:nowrap;transform:rotate(-2deg)}
.kawaii-sticker-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.kawaii-sticker-picker button{min-height:92px;padding:9px 5px;border-radius:18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kawaii-sticker-picker button:hover{transform:translateY(-3px) scale(1.035);box-shadow:0 8px 18px rgba(92,58,118,.11)}.kawaii-sticker-picker button>span{font-size:34px}.kawaii-sticker-picker button small{font-size:9px;line-height:1.1;text-align:center}.kawaii-sticker-picker .is-extra-kawaii{background:linear-gradient(150deg,#fff,#fff8fc);border-color:#f4e1f0}

@media(max-width:900px){.kawaii-sticker-picker{grid-template-columns:repeat(6,minmax(0,1fr))}.creative-header-mascot{font-size:34px}}
@media(max-width:640px){
  .creative-button.creative-attention{animation-duration:5.3s}
  .creative-wow #creativeTitle{font-size:28px}.creative-wow>header::before{display:none}.creative-header-mascot{display:none}.creative-invite{font-size:11px}
  .creative-wow .premium-tabs{gap:6px;padding:10px 8px}.creative-wow .premium-tabs button{min-height:42px;padding:8px 10px}.creative-wow .premium-tabs button b{font-size:11px}.creative-wow .premium-tabs .tab-icon{font-size:17px}.tab-new{font-size:7px;right:-3px;top:-7px}
  .kawaii-sticker-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kawaii-sticker-picker button{min-height:82px}.kawaii-sticker-picker button>span{font-size:31px}.creative-section-title{padding:9px 10px}.creative-section-title strong{font-size:18px}.more-stickers-badge{font-size:8px!important;padding:4px 6px}
}
@media(max-width:390px){.kawaii-sticker-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-wow .premium-tabs button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.creative-button.creative-attention,.creative-button.creative-attention::before,.creative-button.creative-attention::after{animation:none!important}}


/* =========================================================
   BabyColor 5.10.4 — Mobile coloring focus + pinch zoom
   Mantiene fija la zona de dibujo y compacta controles/paleta.
   ========================================================= */
.canvas-wrap{will-change:transform;transform-origin:center center}
.canvas-wrap.is-zoomed{cursor:grab}
@media(max-width:640px) and (orientation:portrait){
  body:has(.coloring-shell){overscroll-behavior-y:contain}
  .coloring-header{min-height:49px;padding:4px 7px;gap:4px}
  .coloring-header .back,.coloring-header .music-attention,.coloring-header .creative-button,.coloring-header .share-header,.coloring-header .download{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  .coloring-header .music-core{width:27px;height:27px}
  .coloring-header .language-action{min-width:40px;height:40px;min-height:40px;padding:0 7px;font-size:13px}
  .coloring-header .nav-actions{gap:4px}

  .coloring-shell{padding:4px 5px 14px;gap:5px;align-items:stretch}
  .canvas-area{position:sticky;top:49px;z-index:24;order:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2px 2px 4px;border-width:1.5px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 16px rgba(71,85,105,.10)}
  .canvas-wrap{width:100%;max-width:720px;border-radius:11px;overflow:hidden;flex:0 0 auto;transition:none}
  .canvas-wrap canvas{width:100%;height:100%;max-width:100%}
  .autosave-badge{margin-top:3px;padding:4px 9px;font-size:10px;line-height:1.1}
  .canvas-actions{width:100%;gap:4px;margin:4px auto 0;padding:0 3px 1px}
  .canvas-actions button{min-height:39px!important;padding:7px 6px!important;border-radius:14px;font-size:11px;line-height:1.05}

  .palette-panel{order:2;margin-top:3px;padding:6px 7px 6px;border-radius:14px;border-width:1.5px;overflow:visible}
  .free-palette{gap:3px}
  .colors{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
  .swatch{width:31px;height:31px;min-width:31px;min-height:31px;border-width:2px;outline-width:1px}
  .size-label{margin-top:1px;font-size:10px;line-height:1.1}
  .range{height:26px}
  .premium-colors{margin-top:5px}
  .premium-colors-head{min-height:43px;border-radius:12px;padding-top:6px;padding-bottom:6px}

  .tools{order:3;gap:4px;padding:5px;border-radius:14px;position:static;bottom:auto;box-shadow:none}
  .tool{min-height:51px!important;border-radius:12px;padding:3px 2px}
  .tool-icon{width:22px;height:22px}
  .tool>span:last-child{font-size:9px}
}
@media(max-width:390px) and (orientation:portrait){
  .coloring-header{min-height:47px;padding-left:5px;padding-right:5px}
  .coloring-header .back,.coloring-header .music-attention,.coloring-header .creative-button,.coloring-header .share-header,.coloring-header .download{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .coloring-header .language-action{min-width:38px;height:38px;min-height:38px}
  .canvas-area{top:47px}
  .swatch{width:29px;height:29px;min-width:29px;min-height:29px}
  .colors{gap:3px}
  .canvas-actions button{font-size:10.5px}
}


/* ===== BabyColor 5.10.4 — categorías kawaii inspiradas en tarjetas pastel ===== */
.category-showcase{position:relative;padding-top:42px;padding-bottom:44px}
.category-title-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.category-title-row h2{margin:0!important;color:#26356d;letter-spacing:-.5px;text-shadow:0 2px 0 rgba(255,255,255,.9)}
.category-title-star{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#fff7c5,#ffe17a);box-shadow:0 7px 18px rgba(230,170,48,.18);font-size:22px;transform:rotate(7deg)}
.category-grid{gap:18px}
.category-card{position:relative;isolation:isolate;overflow:hidden;min-height:0;aspect-ratio:1.38/1;border-radius:30px;padding:14px 14px 12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;border:1px solid rgba(255,255,255,.68);box-shadow:0 10px 24px rgba(60,76,120,.10),inset 0 2px 0 rgba(255,255,255,.65);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.category-card::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.08) 44%,rgba(255,255,255,.22));pointer-events:none}
.category-card::after{content:"";position:absolute;z-index:-1;width:74%;height:42%;left:13%;bottom:-15%;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(2px);pointer-events:none}
.category-card:hover{transform:translateY(-6px) scale(1.015);filter:saturate(1.04);box-shadow:0 16px 30px rgba(60,76,120,.15),inset 0 2px 0 rgba(255,255,255,.75)}
.category-card:active{transform:translateY(-1px) scale(.985)}
.category-icon{width:100%;height:auto;flex:1;min-height:78px;display:grid;place-items:center;margin-top:-2px}
.category-icon svg{width:min(128px,78%);height:min(102px,78%);max-height:104px;overflow:visible;fill:none;stroke:#31415f;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 8px 8px rgba(45,54,85,.09))}
.category-card strong{position:relative;z-index:2;color:#1f2c63;font-size:clamp(18px,1.9vw,22px);line-height:1.02;font-weight:900;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.82);margin:0 0 3px}
.category-tag{position:relative;z-index:3;margin-top:3px;background:rgba(255,255,255,.90);border:1px solid rgba(146,104,220,.22);box-shadow:0 3px 9px rgba(93,69,142,.08);color:#7752b2;padding:4px 10px;font-size:10px}
.category-spark{position:absolute;z-index:1;color:rgba(255,255,255,.96);text-shadow:0 1px 6px rgba(255,255,255,.8);pointer-events:none}
.category-spark-a{font-size:20px;top:17px;left:18px;transform:rotate(8deg)}
.category-spark-b{font-size:15px;top:31px;right:20px;transform:rotate(-12deg)}
.category-card-animals{background:linear-gradient(145deg,#fff0b2,#ffd56d)}
.category-card-dinosaurs{background:linear-gradient(145deg,#d8f9df,#91e6aa)}
.category-card-vehicles{background:linear-gradient(145deg,#d8f1ff,#82c9f5)}
.category-card-princesses{background:linear-gradient(145deg,#ffe0ec,#f3a6cc)}
.category-card-space{background:linear-gradient(145deg,#e4d9ff,#b098f2)}
.category-card-nature{background:linear-gradient(145deg,#e5f9c8,#afe786)}
.category-card-food{background:linear-gradient(145deg,#ffe5d3,#ffb88e)}
.category-card-fantasy{background:linear-gradient(145deg,#dcf3ff,#8fd2f6)}
.category-card-learn{background:linear-gradient(145deg,#fff4bf,#ffdc7c)}
.category-card-sports{background:linear-gradient(145deg,#ddf3ff,#98d7fb)}
.category-card-creative{background:linear-gradient(145deg,#ecdfff,#c9a8f5)}

@media(max-width:900px){
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .category-card{aspect-ratio:1.34/1;border-radius:26px;padding:10px 10px 9px}
  .category-icon{min-height:70px}
  .category-icon svg{width:min(118px,80%);height:min(92px,78%)}
}
@media(max-width:640px){
  .category-showcase{padding:26px 10px 32px}
  .category-title-row{gap:8px;margin-bottom:14px}
  .category-title-row h2{font-size:32px;line-height:.98}
  .category-title-star{width:34px;height:34px;border-radius:12px;font-size:18px;flex:0 0 auto}
  .category-grid{gap:11px}
  .category-card{aspect-ratio:1.22/1;border-radius:24px;padding:8px 7px 8px;box-shadow:0 7px 16px rgba(60,76,120,.09),inset 0 2px 0 rgba(255,255,255,.62)}
  .category-icon{min-height:73px;margin-top:0}
  .category-icon svg{width:min(112px,84%);height:min(86px,80%)}
  .category-card strong{font-size:18px;line-height:1.02}
  .category-tag{font-size:8.5px;padding:3px 7px;margin-top:2px}
  .category-spark-a{font-size:15px;top:11px;left:12px}
  .category-spark-b{font-size:12px;top:19px;right:12px}
}
@media(max-width:390px){
  .category-title-row h2{font-size:29px}
  .category-card{aspect-ratio:1.16/1;border-radius:22px}
  .category-icon{min-height:68px}
  .category-icon svg{width:min(104px,86%);height:min(82px,80%)}
  .category-card strong{font-size:17px}
}

/* Category card image assets chosen by user */
.category-icon img{display:block;width:min(138px,86%);height:auto;max-height:108px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(45,54,85,.10));transform:translateY(2px)}
@media(max-width:900px){.category-icon img{width:min(128px,84%);max-height:98px}}
@media(max-width:640px){.category-icon img{width:min(120px,86%);max-height:92px}}
@media(max-width:390px){.category-icon img{width:min(110px,88%);max-height:84px}}

/* =========================================================
   BabyColor 5.10.4 — mobile split view real
   Zona superior fija (dibujo) + controles inferiores con scroll propio.
   ========================================================= */
.coloring-shell>.canvas-area{grid-column:2;grid-row:1}
.coloring-shell>.mobile-controls-scroll{display:contents}
.coloring-shell>.mobile-controls-scroll>.tools{grid-column:1;grid-row:1}
.coloring-shell>.mobile-controls-scroll>.palette-panel{grid-column:3;grid-row:1}

@media(max-width:640px) and (orientation:portrait){
  html:has(.coloring-shell),body:has(.coloring-shell){height:100%;overflow:hidden;overscroll-behavior:none}
  body:has(.coloring-shell) .shell{height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}

  /* Un poco más pequeña para regalar espacio al dibujo */
  .coloring-header{position:relative!important;top:auto!important;z-index:30;flex:0 0 45px;min-height:45px!important;height:45px;padding:3px 6px!important;gap:3px!important}
  .coloring-header .back,.coloring-header .music-attention,.coloring-header .creative-button,.coloring-header .share-header,.coloring-header .download{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .coloring-header .music-core{width:25px!important;height:25px!important}
  .coloring-header .nav-actions{gap:3px!important}
  .coloring-header .language-action{min-width:36px!important;width:auto!important;height:36px!important;min-height:36px!important;padding:0 7px!important;font-size:12px!important}

  /* El main ocupa exactamente el resto del viewport y NO desplaza el dibujo. */
  .coloring-shell{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:3px 5px 5px!important;gap:4px!important;background:#fffbf0}

  /* Zona morada del esquema: siempre visible. */
  .coloring-shell>.canvas-area{order:1!important;position:relative!important;top:auto!important;z-index:20!important;flex:1 1 auto!important;min-height:0!important;width:100%;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:2px 2px 3px!important;border-radius:13px!important;border-width:1.5px!important;box-shadow:0 4px 13px rgba(71,85,105,.09)!important}
  .canvas-wrap{flex:1 1 auto!important;min-height:0!important;width:min(100%,430px)!important;max-width:100%!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;overflow:hidden!important;transition:none!important}
  .canvas-wrap canvas{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  .autosave-badge{flex:0 0 auto!important;margin:2px auto 0!important;padding:3px 8px!important;font-size:9.5px!important;line-height:1!important}
  .canvas-actions{flex:0 0 auto!important;width:100%!important;gap:4px!important;margin:3px auto 0!important;padding:0 3px!important}
  .canvas-actions button{min-height:34px!important;height:34px!important;padding:5px 5px!important;border-radius:12px!important;font-size:10.5px!important;line-height:1!important}

  /* Zona roja del esquema: más corta y con SU PROPIO scroll. */
  .coloring-shell>.mobile-controls-scroll{order:2!important;display:flex!important;flex-direction:column!important;flex:0 0 clamp(168px,23dvh,200px)!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8b4fe transparent;border-radius:14px;padding:0 0 3px;background:transparent}
  .mobile-controls-scroll>.palette-panel{order:1!important;flex:0 0 auto!important;margin:0!important;padding:5px 7px 6px!important;border-radius:13px!important;border-width:1.5px!important;overflow:visible!important}
  .mobile-controls-scroll>.tools{order:2!important;flex:0 0 auto!important;position:static!important;bottom:auto!important;z-index:auto!important;margin:5px 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;padding:5px!important;border-radius:13px!important;overflow:visible!important;box-shadow:none!important}
  .mobile-controls-scroll>.tools.show-more{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* Paleta compacta: mantiene 16 colores en dos filas, pero roba menos altura. */
  .free-palette{gap:2px!important}
  .colors{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:3px!important}
  .swatch{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;border-width:2px!important;outline-width:1px!important}
  .size-label{margin-top:0!important;font-size:9.5px!important;line-height:1!important}
  .range{height:21px!important;margin:0!important}
  .premium-colors{margin-top:3px!important}
  .premium-colors-head{min-height:40px!important;border-radius:11px!important;padding:5px 7px!important}
  .premium-colors-head strong{font-size:13px!important}
  .premium-colors-head small{font-size:9px!important}
  .tool{min-height:48px!important;border-radius:11px!important;padding:3px 2px!important}
  .tool-icon{width:20px!important;height:20px!important}
  .tool>span:last-child{font-size:8.5px!important}
}

@media(max-width:390px) and (orientation:portrait){
  .coloring-header{flex-basis:43px!important;height:43px!important;min-height:43px!important;padding-left:4px!important;padding-right:4px!important}
  .coloring-header .back,.coloring-header .music-attention,.coloring-header .creative-button,.coloring-header .share-header,.coloring-header .download{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .coloring-header .language-action{min-width:34px!important;height:34px!important;min-height:34px!important}
  .coloring-shell>.mobile-controls-scroll{flex-basis:172px!important}
  .swatch{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important}
  .canvas-actions button{font-size:10px!important}
}
@media(max-width:640px) and (orientation:portrait){
  .canvas-wrap{flex:0 1 auto!important;width:min(100%,calc(100dvh - 268px),430px)!important;height:auto!important;aspect-ratio:1/1!important}
}
@media(max-width:390px) and (orientation:portrait){
  .canvas-wrap{width:min(100%,calc(100dvh - 263px),430px)!important}
}


/* =========================================================
   BabyColor 5.10.4 — Pintado Fácil v2 predictivo
   Asistencia opcional: intención táctil + barrera de contorno.
   ========================================================= */
.easy-paint-toggle{
  width:100%;display:flex;align-items:center;gap:9px;margin:0 0 8px;padding:9px 10px;
  border:1.5px solid #eadffd;border-radius:16px;background:linear-gradient(145deg,#fff,#fbf8ff);
  color:#55406f;box-shadow:0 5px 14px rgba(93,69,142,.07);cursor:pointer;text-align:left;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease
}
.easy-paint-toggle:active{transform:scale(.985)}
.easy-paint-magic{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:12px;background:#f4edff;font-size:18px}
.easy-paint-copy{display:flex;flex-direction:column;min-width:0;flex:1}
.easy-paint-copy strong{font-size:13px;line-height:1.05;color:#4d3b67}
.easy-paint-copy small{margin-top:3px;font-size:9.5px;line-height:1.05;color:#9586aa;font-weight:800}
.easy-paint-switch{position:relative;flex:0 0 39px;width:39px;height:22px;border-radius:999px;background:#d9d5df;box-shadow:inset 0 1px 3px rgba(34,39,52,.12);transition:.18s}
.easy-paint-switch i{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(45,38,60,.22);transition:.18s}
.easy-paint-toggle.is-on{border-color:#c5a8fb;background:linear-gradient(145deg,#fbf7ff,#f0e8ff);box-shadow:0 7px 18px rgba(127,91,205,.13)}
.easy-paint-toggle.is-on .easy-paint-magic{background:linear-gradient(145deg,#ffeaa6,#ffd66e);animation:easyPaintSpark 2.8s ease-in-out infinite}
.easy-paint-toggle.is-on .easy-paint-copy strong{color:#6942a4}
.easy-paint-toggle.is-on .easy-paint-copy small{color:#7a5bb1}
.easy-paint-toggle.is-on .easy-paint-switch{background:#9b74e4}
.easy-paint-toggle.is-on .easy-paint-switch i{left:20px}
@keyframes easyPaintSpark{0%,78%,100%{transform:rotate(0) scale(1)}86%{transform:rotate(-9deg) scale(1.08)}93%{transform:rotate(8deg) scale(1.05)}}

@media(max-width:640px) and (orientation:portrait){
  .easy-paint-toggle{min-height:36px;margin:0 0 4px;padding:4px 7px;gap:6px;border-radius:11px}
  .easy-paint-magic{flex-basis:27px;width:27px;height:27px;border-radius:9px;font-size:14px}
  .easy-paint-copy strong{font-size:11px}
  .easy-paint-copy small{margin-top:1px;font-size:8px}
  .easy-paint-switch{flex-basis:34px;width:34px;height:19px}
  .easy-paint-switch i{top:3px;left:3px;width:13px;height:13px}
  .easy-paint-toggle.is-on .easy-paint-switch i{left:18px}
  .coloring-shell>.mobile-controls-scroll{flex-basis:clamp(168px,23dvh,200px)!important}
}
@media(prefers-reduced-motion:reduce){.easy-paint-toggle.is-on .easy-paint-magic{animation:none!important}}

/* BabyColor 5.10.4 — premium palette visible on mobile */
@media(max-width:640px) and (orientation:portrait){
  .mobile-controls-scroll .premium-colors #premiumColorGroups{display:grid!important;margin-top:5px!important;gap:6px 8px!important}
  .mobile-controls-scroll .premium-group>span{font-size:9px!important;margin-bottom:3px!important}
  .mobile-controls-scroll .premium-swatches{gap:3px!important}
  .mobile-controls-scroll .premium-swatch{max-width:31px!important}
}
@media(max-width:390px) and (orientation:portrait){
  .mobile-controls-scroll .premium-colors #premiumColorGroups{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mobile-controls-scroll .premium-group{display:block!important}
  .mobile-controls-scroll .premium-group>span{display:block!important;text-align:center!important;margin:0 0 3px!important}
  .mobile-controls-scroll .premium-swatch{max-width:29px!important}
}

/* BabyColor 5.11.1 — Presúmelo al mundo */
.world-home-section{margin-top:20px}.world-home-card{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;padding:24px;border:2px solid #eadcff;border-radius:28px;background:linear-gradient(135deg,#fff8ff,#f0fbff);box-shadow:0 14px 32px rgba(111,78,161,.09)}.world-home-art{display:grid;place-items:center;min-height:142px;border-radius:24px;background:linear-gradient(135deg,#e9d6ff,#dff7ff);font-size:46px}.world-kicker{display:inline-flex;padding:5px 10px;border-radius:999px;background:#efe1ff;color:#7847b4;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.world-home-card h2{margin:7px 0 4px;font-family:"Baloo 2",sans-serif;font-size:31px;color:#56327e}.world-home-card p{margin:0 0 13px;color:#667085}.world-home-cta{background:linear-gradient(135deg,#8f54e8,#c04fd8)!important;box-shadow:0 8px 18px rgba(143,84,232,.24)}
.completion-world{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:17px;padding:13px 14px;margin:5px 0 9px;background:linear-gradient(135deg,#8c52e8,#cf57d0);color:#fff;font:800 16px "Baloo 2",sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(139,80,228,.22)}.completion-world small{font:700 11px "DM Sans",sans-serif;opacity:.9}.completion-world:hover{transform:translateY(-1px)}
.world-publish-backdrop{position:fixed;inset:0;z-index:99995;display:grid;place-items:center;padding:18px;background:rgba(39,35,55,.55);backdrop-filter:blur(7px)}.world-publish-card{position:relative;width:min(430px,100%);max-height:min(760px,92dvh);overflow:auto;padding:24px;border:3px solid #dab4ff;border-radius:28px;background:linear-gradient(180deg,#fff,#fff8ff);box-shadow:0 25px 70px rgba(55,34,82,.3);text-align:center}.world-publish-card .modal-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:14px;background:#f4edff;color:#6b41a0;font-size:27px;cursor:pointer}.world-publish-icon{font-size:43px}.world-publish-card h2{margin:2px 0 2px;color:#6739a5;font:800 31px "Baloo 2",sans-serif}.world-publish-card p{margin:0 auto 13px;color:#687086;max-width:340px}.world-preview{display:block;width:min(240px,72vw);aspect-ratio:1/1;object-fit:contain;margin:10px auto 14px;border:2px solid #eadcff;border-radius:18px;background:#fff}.world-nick{display:grid;gap:5px;text-align:left;margin:8px 0 13px}.world-nick span{font-weight:800;color:#645479}.world-nick input{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #dfcff4;border-radius:14px;background:#fff;font:700 16px "DM Sans",sans-serif;outline:none}.world-nick input:focus{border-color:#9a64e8;box-shadow:0 0 0 4px rgba(154,100,232,.12)}.world-primary,.world-secondary{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;border:0;border-radius:16px;padding:13px 16px;font:800 16px "Baloo 2",sans-serif;text-decoration:none;cursor:pointer}.world-primary{background:linear-gradient(135deg,#8c52e8,#cf57d0);color:#fff}.world-primary:disabled{opacity:.55;cursor:wait}.world-secondary{margin-top:9px;background:#f2eff5;color:#594d67}.world-publish-card>small{display:block;margin-top:9px;color:#8a8393;font-size:11px}.world-success{padding-top:32px}
.world-page{background:#f5f8ff}.world-shell{max-width:1180px}.world-main{padding:18px 20px 40px}.world-hero{text-align:center;padding:31px 22px 26px;border:2px solid #eadcff;border-radius:30px;background:radial-gradient(circle at 20% 10%,#fbe6ff,transparent 35%),linear-gradient(135deg,#fff,#f2fbff)}.world-hero-emoji{font-size:48px}.world-hero>span{display:inline-block;margin-top:5px;padding:5px 11px;border-radius:999px;background:#eee2ff;color:#7345ad;font-weight:800;font-size:12px;text-transform:uppercase}.world-hero h1{margin:3px 0 4px;font:800 43px "Baloo 2",sans-serif;color:#5c348c}.world-hero p{max-width:680px;margin:0 auto 16px;color:#667085;font-size:16px}.world-toolbar{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:25px 2px 15px}.world-toolbar>div:first-child{display:grid;gap:2px}.world-toolbar strong{font:800 23px "Baloo 2",sans-serif;color:#4d4260}.world-toolbar small{color:#81788d}.world-sort{display:flex;gap:7px}.world-sort button{border:2px solid #eadff5;border-radius:999px;background:#fff;padding:8px 13px;font-weight:800;color:#6b6078;cursor:pointer}.world-sort button.active{background:#7545c5;color:#fff;border-color:#7545c5}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.world-card{overflow:hidden;border:2px solid #ece5f4;border-radius:23px;background:#fff;box-shadow:0 10px 25px rgba(76,57,96,.07)}.world-image-button{display:block;width:100%;padding:0;border:0;background:#fafafa;cursor:zoom-in}.world-image-button img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.world-card-body{padding:12px 13px 11px}.world-author{display:flex;align-items:center;justify-content:space-between;gap:10px}.world-author strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#493b57}.world-author span{flex:none;font-size:11px;color:#96909d}.world-title{margin:5px 0 9px;color:#776c82;font-size:13px}.world-reactions{display:flex;flex-wrap:wrap;gap:5px}.world-reactions button{border:1px solid #ece4f3;border-radius:999px;background:#faf8fc;padding:6px 8px;color:#5c5265;cursor:pointer;font-size:13px}.world-reactions button.active{background:#f1e5ff;border-color:#c9a4f4}.world-reactions b{font-size:11px}.world-report{display:block;margin:7px 0 0 auto;border:0;background:transparent;color:#a49baa;font-size:11px;cursor:pointer}.world-more{display:block;margin:22px auto 0;border:0;border-radius:999px;padding:11px 22px;background:#fff;border:2px solid #decdf3;color:#7248a5;font-weight:800;cursor:pointer}.world-empty{text-align:center;padding:44px 20px;border:2px dashed #ddcfec;border-radius:24px;background:#fff}.world-empty>span{display:block;font-size:43px}.world-empty strong{display:block;font:800 23px "Baloo 2",sans-serif;color:#60487d}.world-empty p{margin:0 0 12px;color:#8a8192}.world-empty a{color:#7545c5;font-weight:800}.world-safety-note{margin:28px auto 0;max-width:760px;padding:14px 17px;border-radius:18px;background:#eef9f3;color:#50705e;text-align:center}.world-safety-note p{margin:3px 0 0;font-size:12px}.world-lightbox{position:fixed;inset:0;z-index:99996;display:grid;place-items:center;padding:18px;background:rgba(25,22,31,.78);backdrop-filter:blur(8px)}.world-lightbox section{position:relative;display:grid;gap:5px;width:min(680px,96vw);padding:13px;border-radius:23px;background:#fff;text-align:center}.world-lightbox img{display:block;width:100%;max-height:76dvh;object-fit:contain;border-radius:16px}.world-lightbox button{position:absolute;right:20px;top:20px;width:44px;height:44px;border:0;border-radius:15px;background:rgba(255,255,255,.93);font-size:26px;cursor:pointer}.world-lightbox strong{font-size:16px;color:#4d4158}.world-lightbox span{font-size:12px;color:#857b8b}
@media(max-width:800px){.world-home-card{grid-template-columns:1fr;text-align:center}.world-home-art{min-height:90px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.world-toolbar{align-items:stretch;flex-direction:column}.world-sort{overflow:auto;padding-bottom:2px}.world-page .topbar .games-pill{display:none}.world-hero h1{font-size:35px}}
@media(max-width:460px){.world-main{padding:10px 10px 28px}.world-grid{gap:9px}.world-card{border-radius:18px}.world-card-body{padding:9px}.world-author{display:grid;gap:0}.world-author span{font-size:10px}.world-title{font-size:11px}.world-reactions{gap:3px}.world-reactions button{padding:5px 6px}.world-hero{padding:22px 13px}.world-hero h1{font-size:31px}.completion-world{font-size:14px;flex-direction:column;gap:0}.completion-world small{font-size:10px}}