.coloring-editor{width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:3px solid #e9dffc;border-radius:28px;background:#f7f5ff;color:#392650;box-shadow:0 24px 90px #25113b40}.coloring-editor[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:calc(100dvh - 32px);overflow:hidden}.coloring-editor::backdrop{background:#27183d99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.coloring-editor button{font-family:Bricolage Grotesque,sans-serif;font-weight:900;cursor:pointer;touch-action:manipulation}.coloring-editor button:disabled{opacity:.42;cursor:default}.coloring-editor button:focus-visible,.coloring-surface:focus-visible{outline:3px solid #8354d4;outline-offset:3px}.coloring-top{display:flex;align-items:center;gap:14px;padding:14px 22px;background:#fff;border-bottom:3px solid #e7dafa}.coloring-top>div{flex:1;min-width:0}.coloring-top .coloring-amy{width:52px;flex:none;margin:0}.coloring-top h2{font-size:25px;margin:0;line-height:1.2}.coloring-top .label{display:none}.coloring-amy-label{font-size:11px;color:#896b9d}.coloring-title{font-size:12px;margin:2px 0 0;color:#896b9d}.coloring-close{display:flex;align-items:center;justify-content:center;gap:7px;border:2px solid #ded5eb;border-radius:15px;min-height:46px;padding:8px 14px;background:#f3f0f7;color:#654679;font-size:15px;box-shadow:0 3px #ded5eb}.coloring-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px;min-height:0}.coloring-tools{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;padding:3px 5px 8px;scrollbar-width:thin}.coloring-tools fieldset{flex:none;min-width:0;padding:15px;margin:0;background:#fff;border:3px solid #e9defa;border-radius:22px;box-shadow:0 5px #e8e0f4}.coloring-tools legend{float:left;width:100%;font-size:16px;font-weight:900;font-family:Bricolage Grotesque,sans-serif;margin:0 0 12px}.coloring-tools legend+*{clear:both}.coloring-tool-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.coloring-tool-buttons button{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.35}.coloring-tool-buttons button{min-height:70px;padding:10px 3px;border:3px solid #e6d9f8;border-radius:16px;background:#faf7ff;box-shadow:0 4px #e4d8f3;font-size:13px;color:#604080}.coloring-tool-buttons button[aria-pressed=true]{background:#eaddff;border-color:#9564dd;box-shadow:0 3px #b18bdc}.coloring-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px}.coloring-swatch{width:44px;height:44px;min-width:44px;padding:0;background:var(--swatch);border:2px solid white;border-radius:50%;box-shadow:0 3px 4px #462b5c30,inset 0 -4px #39263820}.coloring-swatch[aria-pressed=true]{outline:3px solid #8a59ce;outline-offset:3px;transform:scale(1.05)}.coloring-swatch span{visibility:hidden;color:#392650;background:#fff;border-radius:50%;padding:0 3px;font-size:14px}.coloring-swatch[aria-pressed=true] span{visibility:visible}.coloring-rainbow{background:linear-gradient(45deg,#ff595e,#ffca3a,#8ac926,#1982c4,#a24bff)}.coloring-rainbow span{visibility:visible;background:transparent;font-size:23px}.coloring-size[hidden]{display:none}.coloring-sizes{display:flex;gap:12px}.coloring-sizes button{width:44px;height:44px;display:grid;place-items:center;border:2px solid #dfd0ef;border-radius:50%;background:#f5edff}.coloring-sizes button[aria-pressed=true]{background:#dfc7fa;border-color:#9564dd}.coloring-sizes i{display:block;width:var(--dot);height:var(--dot);border-radius:50%;background:#704397}.coloring-history{display:flex;gap:10px}.coloring-history button{flex:1;min-height:44px;padding:8px;border:2px solid #ebd084;border-radius:14px;background:#fff0bd;box-shadow:0 3px #e5ce8d;color:#77521d;font-size:14px}.coloring-help,.coloring-private{font-size:11px;line-height:1.6;margin:0;color:#80658e}.coloring-private{background:#eee5f8;padding:10px;border-radius:12px}.coloring-larger summary,.coloring-grownups summary{cursor:pointer;font-size:12px;min-height:36px;padding:8px 3px;color:#80658e}.coloring-zoom{display:flex;align-items:center;gap:14px;padding:7px 0}.coloring-zoom button,.coloring-larger>[data-paint-tool]{min-width:44px;min-height:44px;border:2px solid #e3d5f2;background:#fff;border-radius:12px;font-size:18px}.coloring-larger>button{min-height:44px;border:2px solid #e3d5f2;background:#fff;border-radius:12px;font-size:12px;padding:8px;margin:4px 4px 0 0}.coloring-paper{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.coloring-status{font-size:13px;font-weight:800;color:#8354aa;margin:0;min-height:20px}.coloring-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#fff;border:3px solid #dfcef6;border-radius:24px;padding:12px;box-shadow:0 7px 20px #64409013}.coloring-surface{display:block;margin:auto;background:#fff;touch-action:none;cursor:crosshair;flex:none;box-shadow:0 2px 10px #392f361a}.coloring-surface canvas,.coloring-surface .coloring-vector{display:block;width:100%;height:auto;margin:0;background:#fff}.coloring-surface.vector-mode>canvas{display:none}.coloring-surface[data-tool=hand]{cursor:grab}.coloring-vector{overflow:hidden}.coloring-keyboard-help{font-size:10px;color:#9a85a5;margin:0}.coloring-credit{font-size:10px;color:#80658e;overflow-wrap:anywhere;margin:0}.coloring-credit[hidden]{display:none}.coloring-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 22px;background:#fff;border-top:3px solid #e7dafa}.coloring-footer>button{flex:1;min-height:48px;padding:10px 12px;border:2px solid #ded1ef;border-radius:16px;background:#f4edff;color:#654080;font-size:14px;box-shadow:0 4px #ded1ef}.coloring-footer>button.coloring-print-main{flex:1.5;background:#36845e;color:#fff;border-color:#36845e;box-shadow:0 4px #235f42;font-size:17px}.coloring-grownups{width:100%;flex-basis:100%}.coloring-grownups summary{min-height:0;padding:0;font-size:10px}.coloring-grownups p{padding:8px 0}.coloring-leave{width:100%;padding:12px;background:#fff0dc;border:2px solid #efc992;border-radius:14px}.coloring-leave[hidden]{display:none}.coloring-leave p{margin:0 0 10px;font-size:13px}.coloring-leave button{min-height:44px;padding:8px 12px;border:2px solid #e0cee9;border-radius:12px;background:#fff;margin-right:8px}.color-start{background:#38835c;box-shadow:0 4px #245b3e}.color-start:hover{background:#2c704c}@media(max-width:760px){.coloring-editor,.coloring-editor[open]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}.coloring-top{padding:8px 12px;gap:9px}.coloring-top .coloring-amy{width:36px}.coloring-top h2{font-size:19px}.coloring-title{display:none}.coloring-amy-label{font-size:10px}.coloring-close{min-height:44px;padding:6px 10px;font-size:12px}.coloring-workspace{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:hidden}.coloring-paper{order:0;flex:1;min-height:100px;gap:4px}.coloring-stage{padding:5px;border-radius:18px;border-width:2px;box-shadow:none}.coloring-status{font-size:11px;min-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coloring-keyboard-help{display:none}.coloring-credit{max-height:22px;overflow:auto;font-size:8px}.coloring-tools{order:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;overflow:visible;padding:0;flex:none;position:relative}.coloring-tools fieldset{padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none}.coloring-tools legend,.coloring-help,.coloring-private{display:none}.coloring-tools fieldset:has(.coloring-palette){grid-column:1/-1;grid-row:1;min-width:0}.coloring-palette{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:7px 5px 9px;scroll-snap-type:x proximity}.coloring-swatch{flex:0 0 44px;width:44px;height:44px;scroll-snap-align:start}.coloring-tools fieldset:has(.coloring-tool-buttons){grid-column:1;grid-row:2;min-width:0}.coloring-tool-buttons{gap:6px}.coloring-tool-buttons button{min-height:44px;padding:5px 2px;border-width:2px;border-radius:12px;font-size:12px;box-shadow:0 2px #e4d8f3}.coloring-history{grid-column:2;grid-row:2;gap:5px}.coloring-history button{min-height:44px;font-size:12px;min-width:56px;padding:5px}.coloring-history [data-paint-redo]{display:none}.coloring-size{grid-column:1;grid-row:3}.coloring-sizes{gap:9px}.coloring-sizes button{width:44px;height:44px}.coloring-larger{grid-column:2;grid-row:3;align-self:center}.coloring-larger summary{min-height:30px;font-size:10px;padding:5px}.coloring-larger[open]{position:absolute;bottom:0;right:0;z-index:2;background:#fff;border:2px solid #e0d1f4;border-radius:14px;padding:8px;box-shadow:0 5px 20px #392f3630}.coloring-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:7px;padding:8px 10px max(10px,env(safe-area-inset-bottom));border-top-width:2px}.coloring-footer>button,.coloring-footer>button.coloring-print-main{min-width:0;min-height:44px;padding:6px 3px;font-size:12px;border-radius:12px}.coloring-footer [data-paint-clear],.coloring-grownups{display:none}.coloring-leave{grid-column:1/-1}.coloring-footer .coloring-leave p{display:block}.coloring-leave button{font-size:12px}}@media(prefers-reduced-motion:no-preference){.coloring-swatch,.coloring-tool-buttons button{transition:transform .12s}.coloring-tool-buttons button:active{transform:translateY(2px)}}@media print{body:has(.coloring-editor[open])>*{display:none!important}body:has(.coloring-editor[open])>.coloring-editor[open]{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important}.coloring-editor[open] .coloring-top,.coloring-editor[open] .coloring-tools,.coloring-editor[open] .coloring-footer,.coloring-editor[open] .coloring-status,.coloring-editor[open] .coloring-keyboard-help{display:none!important}.coloring-editor[open] .coloring-workspace,.coloring-editor[open] .coloring-paper,.coloring-editor[open] .coloring-stage{display:block!important;padding:0!important;margin:0!important;border:0!important;background:#fff!important;max-height:none!important;overflow:visible!important;box-shadow:none!important}.coloring-editor[open] .coloring-surface{width:175mm!important;box-shadow:none!important}.coloring-editor[open] canvas,.coloring-editor[open] .coloring-vector{width:175mm!important;height:auto!important;box-shadow:none!important}.coloring-editor[open] .vector-mode>canvas{display:none!important}.coloring-editor[open] .coloring-credit{display:block!important;color:#000;font-size:8pt;max-width:175mm}.coloring-editor[open] .coloring-credit[hidden]{display:none!important}}