.paint-intro{margin-bottom:24px}.paint-intro h1{font-size:clamp(30px,3.3vw,48px);margin:8px 0 14px}.paint-intro>p{max-width:65ch;font-size:18px;color:var(--kids-muted)}
.paint-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:24px;align-items:start}.paint-workspace,.paint-tools{min-width:0;padding:24px;border:2px solid #93b9ba;border-radius:24px;background:#fff;box-shadow:0 5px 0 #193d4810}.paint-workspace h2{font-size:24px;margin:20px 0 15px}.paint-select{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-weight:850;font-size:16px}.paint-select select{min-height:48px;min-width:0;max-width:100%;flex:1;padding:10px;border:2px solid #93b9ba;border-radius:12px;background:#f5faf7;color:#233e49;font:inherit}.paint-paper{position:relative;max-width:750px;margin:auto;background:#fff;border:1px solid #bccdd1;border-radius:16px;overflow:hidden}.paint-paper canvas{display:block;width:100%;height:auto;background:#fff;cursor:crosshair;touch-action:pan-y pinch-zoom}.paint-paper canvas:focus-visible{outline:4px solid #006d73;outline-offset:-5px}.paint-focus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paint-focus rect{fill:none;stroke:#008080;stroke-width:4;stroke-dasharray:12 7}.paint-focus rect[hidden]{display:none}.paint-status{font-size:15px;color:#37665b;min-height:45px;margin:16px 0 0}.paint-tools h2{font-size:23px;margin:0 0 18px}.paint-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.paint-swatch{display:grid;place-items:center;min-height:52px;width:100%;aspect-ratio:1;max-height:65px;border:2px solid #718993;border-radius:17px;background:#fff;padding:7px;position:relative;cursor:pointer}.paint-swatch span{display:block;border:1px solid #0003;border-radius:10px;background:var(--swatch);width:100%;height:100%;min-height:32px}.paint-swatch[aria-pressed=true]{outline:3px solid #1e5761;outline-offset:2px}.paint-swatch[aria-pressed=true]::after{content:'✓';position:absolute;background:white;color:#193e48;border:1px solid #385762;border-radius:50%;font-size:16px;font-weight:900;line-height:22px;width:24px;height:24px;right:-5px;top:-8px}.paint-color-name{font-size:15px;margin:19px 0 22px}.paint-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paint-actions .kids-button{font-size:15px;padding:10px 8px}.paint-actions #paint-download{grid-column:1/-1}.paint-actions .kids-button:disabled{opacity:.45;box-shadow:none;transform:none;cursor:default}.paint-actions [hidden]{display:none!important}.paint-save-note,.paint-help{font-size:14px;line-height:1.7;margin:18px 0;color:var(--kids-muted)}.paint-help summary{cursor:pointer;font-weight:800;min-height:36px}.paint-family-link,.paint-book-link{display:block;padding:14px 0;border-top:1px solid #c7d8d6;font-size:15px;font-weight:850;text-decoration:none}.paint-print-sheet{max-width:860px;padding:30px;margin:28px auto;background:#fff;color:#193e48;border:2px solid #9bb2b8;border-radius:20px;text-align:center}.paint-print-sheet h2{font-size:28px}.paint-print-sheet p{margin:10px 0}.paint-print-sheet img{width:100%;height:auto;display:block}.paint-print-sheet small{display:block;margin-top:12px;font-size:12px}
@media(max-width:1000px){.paint-layout{grid-template-columns:1fr}.paint-tools{order:-1;padding:18px}.paint-tools h2{font-size:20px;margin-bottom:12px}.paint-palette{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}.paint-swatch{min-height:44px;padding:5px;border-radius:12px}.paint-swatch span{min-height:28px;border-radius:7px}.paint-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.paint-actions #paint-download{grid-column:auto}.paint-color-name{margin:13px 0}.paint-save-note{margin:12px 0}.paint-help{margin:8px 0}.paint-family-link,.paint-book-link{display:inline-block;margin-right:14px;padding:10px 0;border:0}.paint-workspace{padding:18px}}
@media(max-width:600px){.paint-intro h1{font-size:30px}.paint-intro>p{font-size:16px}.paint-layout{gap:16px}.paint-tools{padding:16px}.paint-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.paint-swatch{min-height:44px;max-height:56px}.paint-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-actions #paint-download{grid-column:1/-1}.paint-tools .paint-help,.paint-tools .paint-family-link,.paint-tools .paint-book-link{display:none}.paint-tools h2{font-size:19px}.paint-workspace{padding:12px}.paint-workspace h2{font-size:22px}.paint-status{font-size:14px}.paint-print-sheet{padding:12px}.paint-print-sheet h2{font-size:24px}}
@media print{.paint-print-sheet{break-after:page;break-inside:avoid;width:190mm;height:275mm;max-width:none;margin:0;padding:10mm 0 0;border:0;border-radius:0;color:#000!important;box-sizing:border-box}.paint-print-sheet:last-child{break-after:auto}.paint-print-sheet h2{font-size:22pt;color:#000!important}.paint-print-sheet p{font-size:12pt}.paint-print-sheet img{width:185mm;height:185mm;object-fit:contain;margin:8mm auto}.paint-print-sheet small{font-size:9pt}}

@media screen and (max-width:1000px){.paint-layout{display:flex;flex-direction:column}.paint-workspace{width:100%}.paint-tools{display:contents}.paint-palette-panel{order:-1;width:100%;padding:18px;background:#fff;border:2px solid #93b9ba;border-radius:20px}.paint-tools .paint-actions{width:100%;order:1}.paint-save-note{order:2;margin:0}.paint-help{order:3;margin:0}.paint-tools .paint-family-link,.paint-tools .paint-book-link{display:block;order:4;margin:0;padding:8px 0}.paint-tools .paint-help{display:block}.paint-tools h2{margin-bottom:14px}.paint-color-name{margin-bottom:0}}

@media screen and (max-width:385px){.paint-palette{grid-template-columns:repeat(4,minmax(0,1fr))}}

body .paint-navigation .ilmdosh-context-toggle{position:static;margin-top:16px;z-index:auto;width:fit-content;box-shadow:none}

.paint-selectors{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px}.paint-selectors .paint-select{display:grid;gap:6px}.paint-selectors select{width:100%}@media(max-width:650px){.paint-selectors{grid-template-columns:1fr;gap:12px}}
.paint-workspace{container-type:inline-size}
.paint-selectors .paint-select{min-width:0;container-type:inline-size}
.paint-switcher{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;align-items:stretch}
.paint-step{display:grid;place-items:center;min-width:0;min-height:48px;padding:0;border:2px solid #237970;border-radius:12px;background:#e5f5ed;color:#155b54;font:900 34px/1 Nunito,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.paint-step:hover:enabled{background:#ccebdd}.paint-step:active:enabled{background:#b8e0cd}
.paint-step:disabled{background:#f0f3f4;border-color:#c5d1d6;color:#98a8af;cursor:default}
.paint-step:focus-visible{outline:3px solid #193e48;outline-offset:3px}
@container(max-width:240px){.paint-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.paint-switcher select{grid-column:1/-1;grid-row:1}}
@container(max-width:760px){.paint-selectors{grid-template-columns:minmax(0,1fr);gap:12px}}