.fullscreen-toggle.svelte-f04qvn{z-index:4;width:44px;height:44px;position:absolute;top:8px;left:8px}.canvas-container.svelte-r2xcee{background-color:var(--paper-margin);flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.paper-sheet.svelte-r2xcee{transform-origin:0 0;z-index:0;pointer-events:none;background-color:var(--paper);background-image:url(../../../icons/handmade-paper.webp);background-repeat:repeat;position:absolute;top:0;left:0}.paper-sheet.paper-lifted.svelte-r2xcee{box-shadow:0 2px 14px #5d54442e}#drawingCanvas.svelte-r2xcee{cursor:crosshair;touch-action:none;z-index:1;width:100%;height:100%;display:block;position:relative}#drawingCanvas.erasing.svelte-r2xcee{cursor:none}.eraser-bubble.svelte-r2xcee{box-sizing:border-box;pointer-events:none;z-index:3;background-color:#ffffff59;border:2px solid #505050b3;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #fff9}.paper-view.svelte-r2xcee{transform-origin:0 0;pointer-events:none;z-index:2;mix-blend-mode:var(--lineart-blend);position:absolute;top:0;left:0}.paper-view[hidden].svelte-r2xcee{display:none}.coloring-overlay.svelte-r2xcee{object-fit:contain;opacity:0;width:100%;height:100%;filter:var(--lineart-filter);display:block}.coloring-overlay.overlay-ready.svelte-r2xcee{opacity:1;transition:opacity .18s}.coloring-overlay[hidden].svelte-r2xcee{display:none}@media (orientation:portrait){.canvas-container.svelte-r2xcee{flex:1;width:100%;min-height:0}}.color-palette.svelte-tc3x6e{background:var(--surface);z-index:1002;touch-action:manipulation;flex-shrink:0;grid-template-columns:repeat(2,1fr);align-content:center;justify-items:center;gap:12px;padding:12px;display:grid;position:relative;overflow:hidden;box-shadow:2px 0 10px #0000001a}.color-swatch.svelte-tc3x6e{cursor:pointer;touch-action:manipulation;border:4px solid #0000;border-radius:50%;width:60px;height:60px;transition:all .2s;display:block;position:relative;box-shadow:0 4px 8px #0003}.color-swatch.bonus.svelte-tc3x6e{display:none}.color-swatch.svelte-tc3x6e:active{transform:scale(.9)}.color-swatch.active.svelte-tc3x6e{border-color:#fff}.color-swatch.svelte-tc3x6e:not(.gradient-swatch):before{content:"";border:4.5px solid var(--ring-color,transparent);box-sizing:border-box;pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:-4.5px;transform:scale(0)}.color-swatch.ring-animate.svelte-tc3x6e:not(.gradient-swatch):before{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards svelte-tc3x6e-swatch-ring-expand}@keyframes svelte-tc3x6e-swatch-ring-expand{0%{opacity:0;transform:scale(0)}40%{opacity:1}to{opacity:0;transform:scale(1)}}.gradient-swatch.svelte-tc3x6e{position:relative;background:#fff!important;border-color:#fff!important}.gradient-swatch.svelte-tc3x6e .palette-icon{pointer-events:none;width:104%;height:104%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:landscape) and (height>=444px){.color-palette.svelte-tc3x6e{grid-template-columns:1fr}}@media (orientation:portrait){.color-palette.svelte-tc3x6e{flex-flow:row;justify-content:center;gap:8px;width:100%;height:auto;padding:10px;display:flex;overflow:hidden visible;box-shadow:0 2px 10px #0000001a}.color-swatch.svelte-tc3x6e{flex-shrink:0;width:55px;height:55px}}@media (orientation:portrait) and (width<=515.98px){.color-swatch[data-trim-rank="3"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=452.98px){.color-swatch[data-trim-rank="4"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=389.98px){.color-swatch[data-trim-rank="5"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=326.98px){.color-swatch[data-trim-rank="6"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=263.98px){.color-swatch[data-trim-rank="7"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=200.98px){.color-swatch[data-trim-rank="8"].svelte-tc3x6e{display:none}}@media (orientation:portrait) and (width<=137.98px){.color-swatch[data-trim-rank="9"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height>=660px){.color-swatch.bonus[data-trim-rank="2"].svelte-tc3x6e{display:block}}@media (orientation:landscape) and (height>=732px){.color-swatch.bonus[data-trim-rank="1"].svelte-tc3x6e{display:block}}@media (orientation:landscape) and (height>=804px){.color-swatch.bonus[data-trim-rank="0"].svelte-tc3x6e{display:block}}@media (orientation:landscape) and (height>=444px) and (height<=587.98px){.color-swatch[data-trim-rank="3"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height>=444px) and (height<=515.98px){.color-swatch[data-trim-rank="4"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height<=299.98px){.color-swatch[data-trim-rank="3"].svelte-tc3x6e,.color-swatch[data-trim-rank="4"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height<=227.98px){.color-swatch[data-trim-rank="5"].svelte-tc3x6e,.color-swatch[data-trim-rank="6"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height<=155.98px){.color-swatch[data-trim-rank="7"].svelte-tc3x6e,.color-swatch[data-trim-rank="8"].svelte-tc3x6e{display:none}}@media (orientation:landscape) and (height<=83.98px){.color-swatch[data-trim-rank="9"].svelte-tc3x6e{display:none}}.actions-panel.svelte-1sy5nox{bottom:calc(8px + env(safe-area-inset-bottom));left:calc(8px + env(safe-area-inset-left));z-index:901;flex-direction:row;align-items:center;transition:left .3s;display:flex;position:fixed}@media (orientation:portrait){.actions-panel.svelte-1sy5nox{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));flex-direction:column-reverse}}.actions-drawer.svelte-1sy5nox{grid-template-columns:1fr;align-items:center;margin-right:8px;transition:grid-template-columns .28s,grid-template-rows .28s,opacity .2s,margin .28s;display:grid}.actions-drawer-inner.svelte-1sy5nox{flex-direction:row;align-items:center;gap:8px;min-width:0;min-height:0;display:flex;overflow:hidden}html[data-drawer-open] .actions-drawer-inner.svelte-1sy5nox{overflow:visible}html:not([data-drawer-open]) .actions-drawer.svelte-1sy5nox{opacity:0;pointer-events:none;visibility:hidden;grid-template-columns:0fr;margin-right:0;transition:grid-template-columns .28s,grid-template-rows .28s,opacity .2s,margin .28s,visibility 0s .28s}@media (orientation:portrait){.actions-drawer.svelte-1sy5nox{grid-template-rows:1fr;grid-template-columns:none;margin-top:8px;margin-right:0}.actions-drawer-inner.svelte-1sy5nox{flex-direction:column-reverse}html:not([data-drawer-open]) .actions-drawer.svelte-1sy5nox{grid-template-rows:0fr;grid-template-columns:none;margin-top:0;margin-right:0}}html[data-off-stroke] .stroke-width-wrapper.svelte-1sy5nox,html[data-off-eraser] #eraserButton.svelte-1sy5nox,html[data-off-coloring] #coloringBookButton.svelte-1sy5nox,html[data-off-screenshot] #screenshotButton.svelte-1sy5nox,html[data-off-undo] #undoButton.svelte-1sy5nox,html[data-off-adv] .drawer-toggle.svelte-1sy5nox{display:none}.drawer-toggle.svelte-1sy5nox{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.drawer-toggle-icon{pointer-events:none;--drawer-axis-rot:0deg;--drawer-open-rot:0deg;transform:rotate(calc(var(--drawer-axis-rot) + var(--drawer-open-rot)))}html[data-drawer-open] .drawer-toggle-icon{--drawer-open-rot:180deg}@media (orientation:portrait){.drawer-toggle-icon{--drawer-axis-rot:-90deg}}.action-button.svelte-1sy5nox{width:calc(60px * var(--action-btn-scale,1));height:calc(60px * var(--action-btn-scale,1));background:var(--float-surface);border:2px solid var(--float-border);cursor:pointer;box-shadow:var(--float-shadow);touch-action:manipulation;padding:calc(10px * var(--action-btn-scale,1));border-radius:18px;justify-content:center;align-items:center;transition:all .2s;display:flex}@media (orientation:portrait){.action-button.svelte-1sy5nox{width:calc(55px * var(--action-btn-scale,1));height:calc(55px * var(--action-btn-scale,1));padding:calc(9px * var(--action-btn-scale,1))}}.action-button[hidden].svelte-1sy5nox{display:none}@media (hover:hover){.action-button.svelte-1sy5nox:hover:not(:disabled){background:var(--float-surface-hover);border-color:var(--brand);box-shadow:0 4px 12px #ab71e14d;box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 30%, transparent)}}.action-button.svelte-1sy5nox:active:not(:disabled){background:var(--brand-wash);transform:scale(.95)}.action-button.active.svelte-1sy5nox{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 2px #ab71e159;box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent)}.action-button.active.svelte-1sy5nox .action-icon:not(.icon-color) svg{fill:var(--brand)}.action-button.svelte-1sy5nox:disabled,.action-button.disabled.svelte-1sy5nox{opacity:.3;cursor:not-allowed;background:var(--float-surface-hover)}.action-icon{pointer-events:none;width:100%;height:100%}.action-icon:not(.icon-color) svg{fill:var(--icon-ink)}.action-button.svelte-1sy5nox:disabled .action-icon:not(.icon-color) svg,.action-button.disabled.svelte-1sy5nox .action-icon:not(.icon-color) svg{fill:var(--control-track-hover)}.action-button.loading.svelte-1sy5nox .action-icon{animation:1s linear infinite aiSpin}.stroke-width-wrapper.svelte-1sy5nox{position:relative}.stroke-width-menu.svelte-1sy5nox{background:var(--float-surface);box-shadow:var(--float-shadow-flyout);z-index:901;border:none;border-radius:16px;flex-direction:row;gap:6px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}@media (orientation:portrait){.stroke-width-menu.svelte-1sy5nox{flex-direction:row;bottom:0;left:calc(100% + 8px)}}@media (orientation:portrait) and (width<=540px){.stroke-width-menu.svelte-1sy5nox{flex-direction:column}}.stroke-width-menu[hidden].svelte-1sy5nox{display:none}.stroke-size-button.svelte-1sy5nox{width:calc(60px * var(--action-btn-scale,1));height:calc(60px * var(--action-btn-scale,1));background:var(--float-surface);border:2px solid var(--float-border);cursor:pointer;color:inherit;padding:calc(7px * var(--action-btn-scale,1));touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;transition:all .15s;display:flex}@media (hover:hover){.stroke-size-button.svelte-1sy5nox:hover{border-color:var(--brand);background:var(--brand-wash)}}.stroke-size-button.svelte-1sy5nox:active{transform:scale(.92)}.stroke-size-button.active.svelte-1sy5nox{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 2px #ab71e159;box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent)}.stroke-size-button.active.svelte-1sy5nox .action-icon:not(.icon-color) svg{fill:var(--brand)}.action-button.white-stroke.svelte-1sy5nox svg path[fill=currentColor],.stroke-width-menu.white-stroke.svelte-1sy5nox svg path{stroke:#000;stroke-width:2px;paint-order:stroke;vector-effect:non-scaling-stroke}.action-button.dark-stroke.svelte-1sy5nox svg path[fill=currentColor],.stroke-width-menu.dark-stroke.svelte-1sy5nox svg path{stroke:var(--dark-ink-keyline);stroke-width:2px;paint-order:stroke;vector-effect:non-scaling-stroke}.clear-container.svelte-1ugnbxx{top:calc(20px + env(safe-area-inset-top));right:calc(-10px + env(safe-area-inset-right));z-index:1000;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:fixed}.clear-container.svelte-1ugnbxx.dragging-active{transition:none}.clear-button.svelte-1ugnbxx{cursor:grab;touch-action:none;pointer-events:auto;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50% 0 0 50%;justify-content:center;align-items:center;width:70px;height:70px;transition:box-shadow .2s,border-radius .3s,transform .2s,background .2s;display:flex;position:relative;box-shadow:-4px 4px 20px #0000004d}.clear-button.svelte-1ugnbxx:active{cursor:grabbing}.clear-button.svelte-1ugnbxx.dragging{border-radius:50%;box-shadow:-6px 6px 30px #0006}.clear-button.svelte-1ugnbxx.dragging .clear-icon{margin-right:0}.clear-button.svelte-1ugnbxx .clear-icon-open,.clear-button.svelte-1ugnbxx.dragging .clear-icon-closed{display:none}.clear-button.svelte-1ugnbxx.dragging .clear-icon-open{display:block}.clear-button.svelte-1ugnbxx.delete-ready{background:linear-gradient(135deg,#ff3838,#d63031);transform:scale(1.1);box-shadow:0 6px 40px #ff383899}.clear-icon{pointer-events:none;width:40px;height:40px;margin-right:2px;transition:margin .3s;display:block}.clear-accept-zone.svelte-1ugnbxx{pointer-events:none;z-index:999;box-sizing:border-box;opacity:0;background:radial-gradient(circle,#ff383800 55%,#ff38380f 100%);border:4px dashed #ff383873;border-radius:50%;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1),border-color .15s,border-style .15s,background .15s;display:none;position:fixed;transform:scale(.85)}.clear-accept-zone.svelte-1ugnbxx.visible{opacity:1;transform:scale(1)}.clear-accept-zone.svelte-1ugnbxx.threshold-reached{background:radial-gradient(circle,#ff383800 50%,#ff383838 100%);border-style:solid;border-color:#ff3838e6}.clear-preview.svelte-1ugnbxx{z-index:400;pointer-events:none;opacity:var(--clear-progress,0);background:radial-gradient(circle at 100% 0, #fcfbf8e6, #fcfbf800 calc(var(--clear-progress,0) * 130%));background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--paper) 90%, transparent), color-mix(in srgb, var(--paper) 0%, transparent) calc(var(--clear-progress,0) * 130%));transition:opacity .12s linear,background .12s linear;position:fixed;inset:0}.clear-preview.svelte-1ugnbxx.committed{opacity:.92;background:radial-gradient(circle at 100% 0,#fcfbf8f2,#fcfbf8d1 140%);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--paper) 95%, transparent), color-mix(in srgb, var(--paper) 82%, transparent) 140%);transition:opacity .18s,background .18s}.page-turn-overlay.svelte-1ugnbxx{background:var(--paper,white);pointer-events:none;z-index:500;opacity:0;border-radius:50%;width:1px;height:1px;position:fixed;top:0;left:100%;transform:translate(-50%,-50%)scale(0)}.page-turn-overlay.svelte-1ugnbxx.animating{animation:.6s cubic-bezier(.22,1,.36,1) forwards svelte-1ugnbxx-ripple}@keyframes svelte-1ugnbxx-ripple{0%{opacity:.85;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4000)}}.clear-coachmark.svelte-1ugnbxx{z-index:1001;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;position:fixed;inset:0}.clear-coachmark.visible.svelte-1ugnbxx{opacity:1;visibility:visible}.clear-coachmark.fade-out.svelte-1ugnbxx{opacity:0}.coachmark-ring.svelte-1ugnbxx{box-sizing:border-box;background:radial-gradient(circle,#ff6b6b00 60%,#ff6b6b0d 100%);border:4px dashed #ff6b6b66;border-radius:50%;animation:2.8s ease-in-out infinite svelte-1ugnbxx-coachmarkRing;position:fixed}.coachmark-ghost.svelte-1ugnbxx{will-change:transform, opacity;animation:2.8s ease-in-out infinite svelte-1ugnbxx-coachmarkDrag;position:fixed}.coachmark-button.svelte-1ugnbxx{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:-6px 6px 24px #00000059}.coachmark-trash{width:45px;height:45px;display:block}.coachmark-hand{filter:drop-shadow(0 3px 5px #0000004d);width:52px;height:52px;position:absolute;top:52%;left:58%}@keyframes svelte-1ugnbxx-coachmarkDrag{0%{opacity:0;transform:translate(0)scale(1)}8%{opacity:1;transform:translate(0)scale(1)}16%{opacity:1;transform:translate(0)scale(.94)}58%{transform:translate(var(--tx), var(--ty)) scale(.94);opacity:1}70%{transform:translate(var(--tx), var(--ty)) scale(.94);opacity:1}80%{transform:translate(var(--tx), var(--ty)) scale(1.05);opacity:1}90%{transform:translate(var(--tx), var(--ty)) scale(1.08);opacity:0}to{transform:translate(var(--tx), var(--ty)) scale(1);opacity:0}}@keyframes svelte-1ugnbxx-coachmarkRing{0%,8%{opacity:0;border-style:dashed;border-color:#ff6b6b66;transform:scale(.9)}18%{opacity:1;transform:scale(1)}57%{opacity:1;background:radial-gradient(circle,#ff6b6b00 60%,#ff6b6b0d 100%);border-style:dashed;border-color:#ff6b6b66;transform:scale(1)}70%,86%{opacity:1;background:radial-gradient(circle,#ee5a6f00 50%,#ee5a6f2e 100%);border-style:solid;border-color:#ee5a6fd9;transform:scale(1.015)}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.clear-preview.svelte-1ugnbxx{transition:none}.coachmark-ghost.svelte-1ugnbxx{transform:translate(var(--tx), var(--ty));opacity:.95;animation:none}.coachmark-ring.svelte-1ugnbxx{opacity:1;background:radial-gradient(circle,#ee5a6f00 50%,#ee5a6f2e 100%);border-style:solid;border-color:#ee5a6fd9;animation:none}}@media (orientation:portrait){.clear-container.svelte-1ugnbxx{top:calc(90px + env(safe-area-inset-top))}.clear-button.svelte-1ugnbxx{width:60px;height:60px}.clear-icon{width:38px;height:38px;margin-right:2px}}.notch-band.svelte-1mow6c5{z-index:1000;pointer-events:none;transition:background-color .25s;position:fixed}.notch-band--top.svelte-1mow6c5{height:env(safe-area-inset-top);top:0;left:0;right:0}.notch-band--left.svelte-1mow6c5{width:env(safe-area-inset-left);top:0;bottom:0;left:0}.notch-band--right.svelte-1mow6c5{width:env(safe-area-inset-right);top:0;bottom:0;right:0}.parent-help-button.svelte-17zlb3t{bottom:calc(8px + env(safe-area-inset-bottom));right:calc(8px + env(safe-area-inset-right));color:#999;z-index:900;width:48px;height:48px;position:fixed}