html,body,#root{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#fff3d6;margin:0;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);flex-direction:column;display:flex;position:absolute;inset:0}.stage{background:#fff;flex:1;min-height:0;position:relative}.layer{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.effects,.glitter,.shape-preview{pointer-events:none}.toolbar{padding:12px 12px max(12px, env(safe-area-inset-bottom));background:#fff3d6;border-top:3px solid #f0d9a8;flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.group{align-items:center;gap:10px;display:flex}button{font:inherit;color:#333;touch-action:none;cursor:pointer;border:none;padding:0}.swatch,.tool{border-radius:50%;width:64px;height:64px;transition:transform .1s}.swatch{border:4px solid #fff;box-shadow:0 2px 4px #0003}.tool{background:#fff;place-items:center;display:grid;box-shadow:0 2px 4px #0002}.swatch.on,.tool.on{box-shadow:0 0 0 3px #fff3d6,0 0 0 7px #333}.tool:disabled{opacity:.3}.dot{border-radius:50%;display:block}.ask{background:#0006;place-items:center;display:grid;position:absolute;inset:0}.ask-box{background:#fff;border-radius:32px;justify-items:center;gap:24px;padding:32px 48px;display:grid}.ask-icon svg{width:96px;height:96px}.ask-buttons{gap:40px;display:flex}.ask-buttons .tool{width:96px;height:96px}.ask-buttons .yes{color:#fff;background:#43a047}.ask-buttons .no{color:#fff;background:#e53935}.tool.sky,.tool.round{padding:0;overflow:hidden}.tool.brush{overflow:hidden}.preview{width:100%;height:100%;display:block}.choices{grid-template-columns:repeat(4,96px);gap:20px}.choices .tool{width:96px;height:96px}.choices.three{grid-template-columns:repeat(3,96px)}.choices .moving-toggle{margin-left:20px}.selection{z-index:3;box-sizing:border-box;touch-action:none;cursor:move;background:#fff2;border:3px dashed #333;border-radius:8px;position:absolute}.selection .handle{box-sizing:border-box;touch-action:none;background:#fff;border:4px solid #333;border-radius:50%;width:40px;height:40px;position:absolute;bottom:-22px;right:-22px;box-shadow:0 2px 4px #0003}.selection-bar{z-index:3;background:#fff3d6;border-radius:40px;gap:8px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 6px #0003}.selection-bar .tool{width:52px;height:52px}.selection-bar .tool svg{width:32px;height:32px}.gallery{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:#fff3d6;flex-direction:column;gap:16px;display:flex;position:absolute;inset:0}.gallery-top{flex-shrink:0;gap:16px;height:45%;display:flex}.new{color:#fff;background:#43a047;border-radius:32px;place-items:center;width:140px;display:grid;box-shadow:0 3px 6px #0003}.new svg{width:80px;height:80px}.gallery-side{flex-direction:column;gap:16px;width:140px;display:flex}.gallery-side .new{flex:1;width:100%}.new.wand{background:#8e24aa}.new.wand svg{width:64px;height:64px}.ask-words,.ask-invite{box-sizing:border-box;resize:none;border:4px solid #8e24aa;border-radius:20px;width:min(560px,80vw);padding:12px 16px;font:700 28px ui-rounded,SF Pro Rounded,system-ui,sans-serif}.ask-words[hidden]{display:none}.tile .on-its-way{color:#8e24aa;text-align:center;align-content:center;place-items:center;gap:8px;padding:16px;font:700 18px ui-rounded,SF Pro Rounded,system-ui,sans-serif;display:grid}.on-its-way svg{width:64px;height:64px;animation:1.2s ease-in-out infinite wiggle}.on-its-way span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes wiggle{50%{transform:rotate(-15deg)scale(1.1)}}.tile .on-its-way.painting{color:#ad1457;background:#fff0f6;gap:4px}.on-its-way.painting svg{animation:.8s ease-in-out infinite alternate paint-stroke}.on-its-way.painting b{font-size:20px}.on-its-way.painting span{-webkit-line-clamp:2;opacity:.8;font-size:15px}@keyframes paint-stroke{0%{transform:translate(-14px)rotate(-10deg)}to{transform:translate(14px)rotate(10deg)}}.featured{background:#fff;border-radius:24px;flex:1;position:relative;overflow:hidden;box-shadow:0 3px 6px #0002}.replay{position:absolute;inset:0;overflow:hidden}.replay-stage{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.grid{touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:16px;padding:4px;display:grid;overflow-y:auto}.grid button{touch-action:pan-y}.tile{aspect-ratio:4/3;position:relative}.tile .open{background:#fff;border-radius:20px;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 5px #0003}.tile img,.ask-picture{object-fit:contain;pointer-events:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.tile .del,.tile .copy{width:52px;height:52px;position:absolute;top:8px}.tile .del{right:8px}.tile .copy{left:8px}.tile .del svg,.tile .copy svg{width:32px;height:32px}.ask-picture{border-radius:16px;width:320px;height:auto;box-shadow:0 2px 5px #0003}.typing{z-index:2;outline-offset:6px;-webkit-user-select:text;user-select:text;touch-action:auto;background:0 0;border:none;outline:3px dashed #0005;margin:0;padding:0;line-height:1;position:absolute}@media (width<=1400px){.toolbar{padding:10px 10px max(10px, env(safe-area-inset-bottom));gap:10px 18px}.toolbar .group{gap:6px}.toolbar .swatch,.toolbar .tool{width:54px;height:54px}}@media (width<=1120px){.toolbar{gap:10px 14px}.toolbar .swatch,.toolbar .tool{width:50px;height:50px}}.choices .shape-choice svg,.brush-rows .shape-choice svg{width:64px;height:64px}.brush-rows{gap:0;padding:16px 32px}.brush-row{justify-content:center;gap:20px;padding:16px 0;display:flex}.brush-row+.brush-row{border-top:3px dashed #f0d9a8}.brush-row .tool{width:96px;height:96px}.editor{box-sizing:border-box;grid-template-columns:auto 1fr;align-items:start;gap:32px;max-width:calc(100vw - 32px);padding:28px 32px}.editor-side{justify-items:center;gap:24px;display:grid}.editor-preview{background:#fff3d6;border-radius:24px;padding:12px}.editor-side .ask-buttons{gap:16px}.editor-side .ask-buttons .tool{width:80px;height:80px}.editor-main{align-content:start;gap:18px;width:610px;max-width:100%;display:grid}.editor-tabs{border-bottom:3px dashed #f0d9a8;gap:10px;padding-bottom:16px;display:flex}.editor-row{flex-wrap:wrap;gap:10px;display:flex}.swatch.small{border-width:3px;border-radius:50%;width:46px;height:46px}.tool.choice{border-radius:20px;width:76px;height:84px;overflow:hidden}.person-picture{display:block}.slider{align-items:center;gap:14px;display:flex}.slider .end{background:0 0;border-radius:16px}.slider .track{touch-action:none;flex:1;height:64px;position:relative}.slider .track:before{content:"";background:#f0d9a8;border-radius:6px;height:12px;position:absolute;top:26px;left:0;right:0}.slider .thumb{box-sizing:border-box;pointer-events:none;background:#fff;border:4px solid #333;border-radius:50%;width:48px;height:48px;margin-left:-24px;position:absolute;top:8px;box-shadow:0 2px 4px #0003}