@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-vietnamese-wght-normal.ei70gACF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-ext-wght-normal.CrJ75Ewg.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./quicksand-latin-wght-normal.Buj9m_3d.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#ab71e1;--on-brand:#fff;--glass-rail:77%;--glass-strip:85%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--border-width:1px;--focus-ring-width:2px;--focus-ring-offset:2px;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-display:clamp(34px, 3.2vw + 17px, 46px);--input-font-size:max(16px, var(--font-size-md));--font-family:"Quicksand Variable", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Courier New", monospace;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.35s;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-glide:cubic-bezier(.22, 1, .36, 1);--shadow-control:0 1px 4px #0000002e;--shadow-pop:0 8px 32px #0000004d;--clear-gradient-rest:linear-gradient(135deg, #ff6b6b, #ee5a6f);--polaroid-paper:#fdfcf7;--polaroid-ink:#7c50bb;--scrim-ink:#b3b1bf;--scrim-ink-danger:#e09393;--scrim-ink-soft:#a6a3b0;--scrim-pill:#17171db8;--z-toolbar-paper:3;--z-pointer-halo:4;--z-canvas-chrome:5;--z-clear-preview:400;--z-clear-ink:600;--z-corner-button:900;--z-panel:901;--z-flyout:901;--z-banner:950;--z-clear-accept-zone:999;--z-clear-button:1000;--z-notch:1000;--z-clear-coachmark:1001;--z-palette:1002;--z-waiting-polaroid:1003;--z-polaroid:1004;--app-bg:#f5f5f5;--surface:#fff;--surface-2:#f8f8f8;--step-wash-strength:9%;--step-ink-strength:45%;--surface-hover:#f5f5f5;--border:#e0e0e0;--border-warm:#ddd6cc;--border-warm-strong:#c4bbad;--control-track:#e9e9e9;--control-track-hover:#ccc;--slider-notch:#00000038;--text-strong:#333;--text:#555;--text-soft:#666;--label-ink:#666;--icon-ink:#1f1f1f;--icon-muted:#737373;--brand-wash:#ede7f6;--brand-wash-hover:#e3d7f5;--brand-text:#7c50bb;--brand-solid:#7c50bb;--brand-solid-hover:#6b3fbf;--success-wash:#e9f7ec;--success-text:#2e7d4f;--danger-wash:#fdecec;--danger-text:#b04a4a;--warning-wash:#fff2d3;--warning-text:#895a0a;--warning-chip:#ffe5a8;--paper:#fcfbf8;--glass-tint-rgb:252 251 248;--rule-ink:#e4a0ab;--rule-blend:multiply;--rule-opacity:1;--rule-secondary-opacity:.6;--paper-margin:#f1efeb;--hole-stroke:#8a8a93;--lineart-filter:none;--lineart-blend:multiply;--float-surface:#fff;--float-surface-hover:#f5f5f5;--float-border:transparent;--float-shadow:0 2px 6px #5d544424, 0 6px 16px #5d54441a;--dark-ink-keyline:transparent;--icon-appearance-night:#212d4c;--icon-brush-magic-handle:#3a2470;--icon-brush-magic-ferrule:#6e7d99;--icon-camera-body:#3f68a8;--icon-camera-lens:#33487c;--icon-camera-flash:#d97b06;--icon-controls-track:#3d2570;--icon-save-picture-photo:#5699cd;--icon-setup-chrome:#1c4c78;--icon-shapes-car:#007dfe;--icon-sound-cone:#0f5aa6;--icon-sound-cone-highlight:#1781ee;--icon-wand-stars-wand:#4a1a9e;--icon-wand-stars-badge:#4a1a9e;--icon-whats-new-body:#2a8cdc;--icon-whats-new-mid:#277ec1;--icon-whats-new-shadow:#1e3a6c;--icon-whats-new-window:#bedaf2}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#17171d;--surface:#23232b;--step-wash-strength:24%;--step-ink-strength:0%;--surface-2:#2d2d37;--surface-hover:#33333e;--border:#3d3d49;--border-warm:#3d3d49;--border-warm-strong:#4d4d5b;--control-track:#3a3a45;--control-track-hover:#575765;--slider-notch:#fff6;--text-strong:#eceaf2;--text:#c9c7d3;--text-soft:#bdbbc8;--label-ink:#c9c7d3;--icon-ink:#dedce8;--icon-muted:#a8a6b3;--brand-wash:#3b2f4f;--brand-wash-hover:#46395c;--brand-text:#c9a9f0;--brand-solid:#8058c0;--brand-solid-hover:#6f47b0;--success-wash:#24382b;--success-text:#8bcfa4;--danger-wash:#422a2c;--danger-text:#e09393;--warning-wash:#3e331c;--warning-text:#f2d488;--warning-chip:#544620;--paper:#211f29;--glass-tint-rgb:33 31 41;--rule-ink:#b07683;--rule-blend:screen;--rule-opacity:.55;--rule-secondary-opacity:.33;--paper-margin:#1a1922;--hole-stroke:#b9b9c2;--lineart-filter:invert(1);--lineart-blend:screen;--float-surface:#2e2c38;--float-surface-hover:#393744;--float-border:#ffffff1a;--float-shadow:0 0 0 1px #ffffff0f, 0 3px 10px #00000080;--dark-ink-keyline:#e9e7f0;--icon-appearance-night:#93a6d6;--icon-brush-magic-handle:#d5c4f5;--icon-brush-magic-ferrule:#8fa0bd;--icon-camera-body:#86aee0;--icon-camera-lens:#6b8cc0;--icon-camera-flash:#fabb19;--icon-controls-track:#8fbdea;--icon-save-picture-photo:#7db4e0;--icon-setup-chrome:#8ab8e4;--icon-shapes-car:#5aa8fe;--icon-sound-cone:#5aa6e8;--icon-sound-cone-highlight:#86c7fa;--icon-wand-stars-wand:#bb96f0;--icon-wand-stars-badge:#4c1d95;--icon-whats-new-body:#8ecdf8;--icon-whats-new-mid:#6fb4e8;--icon-whats-new-shadow:#6d94c8;--icon-whats-new-window:#1f4e7d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#17171d;--surface:#23232b;--step-wash-strength:24%;--step-ink-strength:0%;--surface-2:#2d2d37;--surface-hover:#33333e;--border:#3d3d49;--border-warm:#3d3d49;--border-warm-strong:#4d4d5b;--control-track:#3a3a45;--control-track-hover:#575765;--slider-notch:#fff6;--text-strong:#eceaf2;--text:#c9c7d3;--text-soft:#bdbbc8;--label-ink:#c9c7d3;--icon-ink:#dedce8;--icon-muted:#a8a6b3;--brand-wash:#3b2f4f;--brand-wash-hover:#46395c;--brand-text:#c9a9f0;--brand-solid:#8058c0;--brand-solid-hover:#6f47b0;--success-wash:#24382b;--success-text:#8bcfa4;--danger-wash:#422a2c;--danger-text:#e09393;--warning-wash:#3e331c;--warning-text:#f2d488;--warning-chip:#544620;--paper:#211f29;--glass-tint-rgb:33 31 41;--rule-ink:#b07683;--rule-blend:screen;--rule-opacity:.55;--rule-secondary-opacity:.33;--paper-margin:#1a1922;--hole-stroke:#b9b9c2;--lineart-filter:invert(1);--lineart-blend:screen;--float-surface:#2e2c38;--float-surface-hover:#393744;--float-border:#ffffff1a;--float-shadow:0 0 0 1px #ffffff0f, 0 3px 10px #00000080;--dark-ink-keyline:#e9e7f0;--icon-appearance-night:#93a6d6;--icon-brush-magic-handle:#d5c4f5;--icon-brush-magic-ferrule:#8fa0bd;--icon-camera-body:#86aee0;--icon-camera-lens:#6b8cc0;--icon-camera-flash:#fabb19;--icon-controls-track:#8fbdea;--icon-save-picture-photo:#7db4e0;--icon-setup-chrome:#8ab8e4;--icon-shapes-car:#5aa8fe;--icon-sound-cone:#5aa6e8;--icon-sound-cone-highlight:#86c7fa;--icon-wand-stars-wand:#bb96f0;--icon-wand-stars-badge:#4c1d95;--icon-whats-new-body:#8ecdf8;--icon-whats-new-mid:#6fb4e8;--icon-whats-new-shadow:#6d94c8;--icon-whats-new-window:#1f4e7d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:focus-visible,:where(.picker .option:has(input:focus-visible)){outline:var(--focus-ring-width) solid var(--brand);outline-offset:var(--focus-ring-offset)}body{height:100dvh;font-family:var(--font-family);background:var(--app-bg)}::placeholder{color:var(--text-soft);opacity:1}:root{scrollbar-color:var(--icon-muted) transparent;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--palette-landscape-width:84px;--palette-portrait-height:75px;--corner-button-size:48px;--action-btn-count:5;--setting-icon-size:20px;--setting-icon-gap:10px;--setting-indent:calc(var(--setting-icon-size) + var(--setting-icon-gap))}:root[data-app-surface] body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}.app-container{width:100%;height:100%;padding-top:var(--safe-area-top);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right);background:var(--surface);gap:0;display:flex}@media (orientation:portrait){.app-container{flex-direction:column}}@keyframes dialogFlyFromOrigin{0%{transform:translate(calc(-50% + var(--origin-x,0px)), calc(-50% + var(--origin-y,0px))) scale(.22);opacity:0}8%{transform:translate(calc(-50% + var(--origin-x,0px) * 1.06), calc(-50% + var(--origin-y,0px) * 1.06)) scale(.2);opacity:.5}38%{opacity:1}74%{opacity:1;transform:translate(-50%,-50%)scale(1.032)}89%{opacity:1;transform:translate(-50%,-50%)scale(.994)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#0009}@media (prefers-reduced-transparency:reduce){.modal-dialog::backdrop{-webkit-backdrop-filter:none;background:#000000b3}}@media (pointer:coarse){.coloring-book-modal::backdrop{-webkit-backdrop-filter:none;background:#000000b3}}.modal-dialog.modal-fly-in[open]{animation:dialogFlyFromOrigin .48s var(--ease-pop);transform-origin:50%}.modal-shell{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);border:none;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-card{width:min(92vw,336px)}.confirm-card-content{padding:22px var(--space-6) var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.confirm-card-heading{flex-direction:column;gap:6px;display:flex}.confirm-card-heading :is(h2,h3){color:var(--text-strong);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:1.2}.confirm-card-heading p{color:var(--text-soft);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-wrap:pretty;margin:0;line-height:1.45}.modal-dialog.modal-fly-in[open][data-start-reduced-motion]{animation:modalFadeIn var(--duration-base) ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}:where(.modal-shell) :where([data-icon]:not(.icon-color):not(.icon-tinted)) svg{fill:var(--icon-ink)}:root{--modal-close-size:44px;--modal-close-inset:var(--space-3);--modal-close-clearance-x:calc(var(--modal-close-inset) + var(--modal-close-size) + var(--space-2));--modal-close-clearance-y:calc(var(--modal-close-inset) + var(--modal-close-size) + 6px);--report-strip-height:26px;--report-strip-gap:var(--space-4);--report-strip-tap:44px;--report-strip-reserve:calc(var(--report-strip-gap) + (var(--report-strip-height) + var(--report-strip-tap)) / 2 + var(--safe-area-bottom))}:is(.modal-close-btn,.dialog-header-control){top:var(--modal-close-inset);right:var(--modal-close-inset);width:var(--modal-close-size);height:var(--modal-close-size);background:var(--surface);border:2px solid var(--border-warm);cursor:pointer;box-shadow:var(--shadow-control);touch-action:manipulation;transition:border-color var(--duration-base) ease, background var(--duration-base) ease, transform var(--duration-fast) ease;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute}:is(.modal-close-btn,.dialog-header-control):active{transform:scale(.92)}:is(.modal-close-btn,.dialog-header-control).activation-pending{transition:border-color var(--duration-base) ease, background var(--duration-base) ease;transform:scale(.92)}.modal-close-icon{pointer-events:none;width:100%;height:100%}.modal-close-icon svg{fill:var(--icon-ink);transition:fill var(--duration-base) ease}@media (hover:hover){:is(.modal-close-btn,.dialog-header-control):not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-warm-strong)}}.corner-button{cursor:pointer;padding:var(--space-2);width:var(--corner-button-size);height:var(--corner-button-size);opacity:.4;transition:opacity var(--duration-base) ease;touch-action:manipulation;background:0 0;border:none}.corner-button-icon{width:100%;height:100%}.corner-button-icon svg{fill:var(--icon-muted);transition:fill var(--duration-base) ease}@media (hover:hover){.corner-button:hover{opacity:.7}.corner-button:hover .corner-button-icon svg{fill:var(--icon-ink)}}.corner-button:active{opacity:1}.corner-button:active .corner-button-icon svg{fill:var(--icon-ink)}:root{--action-btn-base-landscape:60px;--action-btn-base-portrait:55px;--action-btn-base:var(--action-btn-base-landscape)}@media (width<=599.98px),(height<=599.98px){:root{--action-btn-base-landscape:54px;--action-btn-base-portrait:50px}}@media (width>=1000px) and (height>=1000px){:root{--action-btn-base-landscape:68px;--action-btn-base-portrait:62px}}@media (orientation:portrait){:root{--action-btn-base:var(--action-btn-base-portrait)}}.actions-panel{--action-btn-gap-total:calc((var(--action-btn-count) - 1) * 12px);--action-btn-size:min(calc(var(--action-btn-base) * var(--action-btn-scale,1)), calc(( 100vw - var(--palette-landscape-width) - 128px - var(--action-btn-gap-total) - var(--safe-area-left) - var(--safe-area-right) ) / var(--action-btn-count)))}@media (orientation:portrait){.actions-panel{--action-btn-size:min(calc(var(--action-btn-base) * var(--action-btn-scale,1)), calc(( 100dvh - var(--palette-portrait-height) - 72px - var(--action-btn-gap-total) - var(--safe-area-top) - var(--safe-area-bottom) ) / var(--action-btn-count)))}}.actions-panel .action-button{width:var(--action-btn-size);height:var(--action-btn-size);background:var(--float-surface);border:2px solid var(--float-border);cursor:pointer;box-shadow:var(--float-shadow);transition:background-color var(--duration-base) ease, border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, transform var(--duration-base) ease, filter var(--duration-base) ease, opacity var(--duration-base) ease;touch-action:manipulation;padding:calc(var(--action-btn-base) / 6 * var(--action-btn-scale,1));border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative}.actions-panel .action-button[hidden]{display:none}html[data-ai-slot] .actions-panel:not([data-action-panel-live]) #aiImageButton[hidden]{display:flex}.actions-panel #aiImageButton .free-count:before{content:attr(data-free-count)}.actions-panel:not([data-action-panel-live]) #aiImageButton .free-count{display:none}html[data-ai-free-count] .actions-panel:not([data-action-panel-live]) #aiImageButton .free-count{display:grid}html[data-ai-free-count] .actions-panel:not([data-action-panel-live]) #aiImageButton .free-count:before{content:var(--ai-free-count)}@media (orientation:landscape) and (height<=599.98px){:root{--palette-landscape-width:0px}.actions-panel{--landscape-action-size:min(calc(48px * var(--action-btn-scale,1)), calc((100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 94px) / 4), calc((100vw - var(--safe-area-left) - var(--safe-area-right) - 160px) / 4))}.actions-panel .action-button{padding:6px}}@media (hover:hover){.actions-panel .action-button:hover:not(:disabled):not(.disabled){background:var(--float-surface-hover);border-color:var(--brand);box-shadow:0 4px 12px color-mix(in srgb, var(--brand) 30%, transparent)}}.actions-panel .action-button:active:not(:disabled):not(.disabled){background:var(--brand-wash);transform:scale(.95)}.actions-panel .action-button.active{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent)}.actions-panel #undoButton.disabled:active{background:var(--brand-wash);transform:scale(.95)}.actions-panel .action-button:disabled,.actions-panel .action-button.disabled{opacity:.3;cursor:not-allowed;background:var(--float-surface-hover)}.actions-panel .action-icon{pointer-events:none;width:100%;height:100%}.actions-panel .action-icon:not(.icon-color) svg{fill:var(--icon-ink)}.actions-panel .action-button:disabled .action-icon:not(.icon-color) svg,.actions-panel .action-button.disabled .action-icon:not(.icon-color) svg{fill:var(--icon-muted)}.actions-panel .action-button.loading .action-icon{animation:1s linear infinite aiSpin}:root[data-reduce-motion] .actions-panel .action-button.loading .action-icon{animation-duration:2.4s}.flyout-menu{--stagger:40ms;--flyout-from-x:0px;--flyout-from-y:6px;transform-origin:calc(var(--action-btn-size) / 2) 100%;animation:flyout-shell .3s var(--ease-pop) both;background:var(--float-surface);border-radius:var(--radius-lg);box-shadow:var(--float-shadow);z-index:var(--z-flyout);border:none;flex-direction:row;gap:6px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}@media (orientation:portrait){.flyout-menu{--flyout-from-x:-6px;--flyout-from-y:0px;transform-origin:0 100%;bottom:0;left:calc(100% + 8px)}}@media (orientation:portrait) and (width<=540px){.flyout-menu{flex-direction:column}}.flyout-option{--flyout-option-base:max(var(--action-btn-base), 60px);width:calc(var(--flyout-option-base) * var(--action-btn-scale,1));height:calc(var(--flyout-option-base) * 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));transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, transform var(--duration-fast) ease;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.flyout-option:hover{border-color:var(--brand);background:var(--brand-wash)}}.flyout-option:active{transform:scale(.92)}.flyout-option.active{border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent)}.flyout-option.active .action-icon:not(.icon-color) svg{fill:var(--brand)}.action-button.white-stroke svg path[fill=currentColor],.brush-menu.white-stroke svg path[fill=currentColor],.stroke-width-menu.white-stroke svg path:not([fill^=url]){stroke:#000;stroke-width:2px;paint-order:stroke;vector-effect:non-scaling-stroke}.action-button.dark-stroke svg path[fill=currentColor],.brush-menu.dark-stroke svg path[fill=currentColor],.stroke-width-menu.dark-stroke svg path:not([fill^=url]){stroke:var(--dark-ink-keyline);stroke-width:2px;paint-order:stroke;vector-effect:non-scaling-stroke}@keyframes aiSpin{to{transform:rotate(360deg)}}.screenshot-capture-feedback [data-icon=camera]{animation:screenshot-capture .46s var(--ease-pop)}.screenshot-capture-feedback[data-start-reduced-motion] [data-icon=camera]{animation:none}.action-unavailable{--action-unavailable-flash-duration:.52s;animation:action-unavailable-shake .46s ease-in-out, action-unavailable-flash var(--action-unavailable-flash-duration) ease-in-out}@keyframes screenshot-capture{28%{transform:scale(1.14)rotate(-6deg)}58%{transform:scale(.985)rotate(1.6deg)}80%{transform:scale(1.012)rotate(-.6deg)}to{transform:scale(1)rotate(0)}}@keyframes action-unavailable-shake{14%{transform:translate(-5px)rotate(-3.2deg)}32%{transform:translate(5px)rotate(3.2deg)}52%{transform:translate(-3px)rotate(-1.8deg)}70%{transform:translate(2px)rotate(1deg)}86%{transform:translate(-.8px)rotate(-.4deg)}}@keyframes action-unavailable-flash{12%,62%{opacity:1;border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 10px color-mix(in srgb, var(--brand) 42%, transparent)}to{box-shadow:0 0 0 16px color-mix(in srgb, var(--brand) 0%, transparent)}}.action-unavailable[data-start-reduced-motion]{animation:action-unavailable-flash var(--action-unavailable-flash-duration) ease-in-out}.polaroid-overlay{z-index:var(--z-polaroid);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.polaroid-flash{opacity:0;will-change:opacity;animation:polaroid-flash var(--duration-slow) ease-out forwards;background:#fff;position:absolute;inset:0}.polaroid-frame{--from-x:0px;--from-y:0px;background:var(--polaroid-paper);transform-origin:50%;opacity:0;contain:layout paint;will-change:transform, opacity;animation:polaroid-show 1.9s var(--ease-glide) forwards;border-radius:3px;padding:16px 16px 64px;box-shadow:0 14px 40px #00000059,0 4px 12px #0003,inset 0 0 0 1px #0000000a}.polaroid-overlay.polaroid-discarded{opacity:0;transition:opacity var(--duration-base) ease}.polaroid-image{background:#fcfbf8;border-radius:1px;display:block}@keyframes polaroid-flash{15%{opacity:.85}}@keyframes polaroid-show{0%{transform:translate3d(var(--from-x), var(--from-y), 0) scale(.12) rotate(-16deg);opacity:0}7%{transform:translate3d(calc(var(--from-x) * 1.04), calc(var(--from-y) * 1.04), 0) scale(.14) rotate(-18deg);opacity:.55}28%{opacity:1;transform:translate(0,0)scale(1.05)rotate(-6.5deg)}36%{opacity:1;transform:translate(0,0)scale(.995)rotate(-2.8deg)}44%{opacity:1;transform:translate(0,0)scale(1.008)rotate(-4.6deg)}52%,78%{opacity:1;transform:translate(0,0)scale(1)rotate(-4deg)}to{transform:translate3d(var(--from-x), var(--from-y), 0) scale(.12) rotate(-16deg);opacity:0}}.polaroid-flash[data-start-reduced-motion]{animation:none}.polaroid-frame[data-start-reduced-motion]{animation-name:polaroid-fade;animation-duration:.7s}@keyframes polaroid-fade{15%,70%{opacity:1;transform:rotate(-4deg)}}.step-number{--number-size:var(--step-number-size,32px);--number-wash:color-mix(in srgb, var(--step-hue,var(--brand)) var(--step-wash-strength), var(--surface));--number-ink:color-mix(in srgb, var(--step-hue,var(--brand)) var(--step-ink-strength), var(--text-strong));flex:0 0 var(--number-size);width:var(--number-size);height:var(--number-size);border-radius:var(--radius-pill);background:var(--number-wash);color:var(--number-ink);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex}@keyframes flyout-shell{0%{opacity:0;transform:translate(var(--flyout-from-x), var(--flyout-from-y)) scale(.9)}52%{opacity:1}72%{transform:translate(0)scale(1.022)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes flyout-option{0%{opacity:0;transform:translateY(11px)rotate(-5deg)}58%{opacity:1;transform:translateY(-2px)rotate(1.6deg)}82%{transform:translateY(.5px)rotate(-.6deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.flyout-menu>button{animation:flyout-option .32s var(--ease-pop) backwards;animation-delay:calc(40ms + var(--i) * var(--stagger))}.flyout-menu.motionless,.flyout-menu.motionless>button,.flyout-menu[data-start-reduced-motion],.flyout-menu[data-start-reduced-motion]>button{animation:none}.ink-motion{transform-origin:0 0;pointer-events:none;z-index:2;position:absolute;inset:0}.undo-ink-motion{transform-origin:50%;animation:undo-ink .42s var(--ease-glide) forwards paused;position:absolute}.undo-ink-motion.undo-ink-running{animation-play-state:running}@keyframes undo-ink{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--ink-tx,0), var(--ink-ty,0)) scale(.72)}}.undo-firing{animation:.47s linear undo-spin}@keyframes undo-spin{0%{animation-timing-function:cubic-bezier(.3,.8,.4,1);transform:rotate(0)}11%{animation-timing-function:cubic-bezier(.45,.02,.36,1);transform:rotate(24deg)}76%{animation-timing-function:cubic-bezier(.25,.7,.3,1);transform:rotate(-334deg)}90%{transform:rotate(-357deg)}to{transform:rotate(-360deg)}}:root[data-reduce-motion] .undo-ink-motion{animation:none;display:none}.undo-firing[data-start-reduced-motion]{animation:none}.clear-sheet-layer{z-index:var(--z-clear-ink);position:fixed;inset:auto}.clear-sheet-motion{background:var(--paper) url(../../../icons/handmade-paper.webp) repeat;width:100%;height:100%;animation:.56s cubic-bezier(.32,.02,.42,1) forwards clear-sheet;position:absolute;inset:0}@keyframes clear-sheet{0%{transform:scale(1)rotate(0)}to{transform:scale(.02)rotate(14deg)}}:root[data-reduce-motion] .clear-sheet-motion{animation:none;display:none}.actions-drawer.opening .action-button:not(.action-unavailable){animation:btn-cascade var(--duration-slow) var(--ease-pop) backwards;animation-delay:calc(var(--i) * var(--cascade))}@keyframes btn-cascade{0%{opacity:0;transform:translate(-18px)scale(.6)}}:root[data-reduce-motion] .actions-drawer.opening .action-button:not(.action-unavailable){animation:none}.actions-panel .color-wrapper{display:none}@media (orientation:landscape) and (height<=599.98px){.actions-panel{--action-btn-size:var(--landscape-action-size);--landscape-pitch:calc(var(--action-btn-size) + 10px);--landscape-brush-slots:1;--landscape-width-slots:1;left:calc(8px + var(--safe-area-left));pointer-events:none}html[data-off-stroke] .actions-panel:not([data-action-panel-live]),.actions-panel[data-action-panel-live][data-off-stroke]{--landscape-width-slots:0}html[data-off-crayon][data-off-magic][data-off-eraser] .actions-panel:not([data-action-panel-live]),.actions-panel[data-action-panel-live][data-off-crayon][data-off-magic][data-off-eraser]{--landscape-brush-slots:0}html[data-no-actions] .bottom-dock .actions-panel:not([data-action-panel-live]),.bottom-dock .actions-panel[data-action-panel-live][data-no-actions]{display:flex}html[data-no-actions] .bottom-dock .actions-panel:not([data-action-panel-live]) .drawer-toggle,.bottom-dock .actions-panel[data-action-panel-live][data-no-actions] .drawer-toggle{display:none}.actions-panel .actions-drawer{margin-right:10px}.actions-panel .actions-drawer-inner{gap:10px}.actions-panel .actions-drawer-inner .action-button,.actions-panel .drawer-toggle,.actions-panel .flyout-menu,.actions-panel .color-wrapper{pointer-events:auto}.actions-panel .actions-drawer-inner .brush-wrapper,.actions-panel .actions-drawer-inner .stroke-width-wrapper{position:absolute;left:0}.actions-panel .actions-drawer-inner .brush-wrapper{bottom:calc((1 + var(--landscape-width-slots)) * var(--landscape-pitch))}.actions-panel .actions-drawer-inner .stroke-width-wrapper{bottom:var(--landscape-pitch)}.actions-panel .color-wrapper{left:0;bottom:calc(50dvh - var(--action-btn-size) / 2 - 8px - var(--safe-area-bottom));transition:bottom var(--duration-base) var(--ease-glide);display:block;position:absolute}html[data-drawer-open]:not([data-no-actions]) .actions-panel:not([data-action-panel-live]) .color-wrapper,.actions-panel[data-action-panel-live][data-drawer-open]:not([data-no-actions]) .color-wrapper{bottom:calc((1 + var(--landscape-brush-slots) + var(--landscape-width-slots)) * var(--landscape-pitch))}.actions-panel .color-button{touch-action:none;padding:0}.color-icon{width:34px;height:34px}.color-button.ink-outlined path{stroke:var(--dark-ink-keyline);stroke-width:52px;paint-order:stroke;stroke-linejoin:round}.actions-panel .flyout-menu{transform-origin:0 100%;--flyout-from-x:-6px;--flyout-from-y:0px;bottom:0;left:calc(100% + 8px)}}:root[data-reduce-motion] .actions-panel .color-wrapper{transition:none}html[data-toolbar=bare] .app-container{background:var(--paper) url(../../../icons/handmade-paper.webp)}html[data-toolbar=bare] .actions-panel .action-button,html[data-toolbar=bare] .actions-panel .action-button:hover:not(:disabled):not(.disabled),html[data-toolbar=bare] .actions-panel .action-button:active:not(:disabled):not(.disabled),html[data-toolbar=bare] .actions-panel #undoButton.disabled:active,html[data-toolbar=bare] .actions-panel .flyout-option,html[data-toolbar=bare] .actions-panel .flyout-menu{box-shadow:none;background:0 0;border:0}html[data-toolbar=bare] .actions-panel .action-button{padding:calc(var(--action-btn-size) / 10);opacity:1;transition:transform var(--duration-base) var(--ease-glide), filter var(--duration-base) var(--ease-glide)}html[data-toolbar=bare] .actions-panel .action-button:is(:disabled,.disabled){filter:grayscale()contrast(.55)brightness(1.2)}html[data-toolbar=bare] .actions-panel .action-button:is(:disabled,.disabled) .action-icon:not(.icon-color) svg{fill:var(--icon-ink)}html[data-toolbar=bare] .actions-panel .action-button[aria-expanded=true]{transform:scale(1.08)}html[data-toolbar] .actions-panel[data-open-flyout] .action-button:not([aria-expanded=true]){filter:grayscale()opacity(.35)}html[data-toolbar=bare] .actions-panel .action-button:active:not(:disabled):not(.disabled),html[data-toolbar=bare] .actions-panel #undoButton.disabled:active,html[data-toolbar=bare] .actions-panel .action-button:active{transform:scale(.9)}html[data-toolbar=bare] .actions-panel .flyout-menu{gap:4px;padding:0}html[data-toolbar=bare] .actions-panel .flyout-option{width:max(var(--action-btn-size), 60px);height:max(var(--action-btn-size), 60px)}html[data-toolbar=bare] .actions-panel .flyout-option.active .action-icon{filter:drop-shadow(2px 0 0 var(--text-strong)) drop-shadow(-2px 0 0 var(--text-strong)) drop-shadow(0 2px 0 var(--text-strong)) drop-shadow(0 -2px 0 var(--text-strong))}html[data-toolbar=bare] .actions-panel .flyout-option.active .action-icon:not(.icon-color) svg{fill:var(--icon-ink)}html[data-toolbar=bare] .actions-panel .color-menu{padding:var(--padding);gap:var(--gap)}html[data-toolbar=bare] .actions-panel .color-option.outlined{box-shadow:none}html[data-toolbar=bare] .corner-button{box-shadow:none;opacity:.4;background:0 0;border:0}html[data-toolbar=bare] .corner-button:active{opacity:1}html[data-toolbar] .actions-panel[data-open-flyout] .drawer-toggle{opacity:.2}html[data-toolbar=bare] .actions-panel .free-count{box-shadow:0 0 0 2px var(--paper)}@media (hover:hover){html[data-toolbar=bare] .actions-panel .action-button:not(:disabled):not(.disabled):hover:not(:active){transform:scale(1.08)}html[data-toolbar=bare] .corner-button:hover:not(:active){opacity:.7}}@media (orientation:landscape) and (height<=599.98px){html[data-toolbar=bare]{--palette-landscape-width:0px}html[data-toolbar=bare] .actions-panel .color-button{padding:0}}.error-fallback.svelte-12qhfyh{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center;background:var(--app-bg);color:var(--text-strong);flex-direction:column;display:flex;position:fixed;inset:0}h1.svelte-12qhfyh,p.svelte-12qhfyh{margin:0}h1.svelte-12qhfyh{font-size:var(--font-size-display);font-weight:var(--font-weight-bold)}p.svelte-12qhfyh{font-size:var(--font-size-md);color:var(--text-soft)}button.svelte-12qhfyh{min-height:44px;padding:var(--space-3) var(--space-7);border-radius:var(--radius-pill);background:var(--brand-solid);color:var(--on-brand);font:inherit;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;border:0}
