.coloring-app{background:#faf9fd}.coloring-app header{height:92px;background:white;max-width:none;padding-inline:max(24px,calc((100vw - 1400px)/2))}.coloring-app .logo{width:132px;height:65px}.studio{max-width:1450px;padding:28px 32px 50px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.studio h1{font-size:clamp(26px,3vw,38px);letter-spacing:-.035em}.studio .eyebrow{margin-bottom:8px}.book-link{font-size:15px;font-weight:bold;white-space:nowrap;text-decoration:none;border:1px solid #d5cde1;padding:12px 18px;border-radius:14px;background:white}.studio-layout{display:grid;grid-template-columns:155px minmax(0,1fr) 202px;gap:22px;align-items:start}.studio h2{font-size:17px;letter-spacing:0}.page-shelf h2,.paint-tools h2{margin:0 0 15px}.page-card{display:block;width:100%;padding:9px;margin-bottom:12px;border:2px solid transparent;border-radius:15px;background:white;text-align:left;color:#332740;cursor:pointer}.page-card[aria-pressed=true]{border-color:#7854ab;background:#f0e8fc}.page-card img{width:100%;height:105px;object-fit:contain;background:white;border-radius:8px}.page-card span{display:block;font-size:14px;font-weight:700;margin:6px 3px 1px}.drawing-workspace{min-width:0}.paper-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap}.paper-bar div{display:flex;gap:6px}.studio button{font:inherit;font-size:14px;cursor:pointer}.paper-bar button{border:1px solid #ded9e5;background:white;padding:7px 10px;border-radius:9px}.studio button:disabled{opacity:.4;cursor:default}.paper{position:relative;background:white;border-radius:15px;box-shadow:0 6px 28px #2d214a0c;border:1px solid #e5dfea;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:270px}#artboard{display:block;max-width:100%;width:auto;height:auto;max-height:68vh;touch-action:none;cursor:crosshair}#loading{position:absolute;padding:12px;background:white;border-radius:10px}#loading[hidden]{display:none}#color-status{font-size:14px;color:#61556f;min-height:22px;margin:10px 0}.save-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.save-art{background:#342443;color:white;border:0;border-radius:12px;padding:12px 18px;font-weight:700!important}.save-row a{font-size:14px;text-underline-offset:4px}.paint-tools{padding:20px 16px;background:white;border-radius:18px;border:1px solid #e5dfea}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{width:32px;height:32px;border-radius:50%;border:1px solid #0002;box-shadow:0 0 0 3px white}.swatch[aria-pressed=true]{outline:2px solid #342443;outline-offset:3px}.custom-color{margin:22px 0 18px;display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:8px}.custom-color input{width:34px;height:32px;border:0;background:transparent;padding:0;cursor:pointer}.tool-buttons{display:grid;grid-template-columns:1fr;gap:7px}.tool-buttons button{border:1px solid #ddd5e7;background:#fff;border-radius:10px;padding:9px}.tool-buttons button[aria-pressed=true]{background:#efe5fc;border-color:#9879c0;color:#462562;font-weight:bold}.brush-size{display:block;font-size:14px;margin-top:18px}.brush-size output{float:right}.brush-size input{width:100%;accent-color:#7854ab;margin-top:10px}.tool-tip{font-size:14px;line-height:1.45;color:#6e617a;margin:16px 0 0}.studio button:focus-visible,.studio a:focus-visible,.studio input:focus-visible{outline:3px solid #6f429e;outline-offset:4px}.coloring-app footer{max-width:1386px}.coloring-app dialog{border:0;border-radius:20px;padding:26px;max-width:min(430px,90vw);box-shadow:0 20px 80px #0004}.coloring-app dialog::backdrop{background:#22133370}.coloring-app dialog button{font:inherit;border:1px solid #cdbedc;padding:10px 14px;border-radius:10px;background:white}.coloring-app dialog div{display:flex;gap:10px}.coloring-app dialog button[value=reset]{background:#342443;color:white}@media(max-width:1050px){.studio-layout{grid-template-columns:125px minmax(0,1fr)}.paint-tools{grid-column:2;grid-row:2;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.paint-tools h2,.tool-tip{display:none}.palette{display:flex;flex-wrap:wrap;gap:12px}.tool-buttons{display:flex}.brush-size,.custom-color{margin:0}.brush-size{width:145px}.studio-heading{align-items:flex-start}.page-card img{height:90px}}@media(max-width:680px){.studio{padding:22px 16px 35px}.studio-heading{display:block}.book-link{display:inline-block;margin-top:16px}.studio-layout{display:flex;flex-direction:column;gap:15px}.page-shelf,.drawing-workspace,.paint-tools{width:100%}.page-shelf h2{font-size:14px;margin-bottom:8px}#page-list{display:flex;gap:9px;overflow-x:auto;padding:3px}.page-card{min-width:102px;width:102px;flex:none;margin:0}.page-card img{height:65px}.page-card span{font-size:13px}.paint-tools{order:2;padding:16px;gap:16px}.drawing-workspace{order:3}.paper-bar h2{font-size:15px}.paper-bar button{font-size:13px}#artboard{max-height:none;width:100%}.paper{min-height:180px}.swatch{width:30px;height:30px}.studio-heading h1{font-size:28px}.palette{gap:12px}.custom-color{font-size:14px}.coloring-app header nav{gap:16px}.tool-buttons button{padding:8px 13px}.save-row{gap:12px}.save-row a{font-size:14px}}