:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.4 Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{overscroll-behavior:none;background:linear-gradient(160deg,#fef6e4 0%,#fde2e4 40%,#e0f4ff 100%)}#root{min-height:100dvh}button,h1,h2,h3{font-family:inherit}.gallery{max-width:1000px;margin:0 auto;padding:16px}.gallery__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.gallery__title{color:#444;margin:0;font-size:28px}.gallery__collection-btn{cursor:pointer;background:#ffe08a;border:none;border-radius:16px;padding:12px 18px;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000001a}.gallery__categories{gap:10px;padding:6px 2px 14px;display:flex;overflow-x:auto}.gallery__cat{cursor:pointer;background:#fff;border:none;border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:4px;min-width:72px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #00000014}.gallery__cat--active{background:#ffd166;box-shadow:0 0 0 3px #ffb703}.gallery__cat-emoji{font-size:26px}.gallery__cat-label{color:#555;font-size:12px;font-weight:700}.gallery__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.gallery__card{cursor:pointer;background:#fff;border:none;border-radius:18px;flex-direction:column;gap:8px;padding:10px;transition:transform .12s;display:flex;box-shadow:0 3px 10px #0000001a}.gallery__card:hover{transform:translateY(-4px)}.gallery__card-thumb{aspect-ratio:1;background:#fafafa;border-radius:12px;width:100%;overflow:hidden}.gallery__card-thumb svg{width:100%;height:100%}.gallery__card-name{color:#555;text-align:center;font-size:14px;font-weight:700}.collection{max-width:1000px;margin:0 auto;padding:16px}.collection__header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.collection__back{cursor:pointer;background:#fff;border:none;border-radius:14px;padding:10px 16px;font-size:15px;font-weight:700;box-shadow:0 2px 8px #0000001a}.collection__title{color:#444;margin:0;font-size:24px}.collection__empty{text-align:center;color:#777;margin-top:60px;font-size:16px}.collection__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;display:grid}.collection__card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 10px #0000001a}.collection__img{aspect-ratio:1;object-fit:contain;background:#fafafa;width:100%;display:block}.collection__card-footer{justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex}.collection__card-name{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.collection__card-actions{gap:4px;display:flex}.collection__icon-btn{cursor:pointer;background:#f4f4f4;border:none;border-radius:10px;padding:6px 8px;font-size:15px}.coloring-board{aspect-ratio:4/3.4;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:28px;width:100%;max-width:560px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.coloring-board--placing{cursor:copy}.coloring-board__svg{width:100%;height:100%;position:absolute;inset:0}.coloring-board__svg svg{width:100%;height:100%;display:block}.coloring-board__svg [data-region]{cursor:pointer;transition:fill 80ms}.coloring-board__canvas{width:100%;height:100%;position:absolute;inset:0}.coloring-board__stickers{pointer-events:none;position:absolute;inset:0}.coloring-board__sticker{pointer-events:auto;cursor:grab;filter:drop-shadow(0 2px 3px #00000040);touch-action:none;background:0 0;border:none;padding:4px;line-height:1;position:absolute}.coloring-board__sticker:active{cursor:grabbing}.color-palette{background:#fff8ec;border-radius:20px;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px;display:grid;box-shadow:0 4px 12px #00000014}.color-swatch{cursor:pointer;border:3px solid #00000026;border-radius:50%;width:44px;height:44px;padding:0;transition:transform .12s,box-shadow .12s}.color-swatch--white{border:3px solid #ccc}.color-swatch:hover{transform:scale(1.12)}.color-swatch--active{border:4px solid #333;transform:scale(1.18);box-shadow:0 0 0 3px #ffd166}@media (width>=600px){.color-swatch{width:52px;height:52px}}.toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border-radius:20px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #00000014}.toolbar__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.toolbar__btn{cursor:pointer;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 6px #0000001f}.toolbar__btn:hover:not(:disabled){transform:translateY(-2px)scale(1.05)}.toolbar__btn:disabled{opacity:.35;cursor:not-allowed}.toolbar__btn--active{background:#ffe08a;box-shadow:0 0 0 3px #ffb703}.toolbar__btn--save{background:#d7f5df}.toolbar__row--sizes{gap:10px}.toolbar__label{color:#555;font-size:14px;font-weight:600}.toolbar__size{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.toolbar__size--active{background:#fff6e0;border-color:#ffb703}.toolbar__size-dot{background:#444;border-radius:50%}@media (width>=600px){.toolbar__btn{width:58px;height:58px;font-size:28px}}.sticker-tray{justify-content:center;display:flex;position:relative}.sticker-tray__toggle{cursor:pointer;background:#ffd6e8;border:none;border-radius:16px;padding:12px 20px;font-size:16px;font-weight:700;box-shadow:0 2px 8px #0000001a}.sticker-tray__toggle--active{box-shadow:0 0 0 3px #ec407a}.sticker-tray__panel{z-index:5;background:#fff;border-radius:18px;width:min(320px,90vw);padding:12px;position:absolute;bottom:calc(100% + 8px);box-shadow:0 6px 18px #00000026}.sticker-tray__hint{text-align:center;color:#ec407a;margin:0 0 8px;font-size:13px;font-weight:700}.sticker-tray__grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.sticker-tray__item{cursor:pointer;background:#fafafa;border:none;border-radius:14px;padding:8px;font-size:28px}.sticker-tray__item--active{background:#ffe08a;box-shadow:0 0 0 3px #ffb703}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti__piece{font-size:28px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-40px}@keyframes confetti-fall{0%{opacity:1;top:-40px}to{opacity:.9;top:105vh}}.coloring-page{box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px;display:flex}.coloring-page__board-area{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.coloring-page__controls{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:560px;display:flex}