@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;--brand-rgb:171, 113, 225;--on-brand:#fff;--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;--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;--z-canvas-chrome:4;--z-clear-preview:400;--z-ripple:500;--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;--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;--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;--paper:#fcfbf8;--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;--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;--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;--paper:#211f29;--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;--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;--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;--paper:#211f29;--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}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:156px;--action-btn-first-paint-count:5;--action-btn-first-paint-gap-total:48px;--palette-portrait-height:76px}@media (orientation:landscape) and (height>=444px){:root{--palette-landscape-width:84px}}:root{--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(.05);opacity:0}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.modal-dialog::backdrop{-webkit-backdrop-filter:blur(4px);background:#0009}.modal-dialog.modal-fly-in[open]{animation:dialogFlyFromOrigin var(--duration-slow) 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%)}: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))}.modal-close-btn{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}.modal-close-btn:active{transform:scale(.92)}.modal-close-icon{pointer-events:none;width:100%;height:100%}.modal-close-icon svg{fill:var(--icon-muted);transition:fill var(--duration-base) ease}@media (hover:hover){.modal-close-btn:not(:disabled):hover{background:var(--surface-hover);border-color:var(--border-warm-strong)}.modal-close-btn:not(:disabled):hover .modal-close-icon svg{fill:var(--icon-ink)}}.corner-button{cursor:pointer;padding:var(--space-2);opacity:.4;width:48px;height:48px;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-button{--action-btn-fallback:min(calc(var(--action-btn-base) * var(--action-btn-scale,1)), calc(( 100vw - var(--palette-landscape-width) - 128px - var(--action-btn-first-paint-gap-total) - var(--safe-area-left) - var(--safe-area-right) ) / var(--action-btn-first-paint-count)));width:var(--action-btn-size,var(--action-btn-fallback));height:var(--action-btn-size,var(--action-btn-fallback));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, 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}@media (orientation:portrait){.actions-panel .action-button{--action-btn-fallback:min(calc(var(--action-btn-base) * var(--action-btn-scale,1)), calc((100vh - 208px - var(--safe-area-top) - var(--safe-area-bottom)) / 6))}}.actions-panel .action-button[hidden]{display:none}@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 rgba(var(--brand-rgb), .3);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 rgba(var(--brand-rgb), .35);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}.flyout-menu{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{bottom:0;left:calc(100% + 8px)}}@media (orientation:portrait) and (width<=540px){.flyout-menu{flex-direction:column}}.flyout-menu[hidden]{display:none}.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 rgba(var(--brand-rgb), .35);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 var(--duration-slow) var(--ease-pop)}.action-unavailable{--action-unavailable-duration:calc(var(--duration-base) * 2);animation:action-unavailable-shake var(--action-unavailable-duration) ease-in-out, action-unavailable-flash var(--action-unavailable-duration) ease-in-out}@keyframes screenshot-capture{50%{transform:scale(1.2)rotate(-8deg)}}@keyframes action-unavailable-shake{20%{transform:translate(-8px)rotate(-6deg)}40%{transform:translate(8px)rotate(6deg)}60%{transform:translate(-5px)rotate(-3deg)}80%{transform:translate(5px)rotate(3deg)}}@keyframes action-unavailable-flash{15%,70%{opacity:1;border-color:var(--brand);background:var(--brand-wash);box-shadow:0 0 0 10px rgba(var(--brand-rgb), .5);box-shadow:0 0 0 10px color-mix(in srgb, var(--brand) 50%, transparent)}}@media (prefers-reduced-motion:reduce){.action-unavailable{animation:action-unavailable-flash var(--action-unavailable-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-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(.1) rotate(-18deg);opacity:0}6%{transform:translate3d(var(--from-x), var(--from-y), 0) scale(.15) rotate(-15deg);opacity:.6}30%{opacity:1;transform:translate(0,0)scale(1.06)rotate(-6deg)}38%,68%{opacity:1;transform:translate(0,0)scale(1)rotate(-4deg)}to{transform:translate3d(var(--from-x), var(--from-y), 0) scale(.1) rotate(-18deg);opacity:0}}@media (prefers-reduced-motion:reduce){.polaroid-flash{animation:none}.polaroid-frame{animation-name:polaroid-fade;animation-duration:.7s}}@keyframes polaroid-fade{15%,70%{opacity:1;transform:rotate(-4deg)}}