/* Gelli Belle Playhouse V44 — colorful, touch-friendly, self-contained creative studio */
.gb44-coloring{--ink-blue:#183c59;color:var(--ink-blue);max-width:1050px;margin:0 auto}
.gb44-intro{display:flex;gap:25px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#dcedef,#fbebd7 75%);padding:24px 28px;border-radius:25px;margin:5px 0 23px}
.gb44-intro h3{font:700 clamp(26px,4vw,40px)/1.07 'Fredoka',sans-serif;color:#183c59;margin:8px 0}
.gb44-intro p{font-size:14px;line-height:1.65;max-width:580px;color:#466171}
.gb44-kicker{font-family:'Fredoka',sans-serif;font-size:11px;letter-spacing:.12em;color:#a56540;font-weight:700}
.gb44-count{width:114px;height:114px;border-radius:50%;background:#fff8;flex:0 0 114px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 6px 20px #2d64731b}
.gb44-count strong{font:700 47px/1 'Fredoka',sans-serif;color:#a86341}.gb44-count span{font:600 11px/1.25 'Fredoka';text-align:center}
.gb44-top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:15px 0}.gb44-top h4{font:700 22px 'Fredoka';color:#183c59}
.gb44-filters{display:flex;gap:6px;flex-wrap:wrap}.gb44-filters button{border:1px solid #cddbe0;border-radius:30px;background:white;padding:9px 13px;color:#365d70;font:600 12px 'Fredoka'}
.gb44-filters button.on{background:#1c536c;color:#fff;border-color:#1c536c}
.gb44-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-height:310px;overflow:auto;overscroll-behavior:contain;padding:6px;border-radius:20px;background:#f5f1e9;border:1px solid #eadfce}
.gb44-gallery button{display:block;border:2px solid transparent;padding:5px 5px 9px;text-align:center;background:#fff;border-radius:12px;min-width:0;min-height:118px;box-shadow:0 3px 8px #153c5310}
.gb44-gallery button.on{border-color:#b56b3e;box-shadow:0 0 0 2px #f7cf96}
.gb44-gallery button[hidden]{display:none}.gb44-gallery img{width:100%;aspect-ratio:720/510;object-fit:contain;border-radius:8px;pointer-events:none}.gb44-gallery span{display:block;color:#365469;font:600 11px/1.35 'Fredoka';margin:6px 3px 0}
.gb44-studio{margin-top:20px;padding:17px;border-radius:24px;background:linear-gradient(#f7efdf,#eff6f5);border:1px solid #e3d9c9;box-shadow:0 9px 25px #1a435115}
.gb44-pagebar{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;margin:0 0 14px}.gb44-pagebar h4{font:700 clamp(20px,3vw,29px)/1.15 'Fredoka';color:#183c59;margin:4px 0}.gb44-pagebar small{font-size:12px;color:#667b89}.gb44-pagebar button{border:1px solid #c5d8df;background:#fff;border-radius:50%;width:44px;height:44px;font:700 31px/1 'Fredoka';flex:none;color:#336075}
.gb44-canvas-wrap{position:relative;max-width:820px;margin:auto;padding:8px;border-radius:20px;background:#fff;box-shadow:0 5px 20px #12324621;border:1px solid #e7ddcf}
.gb44-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:720/510;border-radius:13px;touch-action:none;cursor:crosshair;background:#fff}
.gb44-loading{position:absolute;inset:8px;display:grid;place-items:center;color:#456878;font:700 18px 'Fredoka';background:#fffdf7ef;border-radius:13px}.gb44-loading[hidden]{display:none}
.gb44-tools{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:17px 0 14px}
.gb44-tools button,.gb44-history button{border:1px solid #d3dbda;background:#fff;border-radius:30px;padding:11px 15px;color:#26465d;font:600 13px 'Fredoka';min-height:42px}
.gb44-tools button.on{background:#22556c;color:#fff;border-color:#22556c}.gb44-tools label{font:600 12px 'Fredoka';display:flex;align-items:center;gap:8px;padding-left:8px}.gb44-tools input{width:85px;accent-color:#a96942}
.gb44-palette{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px auto 19px;max-width:750px}
.gb44-palette button{width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1px #bacbd0;flex:none;min-width:40px}.gb44-palette button.on{outline:3px solid #26475b;outline-offset:2px}
.gb44-custom{position:relative;width:42px;height:42px;display:grid;place-items:center;border:2px dashed #9fabb5;border-radius:50%;background:#fff;color:#36566b;font-weight:700;overflow:hidden;cursor:pointer}.gb44-custom input{position:absolute;inset:-12px;opacity:0;width:65px;height:65px;cursor:pointer}
.gb44-bottom{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between}.gb44-history{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.gb44-history button.gb44-save{background:#194662;border-color:#194662;color:white}.gb44-history button:disabled{opacity:.4;cursor:not-allowed}
.gb44-message{font-size:13px;color:#547183;line-height:1.5;text-align:center;margin:16px 0 7px;font-weight:700}.gb44-footnote{text-align:center;font-size:11px;color:#718593;line-height:1.6;margin-top:4px}
@media(max-width:750px){.gb44-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.gb44-intro{padding:20px}.gb44-count{width:85px;height:85px;flex-basis:85px}.gb44-count strong{font-size:38px}.gb44-bottom{justify-content:center}}
@media(max-width:490px){.gb44-intro{padding:17px}.gb44-intro h3{font-size:26px}.gb44-count{display:none}.gb44-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.gb44-gallery span{font-size:10px}.gb44-studio{padding:9px}.gb44-tools{gap:5px}.gb44-tools button,.gb44-history button{padding:10px;font-size:12px}.gb44-palette{gap:7px}.gb44-palette button{width:35px;height:35px;min-width:35px}.gb44-top h4{font-size:19px}.gb44-filters button{font-size:11px;padding:8px 10px}.gb44-pagebar{gap:8px}.gb44-pagebar button{width:37px;height:37px}.gb44-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.gb44-coloring *{scroll-behavior:auto!important;animation:none!important}}