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}.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}.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<=1150px){.toolbar{padding:10px 10px max(10px, env(safe-area-inset-bottom));gap:10px 18px}.toolbar .group{gap:8px}.toolbar .swatch,.toolbar .tool{width:58px;height:58px}}.choices .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}