:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#214139;background:#fff6e5;font-synthesis:none;--green:#176649;--ink:#214139;--line:#e4d6bb;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0}a{color:var(--green)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b56513;outline-offset:3px}button{cursor:pointer;border:1px solid #176649;border-radius:12px;background:var(--green);color:white;min-height:46px;padding:9px 13px;font-weight:650;transition:background .15s,box-shadow .15s}button:hover{box-shadow:0 2px 8px #254d3020}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{box-shadow:0 0 0 3px #eab758;border-color:#77521d}.soft-button{color:var(--ink);background:#faf3e1;border-color:#d9c9a6}input,select{min-width:0;max-width:100%;min-height:44px;border:1px solid #c9cdbd;border-radius:9px;padding:8px;color:var(--ink);background:white}label{display:flex;flex-direction:column;gap:7px;font-size:.94rem;font-weight:600}input[type=range]{padding:0;accent-color:var(--green)}input[type=color]{width:100%;height:44px;padding:3px}input[type=checkbox]{accent-color:var(--green);min-height:22px;width:22px;height:22px;flex:none}.studio-header{padding:8px max(18px,calc((100vw - 1240px)/2)) 30px;background:radial-gradient(ellipse at 85% 0,#edf7d9,transparent 60%),linear-gradient(125deg,#d9e9bd,#ffe6a5);border-bottom:1px solid #d7bd86;position:relative;overflow:hidden}.studio-header:after{content:"";position:absolute;width:270px;height:270px;border:42px solid #fff7d46b;border-radius:50%;inset-block-end:-190px;inset-inline-start:9%;pointer-events:none}.studio-header nav{display:flex;align-items:center;gap:15px;position:relative;z-index:1;max-width:1240px;margin:auto}.studio-header nav a{display:flex;align-items:center;justify-content:center;text-decoration:none}.studio-home,.studio-language{background:#ffffffac;border:1px solid #bfd0aa;min-width:46px;min-height:46px;border-radius:14px;padding:9px}.studio-header svg,footer svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.studio-brand{margin-inline-end:auto}.studio-brand img{width:clamp(115px,16vw,180px);height:75px;object-fit:contain}.studio-vision img{width:clamp(85px,12vw,130px);height:72px;object-fit:contain}.studio-language{font-size:.85rem}.studio-intro{text-align:center;position:relative;z-index:1}.studio-kicker{display:inline-block;background:#ffffffa3;border:1px solid #e7d6a9;border-radius:20px;padding:5px 14px;font-size:.83rem;color:#577442}.studio-intro h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.2;margin:12px 0}.studio-intro p{margin:0;font-size:clamp(.91rem,1.5vw,1.04rem);line-height:1.8}.coloring-studio{max-width:1240px;margin:20px auto;padding:0 18px;display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.studio-panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 3px 14px #644c2010;padding:18px;min-width:0}.studio-panel h2{font-size:1.12rem;margin:0 0 14px}.studio-choose{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;align-items:end}.studio-choose label{flex:1 1 200px}.studio-choose button{flex:0 0 auto}.studio-privacy{flex:0 0 100%;margin:0;font-size:.85rem;color:#647264}.coloring-controls{display:flex;flex-direction:column;gap:18px;position:sticky;top:10px}.coloring-controls h2{margin:0}.paint-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.paint-tool-grid button{display:flex;flex-direction:column;align-items:center;gap:3px;background:#f8f0df;color:var(--ink);border-color:#dfd3b9;font-size:.79rem;padding:8px 4px;min-height:65px}.paint-tool-grid span{font-size:1.65rem;line-height:1}.paint-tool-grid button[aria-pressed=true]{background:#e2efd1}.palette-tabs{display:flex;gap:5px}.palette-tabs button{flex:1;font-size:.73rem;background:#f5efdf;color:var(--ink);border-color:#dfd3b9;min-height:40px;padding:5px}.paint-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.paint-palette button{width:100%;aspect-ratio:1;min-height:32px;padding:0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #bbb}.paint-palette button[aria-pressed=true]{box-shadow:0 0 0 3px #1b5947;transform:scale(1.04)}.paint-options{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}.check-label{flex-direction:row;align-items:center;font-weight:400;line-height:1.5;font-size:.85rem}.paint-actions{display:flex;flex-wrap:wrap;gap:7px}.paint-actions button{flex:1;font-size:.85rem;padding:8px}.paint-actions button:last-child{flex:1 1 100%}.paint-stickers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.paint-stickers button{background:#fff6e4;color:#826526;border-color:#ead8aa;font-size:1.6rem;padding:4px}.paint-workspace{padding:12px;text-align:center;overflow:hidden}.paint-view-tools{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.paint-view-tools>span{font-size:.81rem;color:#607360}.paint-view-tools>div{display:flex;gap:5px;align-items:center}.paint-view-tools button{background:#faf1df;color:var(--ink);border-color:#dfd3b9;padding:5px 10px;min-width:42px;min-height:42px;font-size:.82rem}.paint-viewport{direction:ltr;overflow:auto;max-height:830px;overscroll-behavior:contain;border:1px solid #e6e1d2;border-radius:14px;background-color:#edf0e9;background-image:linear-gradient(45deg,#e7e9e2 25%,transparent 25%),linear-gradient(-45deg,#e7e9e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7e9e2 75%),linear-gradient(-45deg,transparent 75%,#e7e9e2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}#paintCanvas{display:block;width:100%;max-width:none;height:auto;background:white;touch-action:none;cursor:crosshair;outline-offset:-4px}#paintStatus{font-size:.91rem;min-height:2.8em;line-height:1.5;margin:13px 6px 0}.paint-hint{font-size:.81rem;color:#687566;line-height:1.65;margin:8px 2px 0}.studio-prepare{grid-column:1/-1}.studio-prepare summary{cursor:pointer;font-weight:700;min-height:30px}.studio-prepare>p,.paint-gallery>p,.paint-export p{font-size:.88rem;line-height:1.8;color:#657260}.prepare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prepare-grid input[type=file]{width:100%;font-size:.8rem}.paint-export{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.paint-export h2{margin-bottom:5px}.paint-export p{margin:0}.paint-export-buttons{grid-column:1/-1;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.paint-export-buttons button{flex:1;min-width:160px}.paint-gallery{grid-column:1/-1}.paint-gallery h2{margin-bottom:5px}#paintGalleryItems{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:18px 0}.gallery-card{padding:10px;border:1px solid #e4d6bb;border-radius:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.gallery-card img{width:100%;height:155px;object-fit:contain;background:#fff}.gallery-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;margin:0}.gallery-card button{font-size:.85rem}.gallery-card button:last-child{color:#8a3e3c;background:#fff6ed;border-color:#e2c5b3}.sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}[hidden]{display:none!important}@media(max-width:900px){.coloring-studio{grid-template-columns:235px minmax(0,1fr);gap:12px;padding:0 12px}.studio-panel{padding:13px}.paint-palette{gap:7px}.coloring-controls{gap:14px}.paint-tool-grid{gap:7px}.paint-options{grid-template-columns:65px minmax(0,1fr)}.paint-viewport{max-height:700px}}@media(max-width:650px){.studio-header{padding:4px 12px 22px}.studio-header nav{gap:8px}.studio-brand img{width:115px;height:62px}.studio-vision img{width:80px;height:59px}.studio-home,.studio-language{padding:6px;min-width:38px;min-height:42px;border-radius:10px}.studio-home svg{width:20px}.studio-language{font-size:.76rem}.studio-kicker{font-size:.75rem;padding:4px 10px}.studio-intro h1{margin:11px 0}.studio-intro p{max-width:450px;margin:auto}.coloring-studio{grid-template-columns:1fr;padding:0 10px;margin:12px auto;gap:12px}.studio-panel{border-radius:16px;padding:12px}.studio-choose{gap:11px}.studio-choose label{flex-basis:calc(50% - 12px);font-size:.82rem}.studio-choose button{flex:1;font-size:.82rem}.studio-privacy{font-size:.74rem;line-height:1.5}.coloring-controls{position:static;display:grid;grid-template-columns:1fr 1fr;gap:13px}.coloring-controls h2,.paint-tool-grid,.palette-tabs,.paint-palette,.check-label,.paint-stickers,.paint-actions{grid-column:1/-1}.paint-tool-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.paint-tool-grid button{font-size:.74rem;min-height:61px}.paint-tool-grid span{font-size:1.5rem}.paint-palette{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}.paint-palette button{min-height:0;border-width:2px}.paint-options{grid-template-columns:60px minmax(0,1fr);gap:7px;grid-column:1/-1}.brush-size{grid-column:1/-1}.check-label{font-size:.81rem}.paint-actions button:last-child{flex:1}.paint-view-tools{justify-content:center}.paint-workspace{padding:9px}.paint-viewport{max-height:75vh}.paint-export{grid-template-columns:1fr;gap:14px}.paint-export-buttons{gap:8px}.paint-export-buttons button{min-width:120px;font-size:.86rem}.prepare-grid{grid-template-columns:1fr}.paint-gallery>p{font-size:.8rem}}@media(max-width:360px){.studio-header nav{gap:6px}.studio-brand img{width:102px}.studio-vision img{width:70px}.studio-language{font-size:.67rem;min-width:35px}.paint-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.paint-palette button{width:35px;justify-self:center}.paint-tool-grid button{font-size:.67rem;padding-inline:2px}.studio-intro h1{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Same directional drawer and two-logo hierarchy as the main website; no tracking bootstrap. */
.studio-header nav{display:grid;grid-template-columns:48px minmax(0,1fr)130px}.studio-header nav .studio-brand{margin:0;justify-self:center}.studio-header .studio-home{color:#176649}@media(max-width:650px){.studio-header nav{grid-template-columns:44px minmax(0,1fr)78px}.studio-header .studio-brand img{width:132px}.studio-header .studio-vision img{width:78px}}@media(max-width:360px){.studio-header .studio-brand img{width:118px}.studio-header nav{grid-template-columns:40px minmax(0,1fr)70px}.studio-header .studio-vision img{width:70px}}
.coloring-controls{position:static}.studio-menu-open{overflow:hidden}
.paint-mobile-kit{display:none}@media(max-width:650px){.studio-choose{order:1}.paint-workspace{order:2}.coloring-controls{order:3}.studio-prepare{order:4}.paint-export{order:5}.paint-gallery{order:6}.paint-mobile-kit{display:flex;flex-direction:column;gap:10px;padding:4px 0 12px}#paintQuickColors{display:flex;justify-content:center;gap:10px}#paintQuickColors button{border:3px solid white;border-radius:50%;width:42px;height:42px;min-height:42px;padding:0;box-shadow:0 0 0 1px #cbbfa7}.paint-quick-tools{display:flex;gap:6px;justify-content:center}.paint-quick-tools button{background:#f8efd9;color:#214139;border-color:#decca7;font-size:.74rem;padding:5px 8px;min-width:52px;flex:1;min-height:44px}}