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{z-index:5;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 .relook{box-sizing:border-box;background:#fff;border:4px solid #333;border-radius:50%;place-items:center;width:60px;height:60px;padding:0;display:grid;position:absolute;top:-30px;left:-30px;overflow:hidden;box-shadow:0 2px 4px #0003}.ask-box.scenes{grid-template-columns:repeat(3,200px);gap:16px;padding:24px}.scene{background:#fff;border:none;border-radius:14px;padding:0;display:block;overflow:hidden;box-shadow:0 2px 5px #0003}.scene-picture{width:200px;height:auto;display:block}.page-dots{align-items:center;gap:6px;padding:0 4px;display:flex}.page-dots i{border:2px solid #795548;border-radius:50%;width:10px;height:10px}.page-dots i.on{background:#795548}.page-number{color:#795548;padding:0 6px;font:700 22px ui-rounded,SF Pro Rounded,system-ui,sans-serif}.selection .handle.tail{background:#fdd835;bottom:auto;right:auto}.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.folder{background:#ffb300}.new.folder svg,.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}.tile.folder .open{box-sizing:border-box;background:#ffca28;border-top-left-radius:0;padding:10px;overflow:visible}.tile.folder .open:before{content:"";background:#ffca28;border-radius:12px 12px 0 0;width:40%;height:16px;position:absolute;top:-12px;left:0}.folder-cover{gap:6px;width:100%;height:100%;display:grid;position:relative}.folder-cover img{object-fit:cover;background:#fff;border-radius:10px;width:100%;min-width:0;height:100%;min-height:0}.folder-cover.n2{grid-template-rows:repeat(2,minmax(0,1fr))}.folder-cover.n3,.folder-cover.n4{grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.folder-cover.empty{place-items:center}.folder-cover.empty svg{opacity:.5;width:50%;height:50%}.folder-label{color:#5d4037;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:20px;max-width:80%;padding:4px 14px;font:700 18px ui-rounded,SF Pro Rounded,system-ui,sans-serif;position:absolute;bottom:8px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 3px #0003}.ask-picture.folder{box-sizing:border-box;background:#ffca28;height:240px;padding:10px}.ask-picture.painting img{border-radius:16px}.folder-bar{flex-shrink:0;align-items:center;gap:12px;margin-bottom:-4px;display:flex}.folder-bar .out{flex-shrink:0;width:64px;height:64px}.folder-way,.folder-title{color:#5d4037;align-items:center;gap:6px;font:700 22px ui-rounded,SF Pro Rounded,system-ui,sans-serif;display:flex}.folder-way{opacity:.6;background:0 0;border:none;padding:0}.folder-way svg{width:32px;height:32px}.folder-title svg{flex-shrink:0;width:44px;height:44px}.folder-name,.folder-name-box{color:#5d4037;background:#fff;border:none;border-radius:26px;place-items:center;min-width:64px;height:52px;padding:0 18px;font:700 26px ui-rounded,SF Pro Rounded,system-ui,sans-serif;display:grid;box-shadow:0 1px 3px #0003}.folder-name svg{width:32px;height:32px}.folder-name-box{outline:4px solid #ffb300;width:min(420px,50vw)}.folder-bar .read{flex-shrink:0;width:64px;height:64px;margin-left:auto}.reader{z-index:20;touch-action:none;padding:calc(16px + env(safe-area-inset-top)) 96px calc(48px + env(safe-area-inset-bottom));box-sizing:border-box;background:#3e2723;display:grid;position:fixed;inset:0}.reader-page{background:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0008}.reader .tool{width:72px;height:72px;position:absolute}.reader .tool svg{width:44px;height:44px}.reader-close{top:calc(16px + env(safe-area-inset-top));left:12px}.reader-paint{top:calc(16px + env(safe-area-inset-top));right:12px}.reader-prev{top:50%;left:12px;transform:translateY(-50%)}.reader-next{top:50%;right:12px;transform:translateY(-50%)}.reader .tool:disabled{opacity:.25}.reader-dots{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));justify-content:center;gap:10px;display:flex;position:absolute}.reader-dots i{border:3px solid #fff3d6;border-radius:50%;width:14px;height:14px}.reader-dots i.on{background:#fff3d6}.gallery{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.drag-ghost{z-index:10;aspect-ratio:4/3;pointer-events:none;background:#fff;border-radius:20px;width:180px;position:fixed;overflow:hidden;transform:translate(-50%,-50%)rotate(4deg)scale(1.05);box-shadow:0 10px 24px #0005}.drag-ghost:has(.folder-cover){box-sizing:border-box;background:#ffca28;padding:8px}.drag-ghost img{object-fit:contain;width:100%;height:100%;display:block}.drag-ghost .folder-cover img{object-fit:cover}.tile.lifted{opacity:.3}.tile,.gallery-side .new,.folder-bar .out{transition:transform .15s}.drop-into{transform:scale(1.06)}.tile.drop-into .open,.new.drop-into,.out.drop-into{box-shadow:0 0 0 6px #43a047,0 4px 10px #0004}.tile.drop-before:before,.tile.drop-after:after{content:"";z-index:1;background:#43a047;border-radius:4px;width:8px;position:absolute;top:5%;bottom:5%}.tile.drop-before:before{left:-12px}.tile.drop-after:after{right:-12px}.dragging .tile .tool{visibility:hidden}.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}.tool.choice.long{width:136px}.editor-row.many{gap:8px}.editor-row.many .tool.choice{border-radius:18px;width:66px;height:74px}.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}