.fx,.bgfx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.fx{--u: var(--cqh)}.fx>i,.bgfx>i{position:absolute;display:block;left:calc(var(--x) * 100%);top:calc(var(--y) * 100%);will-change:transform,opacity}.fx-sparkles>i{width:calc(1.2 * var(--u) + var(--s) * 2 * var(--u));aspect-ratio:1;background:radial-gradient(circle,#fffbe0 15%,#f6c445 60%);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:fx-twinkle calc(1.6s + var(--t) * 1.6s) ease-in-out calc(var(--d) * -3s) infinite}@keyframes fx-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}.fx-hearts>i{top:100%;width:calc(1.4 * var(--u) + var(--s) * 1.8 * var(--u));aspect-ratio:1;background:hsl(calc(340 + var(--h) * 20) 80% 72%);clip-path:polygon(50% 95%,8% 50%,0 25%,12% 5%,32% 2%,50% 20%,68% 2%,88% 5%,100% 25%,92% 50%);animation:fx-rise calc(4s + var(--t) * 3s) ease-in calc(var(--d) * -7s) infinite}@keyframes fx-rise{0%{opacity:0;transform:translate(0) scale(.7)}15%{opacity:.9}to{opacity:0;transform:translate(calc((var(--h) - .5) * calc(4 * var(--cqh))),calc(-110 * var(--cqh))) scale(1.1)}}.fx-petals>i,.bgfx-petals>i{top:-6%;width:calc(1.3 * var(--u) + var(--s) * 1.4 * var(--u));height:calc(.9 * var(--u) + var(--s) * .9 * var(--u));background:hsl(calc(345 + var(--h) * 15) 75% calc(80% + var(--s) * 8%));border-radius:70% 0;animation:fx-fall calc(5s + var(--t) * 4s) linear calc(var(--d) * -9s) infinite}@keyframes fx-fall{0%{opacity:0;transform:translate(0) rotate(0)}10%{opacity:.95}50%{transform:translate(calc(var(--h) * calc(6 * var(--cqh)) - calc(3 * var(--cqh))),calc(55 * var(--cqh))) rotate(200deg)}to{opacity:0;transform:translate(calc(var(--h) * calc(-4 * var(--cqh))),calc(110 * var(--cqh))) rotate(420deg)}}.fx-confetti>i{top:-4%;width:calc(.6 * var(--u) + var(--s) * .6 * var(--u));height:calc(1 * var(--u) + var(--s) * .8 * var(--u));background:hsl(calc(var(--h) * 360) 75% 62%);animation:fx-confetti calc(3s + var(--t) * 2.5s) linear calc(var(--d) * -5.5s) infinite}@keyframes fx-confetti{0%{opacity:1;transform:translateY(0) rotate(0) rotateX(0)}to{opacity:.9;transform:translateY(calc(110 * var(--cqh))) rotate(540deg) rotateX(720deg)}}.fx-bokeh>i{width:calc(3 * var(--u) + var(--s) * 6 * var(--u));aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(circle,hsl(calc(30 + var(--h) * 30) 100% 85% / .7),hsl(calc(30 + var(--h) * 30) 100% 70% / 0) 70%);animation:fx-bokeh calc(5s + var(--t) * 4s) ease-in-out calc(var(--d) * -9s) infinite alternate}@keyframes fx-bokeh{0%{opacity:.25;transform:translate(0) scale(.85)}to{opacity:.85;transform:translate(calc(1.5 * var(--cqh)),calc(-2 * var(--cqh))) scale(1.1)}}.fx-light-leak{background:radial-gradient(ellipse 60% 70% at 0% 10%,rgba(255,140,60,.55),transparent 70%),radial-gradient(ellipse 45% 60% at 100% 85%,rgba(255,90,90,.35),transparent 70%),radial-gradient(ellipse 70% 40% at 40% 0%,rgba(255,220,140,.35),transparent 70%);animation:fx-leak 6s ease-in-out infinite alternate}@keyframes fx-leak{0%{opacity:.6}to{opacity:1}}.bgfx{z-index:0}.bgfx-snow>i{top:-3%;width:calc(.25vh + var(--s) * .55vh);aspect-ratio:1;border-radius:50%;background:#fff;opacity:.85;animation:bg-snow calc(9s + var(--t) * 8s) linear calc(var(--d) * -17s) infinite}@keyframes bg-snow{to{transform:translate(calc((var(--h) - .5) * 8vw),106vh)}}.bgfx-petals>i{width:calc(1.1vh + var(--s) * 1vh);height:calc(.75vh + var(--s) * .6vh);animation:bg-petals calc(10s + var(--t) * 8s) linear calc(var(--d) * -18s) infinite}@keyframes bg-petals{0%{opacity:0;transform:translate(0) rotate(0)}8%{opacity:.9}to{opacity:.7;transform:translate(calc(var(--h) * 14vw - 4vw),106vh) rotate(540deg)}}.bgfx-fireflies>i{width:calc(.35vh + var(--s) * .45vh);aspect-ratio:1;border-radius:50%;background:#fff3a6;box-shadow:0 0 .8vh .3vh #ffeb8c8c;animation:bg-firefly calc(4s + var(--t) * 5s) ease-in-out calc(var(--d) * -9s) infinite alternate}@keyframes bg-firefly{0%{opacity:.1;transform:translate(0)}50%{opacity:1}to{opacity:.2;transform:translate(calc((var(--h) - .5) * 10vw),calc((var(--s) - .5) * 10vh))}}.bgfx-stars>i{width:calc(.15vh + var(--s) * .3vh);aspect-ratio:1;border-radius:50%;background:#fffbe6;animation:bg-star calc(2s + var(--t) * 3s) ease-in-out calc(var(--d) * -5s) infinite alternate}@keyframes bg-star{0%{opacity:.15}to{opacity:1}}.bgfx-rain>i{top:-12%;width:1px;height:calc(4vh + var(--s) * 5vh);background:linear-gradient(transparent,#dcebff8c);animation:bg-rain calc(.7s + var(--t) * .6s) linear calc(var(--d) * -1.3s) infinite}@keyframes bg-rain{to{transform:translate(-3vh,118vh)}}.fx-bubbles>i,.bgfx-bubbles>i{border-radius:50%;border:1.5px solid rgba(255,255,255,.75);background:radial-gradient(circle at 32% 30%,#ffffffd9 0,#ffffffd9 12%,#c8ebfa2e 14%,#c8ebfa2e 70%,#ffffff4d)}.fx-bubbles>i{top:100%;width:calc(1 * var(--u) + var(--s) * 2.6 * var(--u));aspect-ratio:1;animation:fx-rise calc(4.5s + var(--t) * 3.5s) ease-in calc(var(--d) * -8s) infinite}.bgfx-bubbles>i{top:104%;width:calc(.8vh + var(--s) * 2.4vh);aspect-ratio:1;animation:bg-bubble calc(9s + var(--t) * 8s) ease-in calc(var(--d) * -17s) infinite}@keyframes bg-bubble{0%{opacity:0;transform:translate(0)}10%{opacity:.9}50%{transform:translate(calc((var(--h) - .5) * 5vw),-56vh)}to{opacity:.5;transform:translate(calc((var(--h) - .5) * -3vw),-112vh)}}.page-edit .el-effect{outline:calc(.2 * var(--cqh)) dashed rgba(255,250,240,.55);outline-offset:calc(-.2 * var(--cqh))}.page-view .el-effect{pointer-events:none}@media (prefers-reduced-motion: reduce){.fx>i,.bgfx>i,.fx-light-leak{animation:none!important}.fx-sparkles>i,.fx-hearts>i,.fx-petals>i,.fx-confetti>i,.bgfx-petals>i,.fx-bubbles>i,.bgfx-bubbles>i{opacity:.8;top:calc(var(--y) * 100%)}}.page{position:relative;width:100%;aspect-ratio:3 / 4;container-type:size;box-shadow:0 1px 2px #0002,0 8px 24px -6px #0004;-webkit-user-select:none;user-select:none}.page-view{overflow:hidden}.page-bg{position:absolute;top:0;right:0;bottom:0;left:0}.el{position:absolute;transform-origin:50% 50%}.bg-paper-cream{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 55%,rgba(130,95,45,.2)),url(/assets/paper-grain-MqpwaKtf.webp),url(/assets/paper-mottle-BpYidOT0.webp) 0 0 / 600px 600px,#f5ecd8}.bg-paper-kraft{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 50%,rgba(70,45,15,.28)),url(/assets/paper-fibers-JbseVnQn.webp),url(/assets/paper-grain-MqpwaKtf.webp),url(/assets/paper-mottle-BpYidOT0.webp) 0 0 / 600px 600px,#c79f6e}.bg-paper-grid{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 60%,rgba(120,100,60,.14)),url(/assets/paper-grain-MqpwaKtf.webp),linear-gradient(rgba(84,132,178,.2) 1px,transparent 1px) 0 0 / calc(5 * var(--cqw)) calc(5 * var(--cqw)),linear-gradient(90deg,rgba(84,132,178,.2) 1px,transparent 1px) 0 0 / calc(5 * var(--cqw)) calc(5 * var(--cqw)),#fbf8ef}.bg-paper-dots{background:radial-gradient(ellipse 85% 75% at 50% 45%,transparent 60%,rgba(120,95,50,.16)),url(/assets/paper-grain-MqpwaKtf.webp),radial-gradient(circle,rgba(110,88,60,.32) calc(.32 * var(--cqw)),transparent calc(.42 * var(--cqw))) calc(2.5 * var(--cqw)) calc(2.5 * var(--cqw)) / calc(5 * var(--cqw)) calc(5 * var(--cqw)),#f4ecdb}.el-frame:has(>.frame-torn){filter:drop-shadow(0 calc(.6 * var(--cqh)) calc(.8 * var(--cqh)) rgba(40,28,10,.25))}.frame{width:100%;height:100%;display:flex}.frame-polaroid,.frame-plain{box-shadow:0 calc(.25 * var(--cqh)) calc(.4 * var(--cqh)) #281c0a33,0 calc(1.2 * var(--cqh)) calc(1.8 * var(--cqh)) calc(-.4 * var(--cqh)) #281c0a33}.frame-window{position:relative;flex:1;overflow:hidden;background:#e8dfcc;box-shadow:inset 0 0 0 1px #3c281414,inset 0 0 calc(.6 * var(--cqh)) #3c28141f}.frame-polaroid{padding:4% 4% 14%;background:linear-gradient(165deg,#fffefa,#f5f1e7)}.frame-plain{padding:2.5%;background:#fffdf8}.frame-torn{padding:6%;background:url(/assets/paper-grain-MqpwaKtf.webp),#fbf6ea}.frame-instant-mini,.frame-rounded,.frame-kraft-mat,.frame-double-line,.frame-film,.frame-circle{box-shadow:0 calc(.25 * var(--cqh)) calc(.4 * var(--cqh)) #281c0a33,0 calc(1.2 * var(--cqh)) calc(1.8 * var(--cqh)) calc(-.4 * var(--cqh)) #281c0a33}.el-frame:has(>.frame-stamp),.el-frame:has(>.frame-scallop),.el-frame:has(>.frame-heart){filter:drop-shadow(0 calc(.5 * var(--cqh)) calc(.7 * var(--cqh)) rgba(40,28,10,.25))}.frame-instant-mini{padding:4% 4% 7%;background:linear-gradient(165deg,#fffefa,#f5f1e7)}.frame-rounded{border-radius:calc(2.2 * var(--cqh));overflow:hidden}.frame-rounded .frame-window{border-radius:calc(2.2 * var(--cqh))}.frame-corners{position:relative}.frame-corners .frame-window{box-shadow:0 calc(.3 * var(--cqh)) calc(.6 * var(--cqh)) #281c0a40}.frame-corner{position:absolute;width:14%;aspect-ratio:1;background:#2c2723}.frame-corner-tl{left:-2.5%;top:-2.5%;clip-path:polygon(0 0,100% 0,0 100%)}.frame-corner-tr{right:-2.5%;top:-2.5%;clip-path:polygon(0 0,100% 0,100% 100%)}.frame-corner-bl{left:-2.5%;bottom:-2.5%;clip-path:polygon(0 0,0 100%,100% 100%)}.frame-corner-br{right:-2.5%;bottom:-2.5%;clip-path:polygon(100% 0,0 100%,100% 100%)}.frame-stamp{padding:calc(2.4 * var(--cqh));background:#fffdf8;-webkit-mask:radial-gradient(circle,transparent calc(.55 * var(--cqh)),#000 calc(.62 * var(--cqh))) calc(-.8 * var(--cqh)) calc(-.8 * var(--cqh)) / calc(1.6 * var(--cqh)) calc(1.6 * var(--cqh)) round,linear-gradient(#000 0 0) center / calc(100% - calc(1.6 * var(--cqh))) calc(100% - calc(1.6 * var(--cqh))) no-repeat;mask:radial-gradient(circle,transparent calc(.55 * var(--cqh)),#000 calc(.62 * var(--cqh))) calc(-.8 * var(--cqh)) calc(-.8 * var(--cqh)) / calc(1.6 * var(--cqh)) calc(1.6 * var(--cqh)) round,linear-gradient(#000 0 0) center / calc(100% - calc(1.6 * var(--cqh))) calc(100% - calc(1.6 * var(--cqh))) no-repeat}.frame-film{position:relative;padding:calc(4.2 * var(--cqh)) calc(1.6 * var(--cqh));background:#1f1c19}.frame-film:before,.frame-film:after{content:"";position:absolute;left:calc(1.6 * var(--cqh));right:calc(1.6 * var(--cqh));height:calc(1.4 * var(--cqh));border-radius:calc(.2 * var(--cqh));background:repeating-linear-gradient(90deg,#e9e1d0 0 calc(1.4 * var(--cqh)),transparent calc(1.4 * var(--cqh)) calc(3 * var(--cqh)))}.frame-film:before{top:calc(1.4 * var(--cqh))}.frame-film:after{bottom:calc(1.4 * var(--cqh))}.frame-scallop{padding:calc(2.6 * var(--cqh));background:#fffdf7;-webkit-mask:radial-gradient(circle,#000 calc(.9 * var(--cqh)),transparent calc(.95 * var(--cqh))) 0 0 / calc(1.8 * var(--cqh)) calc(1.8 * var(--cqh)) round,linear-gradient(#000 0 0) center / calc(100% - calc(1.8 * var(--cqh))) calc(100% - calc(1.8 * var(--cqh))) no-repeat;mask:radial-gradient(circle,#000 calc(.9 * var(--cqh)),transparent calc(.95 * var(--cqh))) 0 0 / calc(1.8 * var(--cqh)) calc(1.8 * var(--cqh)) round,linear-gradient(#000 0 0) center / calc(100% - calc(1.8 * var(--cqh))) calc(100% - calc(1.8 * var(--cqh))) no-repeat}.frame-kraft-mat{padding:6%;background:url(/assets/paper-grain-MqpwaKtf.webp),#c4a074}.frame-kraft-mat .frame-window{outline:calc(.35 * var(--cqh)) solid #fff8ea;outline-offset:calc(.6 * var(--cqh))}.frame-double-line{position:relative;padding:5%;background:#fffdf8}.frame-double-line:after{content:"";position:absolute;top:2.2%;right:2.2%;bottom:2.2%;left:2.2%;border:calc(.2 * var(--cqh)) solid #8a7a62;pointer-events:none}.frame-doodle{position:relative;padding:3%}.frame-doodle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:calc(.45 * var(--cqh)) solid #5a4330;border-radius:calc(1.2 * var(--cqh)) calc(3 * var(--cqh)) calc(1.6 * var(--cqh)) calc(2.6 * var(--cqh)) / calc(2.6 * var(--cqh)) calc(1.2 * var(--cqh)) calc(3 * var(--cqh)) calc(1.6 * var(--cqh))}.frame-doodle .frame-window{border-radius:calc(.8 * var(--cqh)) calc(2 * var(--cqh)) calc(1 * var(--cqh)) calc(1.8 * var(--cqh)) / calc(1.8 * var(--cqh)) calc(.8 * var(--cqh)) calc(2 * var(--cqh)) calc(1 * var(--cqh))}.frame-circle{border-radius:50%;padding:3%;background:#fffdf8}.frame-circle .frame-window{border-radius:50%}.frame-heart{padding:4%;background:#fffdf8;-webkit-mask:var(--heart) center / 100% 100% no-repeat;mask:var(--heart) center / 100% 100% no-repeat}.frame-heart .frame-window{-webkit-mask:var(--heart) center / 100% 100% no-repeat;mask:var(--heart) center / 100% 100% no-repeat}.frame-heart,.frame-heart .frame-window{--heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 90' preserveAspectRatio='none'%3E%3Cpath d='M50 88C10 60 0 38 0 24 0 10 11 0 25 0c11 0 20 6 25 15C55 6 64 0 75 0c14 0 25 10 25 24 0 14-10 36-50 64z'/%3E%3C/svg%3E")}.slot-paper{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/paper-grain-MqpwaKtf.webp),#ede4d1}.slot-empty{position:absolute;top:5%;right:5%;bottom:5%;left:5%;display:grid;place-items:center;border:calc(.35 * var(--cqh)) dashed rgba(74,59,44,.45);border-radius:calc(.6 * var(--cqh));font-family:Patrick Hand,cursive;font-size:calc(3.6 * var(--cqh));color:#4a3b2cb3}.chip{position:absolute;left:6%;bottom:6%;padding:calc(.3 * var(--cqh)) calc(1.2 * var(--cqh));border-radius:calc(1 * var(--cqh));background:#fffbf2e6;color:#4a3b2c;box-shadow:0 calc(.2 * var(--cqh)) calc(.5 * var(--cqh)) #0002;font-family:Patrick Hand,cursive;font-size:calc(2.6 * var(--cqh));white-space:nowrap}.chip-error{color:#a33a2a}.blur-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.blur-layer{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;filter:blur(12px)}.blur-image picture,.blur-image .sharp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.blur-image .sharp{display:block;object-fit:cover;opacity:0;transition:opacity .3s ease-out}.blur-image .sharp.loaded{opacity:1}.blur-image:has(.sharp.loaded) .blur-layer{visibility:hidden;transition:visibility 0s .3s}.video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.video-poster{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer}.play-badge{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:calc(7 * var(--cqh));height:calc(7 * var(--cqh));border-radius:50%;background:#fffcf5e0;color:#4a3b2c;box-shadow:0 calc(.3 * var(--cqh)) calc(.8 * var(--cqh)) #0003;font-size:calc(3 * var(--cqh));padding-left:calc(.4 * var(--cqh));pointer-events:none}.tape{position:relative;width:100%;height:100%;clip-path:polygon(3% 0,97% 0,100% 10%,96% 20%,100% 30%,97% 40%,100% 50%,96% 60%,100% 70%,97% 80%,100% 90%,97% 100%,3% 100%,0 90%,4% 80%,0 70%,3% 60%,0 50%,4% 40%,0 30%,3% 20%,0 10%)}.tape:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.3),transparent 45%,rgba(0,0,0,.05))}.tape-yellow{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.22) 0 calc(.5 * var(--cqh)),transparent calc(.5 * var(--cqh)) calc(1.3 * var(--cqh))),#f6d260bd}.tape-pink{background:radial-gradient(circle,rgba(255,255,255,.5) calc(.25 * var(--cqh)),transparent calc(.32 * var(--cqh))) 0 0 / calc(1.4 * var(--cqh)) calc(1.4 * var(--cqh)),#ef9eb0b8}.tape-mint{background:linear-gradient(90deg,rgba(255,255,255,.25) 50%,transparent 50%) 0 0 / calc(1.6 * var(--cqh)) 100%,#8ccfb6b8}.tape-kraft{background:url(/assets/paper-fibers-JbseVnQn.webp),url(/assets/paper-grain-MqpwaKtf.webp),#be9664e0}.el-sticker svg{display:block;width:100%;height:100%;overflow:visible}.el-sticker .cut *{fill:#fff;stroke:#fff;stroke-width:10px;stroke-dasharray:none}.el-sticker .cut-shadow{opacity:.2}.el-sticker .cut-shadow *{fill:#281c0a;stroke:#281c0a;stroke-width:10px;stroke-dasharray:none}.el-text .text{width:100%;height:100%;display:grid;place-items:center;text-align:center;line-height:1.05;white-space:pre-wrap;overflow-wrap:anywhere}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-400-normal--YrtvvVF.woff2) format("woff2"),url(/assets/dancing-script-latin-400-normal-BY5FxJb0.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dancing-script-latin-500-normal-C3T38yDr.woff2) format("woff2"),url(/assets/dancing-script-latin-500-normal-DJfTWzQB.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dancing-script-latin-600-normal-CUtcW3hj.woff2) format("woff2"),url(/assets/dancing-script-latin-600-normal-8nA_0nHX.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-latin-700-normal-CX8AaSVl.woff2) format("woff2"),url(/assets/dancing-script-latin-700-normal-LI5MgW9m.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-vietnamese-400-normal-lz8MlVep.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-400-normal-D2srOv8f.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dancing-script-vietnamese-500-normal-kNXngsQM.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-500-normal-DduN5Z2z.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dancing-script-vietnamese-600-normal-B_5hiXq4.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-600-normal-DmBNuN3D.woff) format("woff")}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dancing-script-vietnamese-700-normal-DHSNEjs8.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-700-normal-BxaLPXNn.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2) format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff) format("woff")}:root{--cqw: 1cqw;--cqh: 1cqh;--paper: #efe6d4;--paper-dark: #e2d6bd;--ink: #3b3226;--accent: #b5543a;--hand: "Dancing Script", cursive;--hand-plain: "Patrick Hand", cursive}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper) radial-gradient(circle at 20% 10%,#f6efe0,var(--paper) 60%);font-family:system-ui,sans-serif}h1{font-family:var(--hand)}strong{font-family:var(--hand-plain)}button{font:inherit;padding:.5rem 1rem;border:0;border-radius:4px;cursor:pointer;background:var(--accent);color:#fff}input{font:inherit;padding:.5rem;border:1px solid var(--paper-dark);border-radius:4px;background:#fffaf0}.error{color:#a02020;margin:0}.login{display:grid;place-items:center;min-height:100vh;padding:1rem}.paper-card{display:flex;flex-direction:column;gap:1rem;width:min(100%,22rem);padding:1.5rem;background:#fffaf0;box-shadow:0 4px 14px #0003;transform:rotate(-1deg)}.paper-card h1{margin:0;font-size:2.4rem;text-align:center}.paper-card label{display:flex;flex-direction:column;gap:.25rem}.albums{max-width:64rem;margin:0 auto;padding:1rem}.albums header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.header-actions{display:flex;align-items:center;gap:.75rem}.guide-link{color:var(--ink);font-family:var(--hand-plain);font-size:1.15rem}.guide-help{flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#fffaf0;color:var(--ink)!important;font-weight:700}.guide{max-width:46rem;margin:0 auto;padding:1rem 16px 4rem;line-height:1.55}.guide header{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.guide header a{color:inherit}.guide h1{margin:.25rem 0;font-size:2.2rem}.guide-toc{display:flex;flex-wrap:wrap;gap:.4rem .6rem;margin:1rem 0 1.5rem}.guide-toc a{padding:.25rem .7rem;border-radius:999px;background:#fffaf0;color:var(--ink);text-decoration:none;font-size:.9rem;box-shadow:0 1px 3px #0002}.guide section{margin:0 0 1.5rem;padding:1rem 1.25rem;border-radius:10px;background:#fffaf0;box-shadow:0 2px 8px #0001;scroll-margin-top:1rem}.guide h2{margin:0 0 .5rem;font-size:1.5rem}.guide h3{margin:1rem 0 .25rem;font-size:1.1rem;font-family:inherit}.guide p{margin:.2rem 0}.guide-shot{display:block;width:100%;height:auto;margin:.6rem 0 .2rem;border-radius:8px;box-shadow:0 2px 10px #0003}.guide-shot.phone{width:min(16rem,70%);margin-inline:auto}.guide strong{font-family:inherit;font-size:inherit;font-weight:700}.guide table{width:100%;border-collapse:collapse}.guide th,.guide td{padding:.4rem .5rem;border-top:1px solid var(--paper-dark);text-align:left;vertical-align:top}.guide th{white-space:nowrap;font-weight:400}.guide kbd{padding:.1rem .4rem;border-radius:4px;background:var(--paper-dark);font-family:inherit;font-size:.85rem}.albums h1{font-size:2.4rem;margin:.25rem 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#2a211880}.modal{position:relative;display:flex;flex-direction:column;gap:.75rem;width:min(24rem,100%);padding:1.25rem;background:#fffaf0;color:var(--ink);border-radius:10px;box-shadow:0 10px 30px #0007}.modal h2{margin:0;font-size:1.4rem}.modal-close{position:absolute;top:.4rem;right:.4rem;width:2rem;height:2rem;padding:0;border-radius:50%;background:none;color:var(--ink);font-size:1.4rem;line-height:1}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal:has(.start-from){width:min(34rem,100%);max-height:calc(100vh - 32px);overflow-y:auto}.start-from{display:flex;flex-direction:column;gap:.4rem}.start-label{font-size:.85rem;opacity:.75}.start-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.45rem}.start-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .3rem .45rem;border-radius:10px;background:#f3ead7;color:var(--ink);font-size:.82rem;line-height:1.15;text-align:center;overflow-wrap:anywhere;border:2px solid transparent;transition:transform .12s,background .12s}.start-card:hover{transform:translateY(-2px) rotate(-1deg);background:#fbf3e2}.start-card[aria-checked=true]{border-color:var(--accent);background:#fff4ec}.start-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem}.start-icon svg{width:100%;height:100%;overflow:visible}.start-icon img,.start-icon .blank{width:2.8rem;height:2.8rem;object-fit:cover;border-radius:6px;background:var(--paper-dark);display:block}.modal .secondary{background:var(--paper-dark);color:var(--ink)}.modal button:disabled{opacity:.5}.frame-menu{width:min(30rem,100%)}.frame-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem;max-height:60vh;overflow-y:auto}.frame-menu-grid button{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border-radius:6px;background:var(--paper-dark);color:var(--ink);font-size:.8rem}.frame-menu-grid img{width:100%;height:100%;object-fit:cover;display:block}.frame-menu-grid .frame-menu-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:var(--accent);color:#fff;font-size:1.4rem}.frame-menu-upload span{font-size:.85rem}.empty{text-align:center;font-family:var(--hand-plain);font-size:1.5rem}.grid{list-style:none;margin:1.5rem 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:1.5rem}.polaroid{background:#fffdf7;padding:.6rem .6rem .8rem;box-shadow:0 3px 10px #0004;transform:rotate(var(--tilt, 0deg));transition:transform .15s}.polaroid:hover{transform:rotate(0) scale(1.03)}.polaroid a{color:inherit;text-decoration:none;display:block}.polaroid img,.polaroid .blank{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--paper-dark)}.cover-page{display:grid;place-items:center;overflow:hidden}.cover-page .page{width:75%;box-shadow:0 1px 3px #0003;pointer-events:none}.polaroid strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:.5rem;font-size:1.5rem;line-height:1.2;text-align:center}.polaroid small{display:block;text-align:center;opacity:.7}.polaroid small a{display:inline;text-decoration:underline}.viewer{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 90% 80% at 50% 45%,var(--desk-a, #8a6a4c),var(--desk-b, #5b412e));color:#f6efe0}.viewer .empty{color:inherit}.viewer-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem}.viewer-bar a{color:inherit;text-decoration:none}.viewer-bar h1{flex:1;min-width:0;margin:0;font-size:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-bar .counter{font-family:var(--hand-plain);font-size:1.1rem;opacity:.85;white-space:nowrap}.viewer-bar .btn{background:var(--accent);color:#fff;padding:.35rem .9rem;border-radius:4px}.stage{flex:1;min-height:0;container-type:size;display:grid;place-items:center}.book{position:relative;aspect-ratio:3 / 4;width:min(calc(calc(100 * var(--cqw)) - 32px),calc((calc(100 * var(--cqh)) - 32px) * .75));perspective:2400px;touch-action:pan-y pinch-zoom}.book.spread{aspect-ratio:3 / 2;width:min(calc(calc(100 * var(--cqw)) - 64px),calc((calc(100 * var(--cqh)) - 48px) * 1.5))}.leaf{position:absolute;top:0;left:0;width:100%;z-index:1}.spread .leaf{width:50%}.spread .leaf.right{left:50%}.leaf.hidden{visibility:hidden;z-index:0}.leaf.fade,.leaf.sweep{z-index:2;pointer-events:none}.leaf.sweep{z-index:3}.fwd .leaf.sweep{transform-origin:left center;animation:sweep-fwd .35s ease-in-out forwards}.back .leaf.sweep{transform-origin:right center;animation:sweep-back .35s ease-in-out forwards}.leaf.fade{animation:fade-out .35s ease-in forwards}.leaf.fade-in{animation:fade-in .35s ease-out}@keyframes sweep-fwd{55%{transform:translate(-55%) rotateY(-18deg);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes sweep-back{55%{transform:translate(55%) rotateY(18deg);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}.book.spread.has-left:after{content:"";position:absolute;top:0;bottom:0;left:46%;width:8%;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,#0000001f 42%,#00000038 50%,#0000001f 58%,transparent)}.edge{position:absolute;top:0;bottom:0;width:18%;z-index:5;padding:0;border-radius:0;background:transparent}.spread .edge{width:9%}.edge-prev{left:0}.edge-next{right:0}.edge:disabled{cursor:default}.edge:not(:disabled):hover{background:linear-gradient(var(--to),#ffffff1a,transparent)}.edge-prev{--to: 90deg}.edge-next{--to: 270deg}.edge:focus-visible{outline:2px solid #f6efe0;outline-offset:-2px}.editor{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse 90% 80% at 50% 45%,var(--desk-a, #8a6a4c),var(--desk-b, #5b412e));color:#f6efe0}.desk-walnut{--desk-a: #8a6a4c;--desk-b: #5b412e}.desk-espresso{--desk-a: #5a4234;--desk-b: #2e211a}.desk-sage{--desk-a: #7d8f74;--desk-b: #4a5a45}.desk-rose{--desk-a: #a9787a;--desk-b: #6e4a4f}.desk-ocean{--desk-a: #5f8597;--desk-b: #34525f}.desk-plum{--desk-a: #7d5d7f;--desk-b: #4a344d}.desk-slate{--desk-a: #6f747a;--desk-b: #41454a}.desk-night{--desk-a: #34405e;--desk-b: #161c2c}.desk-terracotta{--desk-a: #b06e4f;--desk-b: #73432e}.desk-colors{display:flex;flex-wrap:wrap;gap:.4rem;width:100%;padding-bottom:.4rem;border-bottom:1px solid #0001}.desk-swatch{width:2.2rem;height:2.2rem;padding:0;border-radius:50%;border:2px solid #fffaf0;background:radial-gradient(circle at 40% 35%,var(--desk-a),var(--desk-b));box-shadow:0 1px 4px #0004}.desk-swatch[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px}.editor .empty{color:inherit}.editor-bar{display:flex;align-items:center;gap:.75rem;padding:.4rem 1rem}.editor-bar a{color:inherit;text-decoration:none;white-space:nowrap}.editor-bar h1{flex:1;min-width:0;margin:0;font-size:1.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-btn{display:inline-flex;align-items:baseline;gap:.35rem;max-width:100%;padding:0;background:none;color:inherit;font:inherit;cursor:text}.title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-pen{flex:none;font-family:var(--hand-plain);font-size:.8em;opacity:.55}.title-btn:hover .title-pen{opacity:1}.title-input{width:min(18rem,100%);padding:.05rem .4rem;border:0;border-radius:6px;background:#fffaf0;color:var(--ink);font:inherit}.toolbar{position:relative;z-index:20;padding:.35rem .75rem;background:color-mix(in srgb,var(--desk-b, #5b412e) 70%,#000);box-shadow:0 2px 8px #0004}.tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.tools button{padding:.35rem .7rem;background:#fffaf0;color:var(--ink);min-width:2.4rem}.tools button:disabled{opacity:.4;cursor:default}.tools button[aria-pressed=true],.tools button[aria-expanded=true]{outline:2px solid var(--accent)}.tools .sep{width:1px;align-self:stretch;background:#fff3;margin:0 .25rem}.tools .zoom{display:flex;gap:.25rem}.tools .save-retry{background:var(--accent);color:#fff}.tools .row{display:flex;gap:.25rem}.tools .zoom button{min-width:2rem;padding-inline:.45rem}.tools .status{font-family:var(--hand-plain);font-size:1rem;min-width:5.5rem;text-align:center;opacity:.9}.status-error{color:#ffb4a3}.picker .ink{width:2.2rem;height:2.2rem;padding:0;border-radius:50%;border:2px solid #fffaf0;box-shadow:0 0 0 1px #0002}.picker .ink[aria-pressed=true]{outline:3px solid var(--accent)}.picker .ink-custom{width:2.6rem;height:2.4rem;padding:0;border:0;background:none}.picker .font-option{padding:.4rem .9rem;font-size:1.4rem;background:#f3ead7;color:var(--ink)}.picker .font-option[aria-pressed=true]{outline:3px solid var(--accent)}.picker-hint{flex-basis:100%;text-align:center;color:var(--ink);opacity:.65}.color-dot{display:inline-block;width:.8rem;height:.8rem;margin-right:.35rem;border-radius:50%;vertical-align:-.05rem;box-shadow:0 0 0 1px #0003}.picker{position:absolute;left:50%;top:100%;translate:-50% 0;width:min(36rem,calc(100vw - 16px));display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.6rem;background:#fffaf0;border-radius:8px;box-shadow:0 6px 20px #0006}.swatch{width:3.6rem;height:3.6rem;padding:.35rem;background:#f3ead7;border-radius:6px}.sticker-swatch svg{display:block;width:100%;height:100%;overflow:visible}.sticker-swatch .cut *{fill:#fff;stroke:#fff;stroke-width:10px;stroke-dasharray:none}.sticker-swatch .cut-shadow{display:none}.tape-swatch{display:grid;align-items:center}.frame-swatch{width:4.4rem;height:4.4rem;padding:.55rem;container-type:size}.frame-swatch[aria-pressed=true]{outline:3px solid var(--accent)}.frame-swatch .slot-paper{background:linear-gradient(180deg,#f6b98c 0,#f6b98c 45%,#c97b5f 46%,#8e5a4c 72%,#5f4442)}.tape-swatch .tape{height:1.1rem}.bg-swatch{position:relative;overflow:hidden;padding:0;container-type:size;box-shadow:inset 0 0 0 1px #0002}.bg-swatch[aria-pressed=true]{outline:3px solid var(--accent)}.edit-main{flex:1;min-height:0;display:flex}.stage-wrap{flex:1;min-width:0;min-height:0;display:flex;position:relative}.page-next{position:absolute;right:.3rem;bottom:.3rem;z-index:3;width:28px;height:28px;padding:0;border-radius:50%;display:grid;place-items:center;background:#fffaf0e6;color:var(--ink);font-size:.9rem;line-height:1;box-shadow:0 2px 6px #0004}.page-next:hover{background:#fff}.page-prev{right:auto;left:.3rem}.edit-main,.viewer{position:relative}.edit-main>:not(.bgfx),.viewer>:not(.bgfx){position:relative;z-index:1}.effect-swatch{position:relative;width:4.4rem;height:4.4rem;padding:0;overflow:hidden;container-type:size;background:#6b4a33}.effect-swatch .fx{--u: 5px}.album-fx-option{padding:.4rem .8rem;background:#f3ead7;color:var(--ink)}.album-fx-option[aria-pressed=true]{outline:3px solid var(--accent)}.edit-stage{flex:1;min-height:0;container-type:size;display:grid;place-items:safe center;overflow:auto;isolation:isolate}.edit-page{position:relative;width:calc(min(calc(100 * var(--cqw)) - 24px,(calc(100 * var(--cqh)) - 24px) * .75) * var(--zoom, 1));touch-action:none}.edit-page.editing .el-text>.text:not(.text-editing){visibility:hidden}.el-text .text-editing{position:absolute;top:0;right:0;bottom:0;left:0;outline:1px dashed #4a3b2c88;cursor:text;user-select:text;-webkit-user-select:text}.page-edit .el{cursor:grab}.editor-moveable{--moveable-color: #b5543a}.op-error{text-align:center;color:#ffb4a3}.page-strip{background:#0002}.strip-tab{display:block;padding:.35rem 1rem;background:none;color:inherit;text-align:left;font-family:var(--hand-plain);font-size:1.05rem}.strip-list{display:flex;gap:.6rem;align-items:flex-start;padding:0 1rem .6rem;overflow-x:auto}.thumb{flex:none;display:flex;flex-direction:column;align-items:center;gap:.25rem}.thumb-page{width:3.6rem;padding:0;background:none;border-radius:0;opacity:.8}.thumb.current .thumb-page{opacity:1;outline:2px solid #f6efe0;outline-offset:2px}.thumb-page .page,.template .page{pointer-events:none}.thumb-actions{display:flex;gap:2px}.thumb-actions button{padding:.1rem .35rem;font-size:.75rem;background:#fffaf0;color:var(--ink)}.thumb-actions button:disabled{opacity:.35}.thumb-add{flex:none;width:3.6rem;aspect-ratio:3 / 4;font-size:1.6rem;background:#fff2;border:2px dashed #f6efe088}.inline-confirm,.template-picker{position:fixed;left:50%;bottom:7.5rem;translate:-50% 0;z-index:30;width:max-content;max-width:calc(100vw - 16px);padding:.75rem;background:#fffaf0;color:var(--ink);border-radius:8px;box-shadow:0 6px 20px #0006}.inline-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.inline-confirm .secondary{background:#e2d6bd;color:var(--ink)}.inline-confirm .danger{background:#b5402e;color:#fff}.album-confirm{position:fixed;left:50%;bottom:2rem;translate:-50% 0;z-index:30;max-width:calc(100vw - 16px);padding:.75rem;background:#fffaf0;color:var(--ink);border-radius:8px;box-shadow:0 6px 20px #0006}.share-dialog input{flex:1 1 16rem;min-width:0;padding:.35rem .5rem;border:1px solid #c9bda4;border-radius:6px;font:inherit;font-size:.9rem}.link-btn{padding:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.template-picker{display:grid;grid-template-columns:repeat(auto-fill,6rem);justify-content:center;gap:.75rem;width:min(40rem,calc(100vw - 16px));max-height:60vh;overflow-y:auto}.template-head{position:sticky;top:-.75rem;z-index:2;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;margin:-.75rem -.75rem 0;padding:.5rem .75rem;background:#fffaf0;font-family:var(--hand-plain);font-size:1.2rem}.template-close{flex:none;width:2.2rem;height:2.2rem;padding:0;border-radius:50%;background:#3d2c1f;color:#fffaf0;font-size:1.3rem;line-height:1;box-shadow:0 2px 6px #0004}.template{isolation:isolate;padding:0;background:none;color:var(--ink);display:flex;flex-direction:column;gap:.3rem;font-family:var(--hand-plain)}.tray{width:13rem;display:flex;flex-direction:column;min-height:0;background:#0003}.tray-head{display:flex;gap:.4rem;align-items:center;padding:.5rem}.tray-tab{flex:1;padding:.35rem .5rem;background:none;color:inherit;text-align:left;font-family:var(--hand-plain);font-size:1.05rem}.tray-upload{padding:.35rem .8rem;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.tray-list{flex:1;min-height:0;margin:0;padding:0 .5rem .5rem;list-style:none;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:.5rem}.tray-item{display:flex;flex-direction:column;gap:2px;min-width:0}.tray-upload-item{grid-column:1 / -1;font-size:.8rem}.tray-upload-item progress{width:100%}.tray-upload-item button{align-self:start;padding:.1rem .5rem;font-size:.8rem}.tray-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-error{color:#ffb4a3}.tray-notice{opacity:.8;font-style:italic}.tray-thumb{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border-radius:4px;background:#e8dfcc center / cover;touch-action:pan-y;cursor:grab}.tray-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tray-thumb .chip,.tray-cover{position:absolute;left:4px;bottom:4px;padding:0 .4rem;font-size:.75rem;border-radius:6px}.tray-cover{left:auto;right:4px;top:4px;bottom:auto;background:var(--accent);color:#fff}.tray-video{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fffc;font-size:1.4rem;text-shadow:0 1px 4px #0008}.tray-actions{display:flex;justify-content:flex-end;gap:2px}.tray-actions button{padding:.05rem .4rem;font-size:.75rem;background:#fffaf0;color:var(--ink)}.tray-actions button:disabled{opacity:.4}.tray-ghost{position:fixed;z-index:50;width:4.5rem;aspect-ratio:1;translate:-50% -50%;pointer-events:none;border-radius:4px;overflow:hidden;background:#e8dfcc center / cover;box-shadow:0 6px 18px #0007;opacity:.9}.tray-ghost img{width:100%;height:100%;object-fit:cover}.drop-target{outline:calc(.6 * var(--cqh)) solid var(--accent);outline-offset:calc(.3 * var(--cqh))}.el:has(>.crop-overlay){z-index:1000!important}.crop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:move;touch-action:none;outline:calc(.5 * var(--cqh)) dashed #fffaf0;box-shadow:0 0 0 100vmax #0005}.crop-actions{position:absolute;left:50%;top:100%;translate:-50% .6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;width:max-content;max-width:min(92vw,40rem);white-space:nowrap}.crop-actions.above{top:auto;bottom:100%;translate:-50% -.6rem}.crop-done{padding:.35rem 1rem;background:var(--accent);color:#fff}.crop-actions button:not(.crop-done){padding:.35rem .9rem;background:#fffaf0;color:var(--ink)}.crop-size{display:flex;align-items:center;gap:.4rem;padding:.2rem .6rem;border-radius:6px;background:#fffaf0;color:var(--ink);font-size:.85rem;cursor:default}.crop-size input{width:7rem;accent-color:var(--accent)}.panels-toggle{display:none;flex:none;padding:.3rem .7rem;background:#fffaf0;color:var(--ink);font-size:.9rem}@media (pointer: coarse),(max-width: 699px){.crop-actions{max-width:17rem}.editor .toolbar{order:9;padding-bottom:max(.35rem,env(safe-area-inset-bottom));box-shadow:0 -2px 8px #0004;border-radius:12px 12px 0 0}.editor .picker{top:auto;bottom:100%}.toolbar{padding:.25rem .4rem}.tools{gap:.25rem}.tools button{padding:.3rem .5rem;min-width:2rem;font-size:.85rem}.tools .row,.tools .zoom{gap:.15rem}.tools .status{min-width:0;font-size:.85rem}.tools .sep{display:none}.editor-bar h1{font-size:1.2rem}.inline-confirm,.template-picker{bottom:10rem}.edit-main{flex-direction:column}.tray{width:auto}.tray-head{padding:.25rem .75rem}.tray-list{display:none;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:4.5rem;overflow:auto hidden;padding:0 .75rem .5rem}.tray.open .tray-list{display:grid}.tray-thumb{touch-action:pan-x}.panels-toggle{display:inline-block}.editor.panels-hidden :is(.tray,.page-strip,.toolbar){display:none}}@media (pointer: fine) and (min-width: 700px){.editor{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.editor>*{grid-column:2}.editor{position:relative}.editor>.editor-bar{position:absolute;z-index:15;top:.55rem;left:.7rem;max-width:min(17rem,calc(100% - 16rem));padding:.2rem .9rem;border-radius:999px;background:color-mix(in srgb,var(--desk-b, #5b412e) 88%,transparent);box-shadow:0 2px 8px #0003}.editor>.editor-bar h1{font-size:1.3rem}.editor>.toolbar{grid-column:1;grid-row:1 / span 10;width:8.5rem;padding:.6rem .5rem;box-shadow:2px 0 8px #0004}.editor>.edit-main{min-height:0;grid-row:1 / span 2}.toolbar .tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch}.toolbar .tools .sep{width:auto;height:1px;margin:.2rem 0}.toolbar .tools .status{min-width:0}.toolbar .tools .row>button{flex:1;min-width:0;padding-inline:0}.toolbar .tools .zoom>button{flex:none;width:1.9rem;min-width:0;padding-inline:0}.toolbar .tools .zoom>button:nth-child(2){flex:1;width:auto;font-size:.85rem;white-space:nowrap}.editor .picker{left:100%;top:.5rem;translate:.5rem 0;width:min(36rem,calc(100vw - 10rem));justify-content:flex-start}}.editor.busy :is(.toolbar,.edit-stage,.page-strip,.tray){pointer-events:none;opacity:.75}.brand{display:flex;align-items:center;gap:.5rem}.brand-logo{width:2.2rem;height:2.2rem;flex:none}.brand-logo-lg{display:block;width:4.5rem;height:4.5rem;margin:0 auto .4rem}.music-btn{width:2rem;height:2rem;padding:0;border-radius:50%;background:#fffaf0;color:var(--ink);font-size:1.1rem;line-height:1}.music-btn.on{background:var(--accent);color:#fff;animation:music-spin 4s linear infinite}@keyframes music-spin{to{rotate:360deg}}@media (prefers-reduced-motion: reduce){.music-btn.on{animation:none}}.music-row{flex-basis:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding-top:.4rem;border-top:1px solid var(--paper-dark);color:var(--ink)}.music-row button,.music-upload{padding:.35rem .8rem;border-radius:6px;background:#f3ead7;color:var(--ink);font-size:.9rem;cursor:pointer}.music-state{opacity:.7;font-size:.9rem}.music-name{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}