@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--primary: #7C3AED;--primary-light: #A78BFA;--primary-dark: #5B21B6;--secondary: #F59E0B;--secondary-light: #FCD34D;--accent-pink: #EC4899;--accent-blue: #3B82F6;--accent-green: #10B981;--accent-red: #EF4444;--accent-orange: #F97316;--bg: #FEFCE8;--bg-white: #FFFFFF;--bg-light: #FFF7ED;--bg-card: #FFFFFF;--text: #1F2937;--text-light: #6B7280;--text-lighter: #9CA3AF;--border: #E5E7EB;--border-light: #F3F4F6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-heading: "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--font-body: "Comic Sans MS", "Chalkboard SE", cursive, sans-serif;--container: 1200px;--header-height: 70px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:500;color:var(--text);background:var(--bg);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.text-gradient{background:linear-gradient(135deg,var(--primary),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-weight:600;font-family:var(--font-heading);transition:all .2s ease;border:2px solid transparent;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn-outline{border-color:var(--primary);color:var(--primary);background:transparent}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-lg{padding:14px 28px;font-size:1.1rem;border-radius:var(--radius-lg)}.btn-full{width:100%;justify-content:center}.difficulty-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fff}.difficulty-easy{background:var(--accent-green)}.difficulty-medium{background:var(--secondary)}.difficulty-hard{background:var(--accent-red)}.age-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--bg-light);color:var(--text-light)}::selection{background:var(--primary-light);color:#fff}.studio-layout{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;overflow:hidden}.bubble-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--btn-color, #a855f7);color:#fff;border:3px solid white;cursor:pointer;transition:all .15s}.color-circle{border-radius:50%;border:3px solid white;cursor:pointer}.cs-layout{display:grid;grid-template-rows:auto 1fr auto;width:100vw;height:100vh;height:100dvh;overflow:hidden;position:fixed;top:0;left:0;z-index:100;background:linear-gradient(160deg,#fdf4ff,#eff6ff 40%,#f0fdf4);font-family:var(--font-body)}.cs-topbar{display:flex;align-items:flex-start;gap:12px;padding:10px 16px 8px;background:linear-gradient(135deg,#7c3aed,#db2777,#f97316);box-shadow:0 3px 16px #7c3aed40;z-index:10;flex-shrink:0}.cs-panel{display:flex;flex-direction:column;gap:4px}.cs-panel-label{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ffffffbf}.cs-dot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.cs-panel-gradient .cs-dot-grid{grid-template-columns:repeat(3,1fr)}.cs-dot{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.6);cursor:pointer;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #0000002e;background-color:transparent}.cs-dot:hover{transform:scale(1.22);border-color:#fff;box-shadow:0 0 0 2px #ffffff80}.cs-date-badge{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;color:#ffffffe6;padding-top:4px}.cs-date-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.cs-date-value{font-size:.85rem;font-weight:700;font-family:var(--font-heading)}.cs-main{display:grid;grid-template-columns:90px 1fr 50px;height:100%;overflow:hidden}.cs-left-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;background:linear-gradient(180deg,#7c3aed14,#db27770f);border-right:1.5px solid rgba(124,58,237,.12)}.cs-side-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;border-radius:16px;background:#fff;color:#4b5563;font-weight:700;box-shadow:0 3px 10px #0000001a;transition:all .18s ease;border:2.5px solid transparent;cursor:pointer;min-width:60px}.cs-side-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.cs-side-btn:disabled{opacity:.35;cursor:not-allowed}.cs-side-icon{font-size:1.3rem;line-height:1}.cs-side-label{font-size:.52rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cs-btn-prev{border-color:#a78bfa;color:#7c3aed}.cs-btn-zoom-in{border-color:#6ee7b7;color:#059669}.cs-btn-zoom-out{border-color:#93c5fd;color:#2563eb}.cs-btn-reset{border-color:#fca5a5;color:#dc2626}.cs-btn-sound{border-color:#fcd34d;color:#d97706}.cs-btn-download{border-color:#86efac;color:#16a34a}.cs-btn-prev:hover{background:#f5f3ff}.cs-btn-zoom-in:hover{background:#ecfdf5}.cs-btn-zoom-out:hover{background:#eff6ff}.cs-btn-reset:hover{background:#fef2f2}.cs-btn-sound:hover{background:#fffbeb}.cs-btn-download:hover{background:#f0fdf4}.cs-canvas-wrap{display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden;position:relative}.cs-canvas-inner{width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:0 0 0 4px #7c3aed26,0 12px 40px #00000024,0 4px 12px #00000014;background:#fff;display:flex;align-items:center;justify-content:center}.coloring-canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cs-right-sidebar{border-left:1.5px solid rgba(0,0,0,.06)}.cs-bottom{display:flex;align-items:center;gap:10px;padding:10px 16px 12px;background:linear-gradient(135deg,#db2777,#7c3aed,#2563eb);box-shadow:0 -3px 16px #7c3aed33;flex-shrink:0;z-index:10}.cs-nav-corner-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border-radius:30px;background:#ffffff2e;color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.04em;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cs-nav-corner-btn:hover{background:#ffffff52;transform:scale(1.04)}.cs-colors-panel{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.cs-color-grid{display:flex;gap:7px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.cs-color-grid::-webkit-scrollbar{display:none}.cs-color-swatch{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.6);cursor:pointer;flex-shrink:0;transition:all .18s;box-shadow:0 2px 8px #0000002e;position:relative}.cs-color-swatch:hover{transform:scale(1.2);border-color:#fff;box-shadow:0 4px 12px #00000040}.cs-swatch-active{transform:scale(1.28)!important;border-color:#fff!important;box-shadow:0 0 0 3px #fff,0 4px 12px #0000004d!important}.cs-swatch-rainbow{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden;cursor:pointer}@media(max-width:768px){.cs-main{grid-template-columns:70px 1fr 0}.cs-right-sidebar{display:none}.cs-topbar{gap:8px;padding:8px 10px 6px}.cs-dot{width:18px;height:18px}.cs-dot-grid{gap:3px}.cs-panel-pattern .cs-dot-grid{grid-template-columns:repeat(5,1fr)}.cs-side-btn{min-width:50px;padding:6px 4px}.cs-side-icon{font-size:1.1rem}.cs-color-swatch{width:26px;height:26px}.cs-nav-corner-btn{padding:6px 10px;font-size:.75rem}.cs-bottom{padding:8px 10px 10px;gap:6px}}@media(max-width:480px){.cs-side-label{display:none}.cs-side-btn{min-width:42px}}._circle_kvp4e_1{display:flex;align-items:center;justify-content:center;border-radius:50%;border:3.5px solid #000;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.4);outline:none;background-color:#f0f4f8;position:relative;flex-shrink:0;box-shadow:0 4px #00000026;overflow:hidden}._circle_kvp4e_1:after{content:"";position:absolute;top:5%;left:15%;width:70%;height:35%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:50% 50% 40% 40%;pointer-events:none}._sm_kvp4e_31{width:30px;height:30px}._md_kvp4e_32{width:36px;height:36px}._lg_kvp4e_33{width:44px;height:44px}._circle_kvp4e_1:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 4px 10px #0000001a;z-index:10}._selected_kvp4e_43{transform:translateY(-2px) scale(1.1)!important;box-shadow:0 8px 15px #0000001a,0 3px #000!important;border-color:#000!important;z-index:11}._selected_kvp4e_43:before{content:"✨";position:absolute;top:-12px;right:-8px;font-size:14px}._circle_kvp4e_1:focus-visible{outline:3px solid #7c3aed;outline-offset:3px}._sidebar_oo7aj_1{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 12px 40px;background-color:#f8fafc;border-right:1px solid #e2e8f0;z-index:20;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;box-sizing:border-box}._sidebar_oo7aj_1::-webkit-scrollbar{width:6px}._sidebar_oo7aj_1::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}._closeBtn_oo7aj_20{display:none;align-self:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:28px;height:28px;font-size:.9rem;font-weight:700;cursor:pointer;color:#94a3b8;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}._closeBtn_oo7aj_20:hover{color:#ef4444;border-color:#fca5a5;background:#fef2f2}._section_oo7aj_45{display:flex;flex-direction:column;gap:12px;background:#fff;padding:16px 12px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;margin-bottom:12px}._sectionTitle_oo7aj_57{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:800;color:#475569;margin:0 0 4px;font-family:Nunito,sans-serif;text-transform:uppercase;letter-spacing:.05em}._grid_oo7aj_71{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;align-items:center}._spacer_oo7aj_79{flex:1}._supportCard_oo7aj_84{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ff6eb4,#ffd740,#4ade80,#60a5fa);background-size:300% 300%;animation:_rainbowShift_oo7aj_1 4s ease infinite,_bounceCard_oo7aj_1 2s ease-in-out infinite;border:3px solid #000;border-radius:18px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 5px #000;margin-top:auto;position:relative;overflow:hidden}._supportCard_oo7aj_84:before{content:"⭐";position:absolute;top:-8px;right:-8px;font-size:1.4rem;animation:_spin_oo7aj_1 3s linear infinite}._supportCard_oo7aj_84:after{content:"🌈";position:absolute;bottom:-6px;left:-4px;font-size:1rem;animation:_spin_oo7aj_1 4s linear infinite reverse}._supportCard_oo7aj_84:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 9px #000}._beeGif_oo7aj_125{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:_beeBounce_oo7aj_1 1s ease-in-out infinite}._supportText_oo7aj_133{display:flex;flex-direction:column}._supportLabel_oo7aj_138{font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;font-size:.9rem;font-weight:900;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;line-height:1.2}._supportSubLabel_oo7aj_147{font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes _rainbowShift_oo7aj_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes _bounceCard_oo7aj_1{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes _beeBounce_oo7aj_1{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-4px)}}@keyframes _spin_oo7aj_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){._closeBtn_oo7aj_20{display:flex}}._sidebar_1nlrt_1{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;padding:12px 12px 40px;background-color:#f8fafc;border-left:1px solid #e2e8f0;z-index:20;scrollbar-width:thin;scrollbar-color:#94a3b8 transparent;box-sizing:border-box}._sidebar_1nlrt_1::-webkit-scrollbar{width:6px}._sidebar_1nlrt_1::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}._closeBtn_1nlrt_20{display:none;align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:28px;height:28px;font-size:.9rem;font-weight:700;cursor:pointer;color:#94a3b8;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}._closeBtn_1nlrt_20:hover{color:#ef4444;border-color:#fca5a5;background:#fef2f2}._section_1nlrt_45{display:flex;flex-direction:column;gap:12px;background:#fff;padding:16px 12px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;margin-bottom:12px}._sectionTitle_1nlrt_57{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem;font-weight:800;color:#475569;margin:0 0 8px;font-family:Nunito,sans-serif;text-transform:uppercase;letter-spacing:.05em}._colorIndicator_1nlrt_71{display:inline-block;width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e2e8f0,inset 0 2px 4px #0000001a;transition:background-color .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}._colorGrid_1nlrt_82{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;justify-items:center;padding:4px 0}._customRow_1nlrt_91{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;border-radius:12px;border:2px solid #000;margin-top:0;cursor:pointer}._hiddenInput_1nlrt_103{position:absolute;width:0;height:0;opacity:0;pointer-events:none}._rainbowCircle_1nlrt_111{display:block;width:clamp(24px,2.5vw,32px);height:clamp(24px,2.5vw,32px);border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid #000;box-shadow:0 2px 4px #0000001a;flex-shrink:0}._activePreview_1nlrt_122{flex:1;height:24px;border-radius:6px;border:2px solid #000}._spacer_1nlrt_129{flex:1}@media(max-width:640px){._closeBtn_1nlrt_20{display:flex}._sidebar_1nlrt_1{border-right:none;border-left:4px solid #000}._colorGrid_1nlrt_82{grid-template-columns:repeat(5,1fr);gap:8px}}._wrapper_zaaty_1{position:relative;width:100%;height:100%;padding:0;display:flex;flex-direction:column;box-sizing:border-box;background-color:#f8fafc}._canvasClip_zaaty_13{position:relative;flex:1;background-color:#fff;overflow:hidden;margin:0;box-shadow:inset 0 0 100px #00000005}._surface_zaaty_22{position:absolute;inset:0;display:block}._footer_zaaty_29{flex-shrink:0;z-index:50;background:#fff;border-top:2px solid rgba(0,0,0,.05);box-shadow:0 -4px 12px #00000008;display:flex;justify-content:center;padding:8px 0}@media(max-width:640px){._header_zaaty_42{padding:0;border-bottom:1.5px solid rgba(0,0,0,.08)}._footer_zaaty_29{padding:2px 0;border-top:1.5px solid rgba(0,0,0,.08)}}._container_zouyd_1{position:relative;display:flex;align-items:center;gap:clamp(4px,.8vw,12px);z-index:100;padding:6px clamp(8px,1.5vw,20px);background:#fff;border-radius:16px;pointer-events:auto;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 -4px 12px #00000008;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:visible;scrollbar-width:none;white-space:nowrap}._container_zouyd_1::-webkit-scrollbar{display:none}._group_zouyd_22{display:flex;gap:clamp(3px,.5vw,8px);flex-shrink:0}._divider_zouyd_28{width:2px;height:30px;background:#0000001a;margin:0 clamp(2px,.3vw,4px);flex-shrink:0}._btn_zouyd_36{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:clamp(4px,.6vh,8px) 0;width:clamp(40px,5vw,54px);height:clamp(40px,5vw,54px);border-radius:14px;border:3px solid #000;cursor:pointer;transition:all .15s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px #0000001a;color:#fff;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;flex-shrink:0}._btn_zouyd_36:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:0 6px #0000001a}._btn_zouyd_36:active:not(:disabled){transform:scale(.95);box-shadow:0 2px #0000001a}._active_zouyd_65{transform:scale(1.15) translateY(-4px);box-shadow:0 8px #0003!important;border-color:#000;z-index:2}._btn_zouyd_36:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}._btn_zouyd_36 span{font-size:clamp(.38rem,.5vw,.5rem);font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-shadow:1px 1px 0 rgba(0,0,0,.3)}._btn_zouyd_36 svg{font-size:clamp(.85rem,1.1vw,1.1rem);filter:drop-shadow(1px 1px 0 rgba(0,0,0,.3))}._purple_zouyd_92{background-color:#9333ea}._orange_zouyd_93{background-color:#fb923c}._pink_zouyd_94{background-color:#ec4899}._green_zouyd_95{background-color:#22c55e}._blue_zouyd_96{background-color:#3b82f6}._muted_zouyd_97{background-color:#64748b}@media(max-width:900px){._btn_zouyd_36{width:clamp(36px,4.5vw,48px);height:clamp(36px,4.5vw,48px);border-width:2.5px}._divider_zouyd_28{height:24px}}@media(max-width:640px){._container_zouyd_1{bottom:8px;padding:6px 10px;gap:4px;border-radius:30px}._btn_zouyd_36{width:clamp(34px,9vw,42px);height:clamp(34px,9vw,42px);border-radius:10px;border-width:2px}._btn_zouyd_36 span{font-size:.36rem}._divider_zouyd_28{height:20px;margin:0 2px}}@media(max-width:360px){._btn_zouyd_36{width:32px;height:32px}._btn_zouyd_36 span{display:none}}:root{--studio-sidebar-left-w: clamp(160px, 14vw, 200px);--studio-sidebar-right-w: clamp(160px, 14vw, 200px);--studio-header-h: 0px}._layout_ub29l_9{position:fixed;inset:0;display:flex;flex-direction:column;z-index:100;overflow:hidden;font-family:Nunito,Segoe UI,system-ui,sans-serif;background:#f8fafc}._mainArea_ub29l_21{flex:1;display:grid;grid-template-columns:var(--studio-sidebar-left-w) 1fr var(--studio-sidebar-right-w);overflow:hidden;min-height:0;background:#f0f4ff}._center_ub29l_31{display:flex;flex-direction:column;overflow:hidden;background:transparent;position:relative;z-index:10}._drawerToggle_ub29l_44{display:none;position:fixed;bottom:90px;z-index:500;width:40px;height:40px;border-radius:50%;border:2.5px solid #000;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-size:1.2rem;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #7c3aed66;transition:transform .15s}._drawerToggle_ub29l_44:hover{transform:scale(1.1)}._drawerToggle_ub29l_44:active{transform:scale(.95)}._drawerToggleLeft_ub29l_65{left:8px}._drawerToggleRight_ub29l_66{right:8px}._drawerOverlay_ub29l_69{display:none;position:fixed;inset:0;background:#00000073;z-index:400;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){:root{--studio-sidebar-left-w: clamp(130px, 15vw, 180px);--studio-sidebar-right-w: clamp(130px, 15vw, 180px)}}@media(max-width:900px){:root{--studio-sidebar-left-w: clamp(110px, 14vw, 150px);--studio-sidebar-right-w: clamp(110px, 14vw, 150px)}}@media(max-width:640px){._mainArea_ub29l_21{display:flex;flex-direction:row}._center_ub29l_31{flex:1;width:100%}._drawerToggle_ub29l_44{display:flex}._mainArea_ub29l_21>aside{position:fixed;top:0;bottom:0;z-index:450;width:260px;max-width:85vw;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1)}._mainArea_ub29l_21>aside:first-child{left:0;transform:translate(-100%);border-left:none;border-right:3px solid #c4b5fd}._mainArea_ub29l_21>aside:last-child{right:0;transform:translate(100%);border-right:none;border-left:4px solid #000}._mainArea_ub29l_21>aside[class*=open]{transform:translate(0)}._drawerOverlay_ub29l_69._visible_ub29l_144{display:block}}@media(max-width:400px){._drawerToggleLeft_ub29l_65{bottom:96px;left:4px}._drawerToggleRight_ub29l_66{bottom:96px;right:4px}}._modalOverlay_3dgkp_2{position:fixed;inset:0;background:#0f0a28b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}._modalContent_3dgkp_14{background:#fff;border-radius:28px;width:90%;max-width:500px;box-shadow:0 25px 50px -12px #00000080;animation:_modalIn_3dgkp_1 .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;border:4px solid #c4b5fd}._modalHeader_3dgkp_25{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 10px}._modalHeader_3dgkp_25 h3{margin:0;font-size:1.8rem;font-weight:900;color:#4c1d95;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif;letter-spacing:.05em}._closeBtn_3dgkp_41{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;width:36px;height:36px;font-size:1.2rem;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}._closeBtn_3dgkp_41:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:rotate(90deg)}._modalBody_3dgkp_63{padding:10px 24px 20px;display:flex;flex-direction:column;gap:20px}._formGroup_3dgkp_71{display:flex;flex-direction:column;gap:8px}._label_3dgkp_77{font-size:.9rem;font-weight:800;color:#4b5563;text-transform:uppercase;letter-spacing:.05em;font-family:Comic Sans MS,Chalkboard SE,cursive,sans-serif}._input_3dgkp_86{padding:12px 16px;font-size:1.1rem;border:2px solid #d1d5db;border-radius:12px;font-family:Nunito,Segoe UI,system-ui,sans-serif;transition:all .2s;background:#f9fafb}._input_3dgkp_86:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf633;background:#fff}._cardGrid_3dgkp_104{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}._sizeGrid_3dgkp_110{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}._selectionCard_3dgkp_116{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border:2.5px solid #e5e7eb;border-radius:16px;background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}._selectionCard_3dgkp_116:hover{border-color:#a78bfa;background:#f5f3ff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf626}._cardActive_3dgkp_137{border-color:#7c3aed;background:#ede9fe;box-shadow:0 0 0 3px #7c3aed33;transform:translateY(-2px)}._cardIcon_3dgkp_144{font-size:2rem;line-height:1}._cardTitle_3dgkp_149{font-size:.9rem;font-weight:800;color:#4b5563;text-align:center;font-family:Nunito,sans-serif}._cardActive_3dgkp_137 ._cardTitle_3dgkp_149{color:#6d28d9}._cardSub_3dgkp_160{font-size:.7rem;font-weight:600;color:#6b7280}._donateSection_3dgkp_167{background:linear-gradient(135deg,#ffd6e7,#ffefc0,#c3f7d4,#bfdfff,#e2cfff);background-size:300% 300%;animation:_donateRainbow_3dgkp_1 5s ease infinite;padding:18px 24px;border-top:3px dashed #000;border-bottom:3px dashed #000;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden}._donateSection_3dgkp_167:before{content:"🌟 ⭐ 💫 🌟 ⭐ 💫 🌟 ⭐ 💫 🌟";position:absolute;top:2px;left:0;right:0;font-size:.6rem;text-align:center;opacity:.4;letter-spacing:2px}._donateText_3dgkp_194{display:flex;flex-direction:column;gap:2px}._donateTitle_3dgkp_200{font-family:Comic Sans MS,cursive,sans-serif;font-weight:900;color:#000;font-size:1.1rem;text-shadow:1px 1px 0 #fff}._donateDesc_3dgkp_208{font-family:Comic Sans MS,cursive,sans-serif;font-size:.75rem;color:#374151;font-weight:700}._supportBtn_3dgkp_215{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ff6eb4,#ff9a3c,#ffd740);background-size:200% 200%;animation:_btnShimmer_3dgkp_1 2s ease infinite;border:3px solid #000;border-radius:16px;cursor:pointer;text-decoration:none;overflow:hidden;box-shadow:0 5px #000;transition:transform .15s,box-shadow .15s;flex-shrink:0}._supportBtn_3dgkp_215:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 9px #000}._supportBtn_3dgkp_215:active{transform:translateY(2px);box-shadow:0 3px #000}._supportLabel_3dgkp_245{font-family:Comic Sans MS,cursive,sans-serif;font-weight:900;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:.95rem;white-space:nowrap}._beeGif_3dgkp_254{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:_beeBounceModal_3dgkp_1 1.2s ease-in-out infinite}@keyframes _donateRainbow_3dgkp_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes _btnShimmer_3dgkp_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes _beeBounceModal_3dgkp_1{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-4px)}}._modalFooter_3dgkp_280{display:flex;padding:16px 24px;gap:12px;background:#f9fafb;border-top:1px solid #e5e7eb}._btnCancel_3dgkp_288{flex:1;padding:12px;border:2px solid #d1d5db;border-radius:14px;background:#fff;font-size:1.05rem;font-weight:800;color:#4b5563;cursor:pointer;transition:all .2s;font-family:Nunito,sans-serif}._btnCancel_3dgkp_288:hover{background:#f3f4f6;border-color:#9cb2c9}._btnExport_3dgkp_307{flex:2;padding:12px;border:2px solid #000;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669);font-size:1.1rem;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;font-family:Comic Sans MS,cursive,sans-serif;box-shadow:0 4px #065f46;text-shadow:1px 1px 0 rgba(0,0,0,.3)}._btnExport_3dgkp_307:hover{transform:translateY(-3px);box-shadow:0 7px #065f46;background:linear-gradient(135deg,#34d399,#10b981)}._btnExport_3dgkp_307:active{transform:translateY(2px);box-shadow:0 2px #065f46}@keyframes _modalIn_3dgkp_1{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.app-layout{display:flex;flex-direction:column;min-height:100vh}body.no-scroll{overflow:hidden!important;height:100vh!important;width:100vw!important;position:fixed}.main-content{flex:1;padding-top:var(--header-height)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:4px solid #c4b5fd;z-index:1000;box-shadow:0 4px 15px #7c3aed1f}.header-inner{max-width:var(--container);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-icon{font-size:1.8rem}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text)}.logo-highlight{background:linear-gradient(135deg,var(--primary),var(--accent-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-fun{color:var(--secondary);font-size:1rem}.nav{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 16px;border-radius:var(--radius-full);color:var(--text);font-weight:800;font-size:.95rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);cursor:pointer;border:2px solid transparent}.nav-link:hover,.nav-link.active{background:#fffbeb;color:#d97706;border-color:#fcd34d;transform:translateY(-3px) scale(1.05) rotate(-2deg);box-shadow:0 4px #fcd34d}.nav-dropdown-trigger{display:inline-block}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .2s;z-index:100}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:8px 14px;border-radius:var(--radius-sm);color:var(--text);font-weight:500;transition:all .15s}.nav-dropdown-menu a:hover{background:var(--bg-light);color:var(--primary)}.menu-toggle{display:none;padding:8px;border-radius:var(--radius-sm)}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:3px;background:var(--text);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.footer{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:60px 0 30px;margin-top:60px}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section h3{color:#fff;font-size:1.2rem;margin-bottom:12px}.footer-section h4{color:#ffffffe6;font-size:1rem;margin-bottom:12px}.footer-section p{color:#ffffffb3;font-size:.9rem;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{color:#ffffffb3;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--secondary-light)}.footer-badge{display:inline-block;margin-top:12px;padding:6px 14px;background:#ffffff1a;border-radius:var(--radius);color:var(--accent-green);font-weight:600;font-size:.85rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center}.footer-bottom p{color:#fff9;font-size:.9rem}.footer-note{font-size:.8rem!important;margin-top:4px}.hero{position:relative;background-color:#e0f2fe;background-image:radial-gradient(rgba(125,211,252,.4) 4px,transparent 4px),radial-gradient(rgba(125,211,252,.4) 4px,transparent 4px);background-size:40px 40px;background-position:0 0,20px 20px;padding:100px 20px;text-align:center;overflow:hidden;border-bottom:none}.hero:after{content:"";position:absolute;bottom:-1px;left:0;width:100vw;height:80px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V120H0V95.8C59.71,118,130.42,126.9,195.9,111.45,239.5,101.16,281.33,78.89,321.39,56.44Z' fill='%23FEFCE8'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;z-index:3}@keyframes spin{to{transform:rotate(360deg)}}.hero-content{max-width:700px;margin:0 auto;position:relative;z-index:2}.hero-title{font-size:3rem;color:#1e3a8a;margin-bottom:16px}.hero-emoji{display:block;font-size:4rem;margin-bottom:8px}.hero-title .text-gradient{-webkit-text-fill-color:#FFD700;background:none}.hero-fun{color:#ffd93d;font-size:1.5rem}.hero-subtitle{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:28px;line-height:1.6}.hero-search{margin-bottom:24px}.search-box{display:flex;align-items:center;background:#fff;border-radius:40px;padding:8px 12px 8px 24px;max-width:500px;margin:0 auto;border:4px solid #6ee7b7;box-shadow:0 6px #34d399,0 10px 20px #0000001a;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.search-box:focus-within{transform:scale(1.02) translateY(-2px);border-color:#3b82f6;box-shadow:0 8px #2563eb,0 12px 25px #00000026}.search-icon{font-size:1.4rem;margin-right:8px}.search-input{flex:1;border:none;outline:none;padding:12px 8px;font-size:1.15rem;font-weight:700;color:#1e40af;background:transparent}.search-input::placeholder{color:#93c5fd;font-weight:700}.search-clear{padding:8px 12px;border-radius:var(--radius-full);background:#fee2e2;color:#ef4444;font-size:1.1rem;font-weight:900;border:2px solid #fca5a5;transition:all .2s}.search-clear:hover{background:#ef4444;color:#fff;border-color:#b91c1c;transform:scale(1.1)}.search-results{margin-top:20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:24px}.search-results h3{color:#fff;margin-bottom:16px}.no-results{color:#fffc}.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-cta .btn-primary{background:var(--secondary);color:var(--text);font-size:1.15rem;padding:16px 32px}.hero-cta .btn-outline{border-color:#3b82f6;color:#1d4ed8;background:#fff9;font-size:1.15rem;padding:16px 32px}.hero-cta .btn-outline:hover{background:#3b82f6;color:#fff}.hero-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.jumping-icon{position:absolute;font-size:3rem;animation:playful-jump 2s cubic-bezier(.28,.84,.42,1) infinite alternate;opacity:.95;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15));z-index:1}.icon-1{top:8%;left:8%;animation-delay:0s;font-size:3.5rem}.icon-2{top:20%;right:10%;animation-delay:.5s}.icon-3{bottom:25%;left:12%;animation-delay:1.2s;font-size:3.2rem}.icon-4{top:40%;right:12%;animation-delay:.3s}.icon-5{bottom:15%;right:8%;animation-delay:1.8s;font-size:3.5rem}.icon-6{top:55%;left:5%;animation-delay:.9s}.icon-7{top:8%;right:30%;animation-delay:1.5s}.icon-8{bottom:10%;right:28%;animation-delay:.7s;font-size:4rem}.icon-9{top:65%;right:4%;animation-delay:.4s}.icon-10{top:35%;left:18%;animation-delay:1.1s;font-size:2.8rem}.icon-11{bottom:35%;left:6%;animation-delay:1.6s;font-size:3.8rem}.icon-12{top:12%;left:30%;animation-delay:.2s}@keyframes playful-jump{0%{transform:translateY(0) scale(1) rotate(0)}50%{transform:translateY(-40px) scale(1.15) rotate(10deg)}to{transform:translateY(-10px) scale(1.05) rotate(-10deg)}}.section{max-width:var(--container);margin:0 auto;padding:48px 20px}.section-header{text-align:center;margin-bottom:32px}.section-title{font-size:2rem;margin-bottom:8px}.section-subtitle{color:var(--text-light);font-size:1.05rem}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{display:flex;flex-direction:column;align-items:center;padding:32px 20px;border-radius:24px;border:4px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;text-align:center;box-shadow:0 8px #00000026,0 12px 24px #0000001a;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.category-card:hover{transform:translateY(4px);box-shadow:0 4px #00000026,0 8px 12px #0000001a;border-color:#fffc}.category-card-icon{font-size:3rem;margin-bottom:12px;position:relative;display:inline-block}.category-card-icon .new-badge-floating{font-size:.7rem;padding:2px 8px;top:-10px;right:-15px}.category-card-title{font-size:1.3rem;color:#fff;margin-bottom:6px}.category-card-desc{font-size:.9rem;opacity:.9;margin-bottom:12px}.category-card-count{font-size:.8rem;padding:4px 12px;background:#ffffff40;border-radius:var(--radius-full);font-weight:600}.coloring-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.new-badge-floating{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ffd43b,#fab005);color:#000;padding:4px 14px;border-radius:30px;font-size:.9rem;font-weight:900;border:4px solid #000;box-shadow:4px 4px #000;transform:rotate(8deg);z-index:50;pointer-events:none;animation:badge-wobble 3s ease-in-out infinite;text-transform:uppercase;font-family:inherit;letter-spacing:.05em}@keyframes badge-wobble{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}.coloring-page-card{background:var(--bg-white);border-radius:20px;overflow:hidden;box-shadow:0 6px #c4b5fd,0 8px 16px #7c3aed1a;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;border:3px solid #ede9fe;position:relative}.coloring-page-card:hover{transform:translateY(4px);box-shadow:0 2px #c4b5fd,0 4px 8px #7c3aed26;border-color:#a78bfa}.coloring-page-card-preview{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;padding:12px;background:#fafafa;border-bottom:2px solid var(--border-light)}.coloring-page-card-svg{width:100%;height:100%;object-fit:contain}.coloring-page-card-info{padding:12px 16px}.coloring-page-card-title{font-family:var(--font-heading);font-size:1rem;margin-bottom:6px;color:var(--text)}.coloring-page-card-meta{display:flex;gap:8px;align-items:center}.benefits-section{background:var(--bg-light);border-radius:var(--radius-xl);margin:0 auto 40px;width:calc(100% - 40px);max-width:var(--container)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-card{background:var(--bg-white);padding:24px;border-radius:var(--radius-lg);text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .3s;border-top:5px solid var(--secondary)}.benefit-card:nth-child(2n){border-top-color:var(--accent-pink)}.benefit-card:nth-child(3n){border-top-color:var(--accent-blue)}.benefit-card:hover{transform:translateY(-4px)}.benefit-icon{font-size:2.5rem;display:block;margin-bottom:12px}.benefit-card h3{font-size:1.1rem;margin-bottom:8px}.benefit-card p{color:var(--text-light);font-size:.9rem}.category-hero{padding:60px 20px 40px;text-align:center;color:#fff;position:relative}.category-hero .back-btn{position:absolute;top:20px;left:20px;color:#fff;font-weight:600;padding:8px 16px;border-radius:var(--radius);background:#fff3;transition:background .2s}.category-hero .back-btn:hover{background:#ffffff4d}.category-hero-icon{font-size:4rem;display:block;margin-bottom:12px}.category-hero-title{font-size:2.5rem;color:#fff;margin-bottom:8px}.category-hero-desc{font-size:1.1rem;opacity:.9;margin-bottom:12px}.category-hero-count{display:inline-block;padding:6px 16px;background:#fff3;border-radius:var(--radius-full);font-weight:600}.category-content{max-width:var(--container);margin:0 auto;padding:32px 20px}.categories-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.mini-category-card{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-full);color:#fff;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:var(--shadow-sm)}.mini-category-card:hover{transform:scale(1.05);box-shadow:var(--shadow)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;display:block;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:var(--text-light);margin-bottom:20px}.studio-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100vw;overflow:hidden!important;background:#f0f4ff;position:fixed;top:0;left:0;z-index:100;margin:0;padding:0}.studio-topbar{display:flex;align-items:center;gap:12px;padding:0 16px;height:58px;flex-shrink:0;background:linear-gradient(135deg,#1e1b4b,#3730a3);box-shadow:0 2px 16px #1e1b4b2e;z-index:10}.studio-topbar-left{display:flex;align-items:center;gap:10px;min-width:200px}.studio-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.1rem;font-weight:700;transition:background .18s;flex-shrink:0}.studio-back-btn:hover{background:#ffffff40}.studio-topbar-title-wrap{display:flex;flex-direction:column;line-height:1.1}.studio-topbar-eyebrow{font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c}.studio-topbar-title{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.studio-topbar-center{flex:1;display:flex;align-items:center;gap:10px;justify-content:center}.studio-tool-group{display:flex;flex-direction:column;align-items:center;gap:3px}.studio-group-label{font-size:.58rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.studio-tool-row{display:flex;gap:3px}.studio-tool-btn{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border-radius:8px;background:#ffffff14;color:#fffc;transition:all .15s;border:1.5px solid transparent;min-width:52px}.studio-tool-btn:hover{background:#ffffff2e;color:#fff}.studio-tool-btn.active{background:#fff;color:var(--tool-color, #7C3AED);border-color:#fff9;box-shadow:0 2px 8px #0000002e}.studio-tool-icon{font-size:1.1rem;line-height:1}.studio-tool-label{font-size:.58rem;font-weight:600;letter-spacing:.04em}.studio-brush-group{min-width:90px}.studio-slider{width:90px;accent-color:#A78BFA;height:4px;cursor:pointer}.studio-divider-v{width:1px;height:38px;background:#ffffff1f;flex-shrink:0}.studio-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff14;color:#fff;font-size:1rem;transition:all .15s;border:1.5px solid transparent}.studio-icon-btn:hover:not(:disabled){background:#ffffff38}.studio-icon-btn:disabled{opacity:.28;cursor:not-allowed}.studio-icon-btn.danger:hover{background:#dc26264d}.studio-icon-btn.muted{opacity:.45}.studio-topbar-right{display:flex;align-items:center;gap:8px;min-width:200px;justify-content:flex-end}.studio-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:.78rem;font-weight:700;transition:all .15s;border:1.5px solid transparent}.studio-action-btn.save{background:#10b981;color:#fff}.studio-action-btn.save:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.studio-action-btn.print{background:#ffffff1f;color:#fff;border-color:#fff3}.studio-action-btn.print:hover{background:#ffffff38}.studio-body{flex:1;display:flex;overflow:hidden!important;gap:0;position:relative}.studio-panel{width:200px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:14px 12px;gap:14px;background:#fff;scrollbar-width:thin}.studio-panel-left{border-right:2px solid #E8EAFF;background:linear-gradient(180deg,#fff,#f5f3ff)}.studio-panel-right{border-left:2px solid #E8EAFF;background:linear-gradient(180deg,#fff,#fff5f5)}.studio-panel-header{display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #EEF0FF;flex-shrink:0}.studio-panel-icon{font-size:1.2rem;line-height:1}.studio-panel-title{font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#1e1b4b}.studio-section{display:flex;flex-direction:column;gap:7px}.studio-section-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af}.studio-divider{height:1px;background:#eef0ff;flex-shrink:0}.gradient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.gradient-swatch{aspect-ratio:1;border-radius:8px;border:2px solid transparent;transition:all .15s;cursor:pointer;box-shadow:0 1px 4px #0000001a}.gradient-swatch:hover{transform:scale(1.1);box-shadow:0 3px 10px #0003;border-color:#fff9}.studio-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.studio-swatch{aspect-ratio:1;border-radius:7px;border:2px solid transparent;transition:all .15s;cursor:pointer;box-shadow:0 1px 3px #0000001a}.studio-swatch:hover{transform:scale(1.12);box-shadow:0 3px 10px #0000002e}.studio-swatch.active{border-color:#1e1b4b;transform:scale(1.1);box-shadow:0 0 0 3px #7c3aed40}.studio-custom-color{display:flex;align-items:center;gap:8px}.studio-color-input{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;padding:0;box-shadow:0 1px 4px #00000026}.studio-color-hex{font-family:monospace;font-size:.72rem;color:#6b7280;letter-spacing:.04em}.studio-current-color{width:100%;height:36px;border-radius:10px;box-shadow:0 2px 8px #00000026;border:2px solid rgba(255,255,255,.8);transition:background-color .2s}.studio-canvas-wrap{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden!important;background:#e8eaff;background-image:radial-gradient(circle at 2px 2px,rgba(124,58,237,.06) 1px,transparent 0);background-size:20px 20px;position:relative}.coloring-canvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;background:transparent}.coloring-canvas-zoom{position:relative;display:inline-block;transition:transform .2s}.coloring-svg{display:block;position:absolute;top:0;left:0}.coloring-canvas-overlay{position:relative}.coloring-region{transition:filter .15s}.coloring-region:hover{filter:brightness(.92)}.coloring-tips{max-width:var(--container);margin:20px auto;padding:0 20px}.coloring-tips h3{margin-bottom:8px}.coloring-tips ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none}.coloring-tips li{background:var(--bg-white);padding:8px 16px;border-radius:var(--radius);font-size:.85rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.static-page .page-hero{padding:60px 20px;text-align:center;color:#fff}.static-page .page-hero h1{font-size:2.5rem;color:#fff;margin-bottom:8px}.static-page .page-hero p{font-size:1.1rem;opacity:.9}.page-content{max-width:900px;margin:0 auto;padding:40px 20px}.content-section{margin-bottom:48px}.content-section h2{font-size:1.6rem;margin-bottom:16px;color:var(--primary)}.content-section h3{font-size:1.2rem;margin:20px 0 8px}.content-section p{color:var(--text);line-height:1.7;margin-bottom:12px}.content-section ul{margin:12px 0}.content-section ul li{padding:6px 0;color:var(--text);line-height:1.6}.last-updated{color:var(--text-light);font-style:italic;font-size:.9rem}.benefits-list{display:flex;flex-direction:column;gap:20px}.benefit-item{display:flex;gap:16px;padding:20px;background:var(--bg-light);border-radius:var(--radius-lg)}.benefit-emoji{font-size:2.5rem;flex-shrink:0}.benefit-item h3{margin:0 0 4px}.safety-list li{padding:8px 0}.tools-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.tool-card{text-align:center;padding:20px;background:var(--bg-light);border-radius:var(--radius-lg);transition:transform .2s}.tool-card:hover{transform:translateY(-4px)}.tool-card span{font-size:2rem;display:block;margin-bottom:8px}.tool-card h4{margin-bottom:4px}.tool-card p{font-size:.85rem;color:var(--text-light)}.cta-section{text-align:center;padding:40px;background:linear-gradient(135deg,#ede9fe,#fff7ed);border-radius:var(--radius-xl)}.cta-section h2{margin-bottom:8px}.cta-section p{margin-bottom:20px}.cookie-table{width:100%;border-collapse:collapse;margin:16px 0}.cookie-table th,.cookie-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.cookie-table th{background:var(--bg-light);font-weight:700}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:var(--primary-light)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;text-align:left;font-weight:600;font-size:1rem;color:var(--text);background:var(--bg-white);transition:background .2s}.faq-question:hover{background:var(--bg-light)}.faq-q-text{flex:1}.faq-toggle{font-size:1.5rem;font-weight:700;color:var(--primary);width:30px;text-align:center}.faq-answer{padding:0 20px 16px;background:var(--bg-white);color:var(--text-light);line-height:1.7}.faq-answer p{margin-bottom:4px}.guide-steps{display:flex;flex-direction:column;gap:16px}.guide-step{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--accent-pink));color:#fff;border-radius:50%;font-family:var(--font-heading);font-size:1.3rem;font-weight:700;flex-shrink:0}.step-content h3{margin-bottom:2px}.step-content p{color:var(--text-light);font-size:.9rem}.parent-guide ul li{padding:8px 0;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-methods{display:flex;flex-direction:column;gap:16px;margin-top:20px}.contact-method{display:flex;gap:12px;align-items:flex-start}.contact-icon{font-size:1.5rem}.contact-method h4{margin-bottom:2px}.contact-method p{color:var(--text-light);font-size:.9rem}.contact-form-container{background:var(--bg-white);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow);border:2px solid var(--border-light)}.contact-form h2{margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:border-color .2s;background:var(--bg-white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a}.form-group textarea{resize:vertical}.success-message{text-align:center;padding:40px 20px}.success-icon{font-size:3rem;display:block;margin-bottom:12px}.success-message h3{margin-bottom:8px}.success-message p{color:var(--text-light);margin-bottom:20px}.error-page{text-align:center;padding:80px 20px}.error-page h1{font-size:2rem;margin-bottom:12px}.error-page p{color:var(--text-light);margin-bottom:20px}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1f2937,#374151);padding:20px}.admin-login-card{background:#fff;border-radius:var(--radius-xl);padding:48px 40px;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.admin-login-header{text-align:center;margin-bottom:32px}.admin-icon{font-size:3rem;display:block;margin-bottom:12px}.admin-login-header h1{font-size:1.5rem;margin-bottom:4px}.admin-login-header p{color:var(--text-light);font-size:.9rem}.error-message{background:#fee2e2;color:var(--accent-red);padding:10px 16px;border-radius:var(--radius);margin-bottom:16px;font-weight:600;font-size:.9rem}.admin-hint{text-align:center;margin-top:20px;color:var(--text-lighter)}.admin-hint code{background:var(--bg-light);padding:2px 8px;border-radius:4px;font-size:.85rem}.admin-page{max-width:var(--container);margin:0 auto;padding:30px 20px}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;flex-wrap:wrap;gap:16px}.admin-header h1{font-size:1.8rem;margin-bottom:4px}.admin-header p{color:var(--text-light)}.admin-header-right{display:flex;gap:8px;flex-wrap:wrap}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border-left:4px solid}.stat-icon{font-size:2rem}.stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--text)}.stat-label{color:var(--text-light);font-size:.85rem;font-weight:600}.admin-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.admin-card{background:var(--bg-white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:24px}.admin-card h3{font-size:1.1rem;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.category-breakdown{display:flex;flex-direction:column;gap:12px}.category-stat{display:flex;flex-direction:column;gap:4px}.category-stat-header{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600}.category-stat-count{color:var(--text-light);font-size:.8rem}.progress-bar{height:8px;background:var(--bg-light);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .5s}.category-stat-visits{font-size:.75rem;color:var(--text-lighter)}.top-pages-list{display:flex;flex-direction:column;gap:8px}.top-page-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);transition:background .15s}.top-page-item:hover{background:var(--bg-light)}.top-page-rank{font-weight:700;color:var(--primary);width:28px;font-family:var(--font-heading)}.top-page-info{flex:1}.top-page-title{font-weight:600;font-size:.9rem}.top-page-category{font-size:.75rem;color:var(--text-lighter);text-transform:capitalize}.top-page-visits{font-weight:600;font-size:.85rem;color:var(--text-light)}.empty-text{text-align:center;color:var(--text-lighter);padding:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-light);font-size:.9rem}.admin-table th{font-weight:700;color:var(--text-light);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.admin-table a{color:var(--primary);font-weight:600}.admin-table a:hover{text-decoration:underline}.admin-page-preview{width:50px;height:50px;background:#f9fafb;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.admin-form-card{background:#f0fdf4;border-color:var(--accent-green)}.admin-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:var(--primary)}.admin-filters{display:flex;gap:16px;margin-bottom:20px}.filter-search{flex:1}.filter-search input,.filter-category select{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius);font-size:.9rem;background:var(--bg-white)}.filter-search input:focus,.filter-category select:focus{outline:none;border-color:var(--primary)}.action-buttons{display:flex;gap:4px}.btn-sm{padding:4px 8px;border-radius:var(--radius-sm);font-size:.9rem;transition:background .15s}.btn-edit:hover{background:#dbeafe}.btn-delete:hover{background:#fee2e2}@media(max-width:1024px){.coloring-workspace{flex-direction:column}.coloring-sidebar-left,.coloring-sidebar-right{width:100%}.toolbar{flex-direction:row;flex-wrap:wrap}.toolbar-section{flex:1;min-width:120px}.tool-buttons{flex-direction:row;flex-wrap:wrap}.color-grid{grid-template-columns:repeat(10,1fr)}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-grid-2col{grid-template-columns:1fr}}@media(max-width:768px){:root{--header-height: 60px}.menu-toggle{display:block}.nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#fff;flex-direction:column;padding:20px;transform:translate(100%);transition:transform .3s;z-index:999}.nav-open{transform:translate(0)}.nav-link{font-size:1.1rem;padding:12px 16px}.nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding-left:20px}.hero-title{font-size:2rem}.hero-emoji{font-size:3rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.coloring-grid,.tools-showcase{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.admin-stats-grid{grid-template-columns:1fr 1fr}.admin-header{flex-direction:column}.admin-table{display:block;overflow-x:auto}.form-row,.admin-filters{flex-direction:column}.section-title{font-size:1.5rem}.static-page .page-hero h1,.category-hero-title{font-size:1.8rem}}@media(max-width:480px){.categories-grid,.coloring-grid{grid-template-columns:1fr}.hero-title{font-size:1.6rem}.hero-cta{flex-direction:column;align-items:center}.footer-grid,.admin-stats-grid{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(6,1fr)}.tools-showcase{grid-template-columns:1fr}.guide-step,.benefit-item{flex-direction:column;text-align:center}.coloring-tips ul{flex-direction:column}.palette-gradients{grid-template-columns:1fr}}@media print{.header,.footer,.toolbar,.color-palette,.coloring-tips,.back-btn,.coloring-page-meta,.coloring-page-header,.coloring-sidebar-left,.coloring-sidebar-right{display:none!important}.main-content{padding-top:0}.coloring-workspace{display:block}.coloring-main{box-shadow:none;border:none}}