@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap');
:root{font-family:'Nunito',sans-serif;color:#303d32;background:#eef2ec}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #2d663940;background:#fff;border-radius:10px;padding:10px 13px;color:#2d6639;font-size:12px}button:hover{background:#e1ecdf}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #79a77c;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fafcf9;padding:20px 4%;border-bottom:1px solid #2d663922}header h1{font-size:27px;line-height:1.1;letter-spacing:-1px;margin:0;color:#2d6639}header p{font-size:10px;margin:7px 0 0;color:#5c5c5c}.studio-back{color:#2d6639;font-size:12px;text-decoration:none}#save-image{background:#2d6639;color:#fff;border-color:#2d6639}main{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 97px)}.paint-tools{background:#fafcf9;padding:25px 20px;border-right:1px solid #2d663922}.paint-tools section+section{border-top:1px solid #2d663922;margin-top:22px;padding-top:20px}h2{font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 14px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-grid button[aria-pressed=true]{background:#2d6639;color:#fff}.paint-tools label{display:block;font-size:11px;margin-top:17px;color:#5c5c5c}.paint-tools select{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid #2d663933;border-radius:9px;background:white;color:#303d32}.paint-tools input[type=range]{display:block;width:100%;margin-top:8px;accent-color:#2d6639}.paint-tools output{float:right;font-size:10px}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.color-palette button{width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:1px solid #5c5c5c33;background:var(--swatch)}.color-palette button[aria-pressed=true]{outline:2px solid #2d6639;outline-offset:2px}.custom-color{display:flex!important;align-items:center;justify-content:space-between}.custom-color input{width:47px;height:31px;border:0;padding:0;background:none}.edit-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-help{font-size:10px;line-height:1.7;color:#697365;margin:22px 0 0}.painting-area{padding:22px 25px;text-align:center;min-width:0}.page-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.page-label,.zoom-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#5c5c5c}.page-label select{padding:8px;border-radius:8px;border:1px solid #2d663933;background:white;font:inherit}.zoom-label input{width:95px;accent-color:#2d6639}.zoom-label output{width:35px;font-size:10px}#studio-status{font-size:12px;min-height:18px;margin:15px 0;color:#2d6639}.canvas-viewport{position:relative;overflow:auto;height:calc(100vh - 260px);min-height:350px;border:1px solid #2d663922;border-radius:15px;background-color:#dce3d8;background-image:radial-gradient(#81977933 .7px,transparent .7px);background-size:12px 12px;scrollbar-width:thin;padding:25px;display:flex;align-items:flex-start;justify-content:flex-start}#coloring-canvas{display:block;flex-shrink:0;background:#fff;box-shadow:0 8px 25px #253a2825;touch-action:none;cursor:crosshair;margin:auto;max-width:none}#loading-sheet{position:absolute;inset:0;display:grid;place-items:center;background:#eef2ece8;font-size:15px;color:#2d6639}[hidden]{display:none!important}#save-status{font-size:10px;color:#5c5c5c;margin:13px 0 8px}.original-book{font-size:10px;color:#2d6639}.painting-area.is-loading{pointer-events:none}.paint-tools .disabled-control{opacity:.45}@media(max-width:800px){header{padding:16px 4%;gap:12px;flex-wrap:wrap}header h1{font-size:23px}header p{font-size:9px}.studio-back{font-size:10px}header>div{order:3;width:100%;text-align:center}main{grid-template-columns:1fr}.paint-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px;border-right:0;border-bottom:1px solid #2d663922}.paint-tools section+section{margin-top:0;padding-top:0;border-top:0}.paint-tools section:first-child{grid-row:span 2}.paint-tools label{margin-top:12px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:5px}.tool-grid button{font-size:10px;padding:9px 4px}.paint-tools h2{font-size:10px}.color-palette{grid-template-columns:repeat(6,1fr);gap:7px}.paint-tools .edit-tools{grid-column:2;gap:5px}.edit-tools button{font-size:10px;padding:8px}.studio-help{display:none}.painting-area{padding:16px 10px}.page-controls{gap:8px}.page-controls button{font-size:10px;padding:9px}.zoom-label{gap:4px}.zoom-label input{width:65px}.canvas-viewport{height:65vh;min-height:320px;padding:15px;border-radius:10px}}@media print{header,.paint-tools,.page-controls,#studio-status,#save-status,.original-book{display:none}main{display:block}.painting-area{padding:0}.canvas-viewport{display:block;height:auto;overflow:visible;padding:0;border:0;background:none}#coloring-canvas{width:100%!important;height:auto!important;box-shadow:none}}