.album-stage{--pw:clamp(210px, min(39vw, 60vh * .714), 470px);--ph:calc(var(--pw) * 1.4);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .2 0 0 0 0 .15 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");flex-direction:column;align-items:center;gap:28px;padding-block:12px 4px;display:flex}.album-stage--single{--pw:min(86vw, 58vh * .714, 400px)}.book{width:calc(var(--pw) * 2);height:var(--ph);perspective:2400px;transform:translateX(calc(var(--pw) * -.5));outline-offset:10px;touch-action:pan-y;transition:transform .9s cubic-bezier(.645,.045,.355,1);position:relative}.book[data-open=true]{transform:translate(0)}.book:before{content:"";filter:blur(18px);z-index:-1;background:radial-gradient(#0000008c,#0000 70%);border-radius:10px;position:absolute;inset:10px -8px -16px}.sheet,.back-cover-panel{width:var(--pw);height:var(--ph);position:absolute;top:0;left:50%}.back-cover-panel{z-index:0;border-radius:3px 10px 10px 3px;overflow:hidden}.sheet{transform-style:preserve-3d;transform-origin:0;transition:transform 1.1s cubic-bezier(.645,.045,.355,1),z-index}.sheet[data-turned=true]{transform:rotateY(-180deg)}.face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.face--front{border-radius:3px 10px 10px 3px}.face--back{border-radius:10px 3px 3px 10px;transform:rotateY(180deg)}.cover-hit{z-index:3;cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.cover-hit:focus-visible{outline-offset:-8px;outline:3px solid #ffd9a0}.paper{color:#5a2330;background-image:var(--noise), linear-gradient(var(--paper-a), var(--paper-b));width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.paper--cream{--paper-a:#fbf0dc;--paper-b:#f2e0c0}.paper--blush{--paper-a:#fbe6e1;--paper-b:#f1cfcb}.paper--kraft{--paper-a:#e6cba2;--paper-b:#d5b383}.paper--linen{--paper-a:#f6efe3;--paper-b:#e8dcc6}.paper--endpaper{--paper-a:#7a1d33;--paper-b:#4d0f20}.paper--right:after,.paper--left:after,.paper--endpaper:after{content:"";pointer-events:none;width:14%;position:absolute;top:0;bottom:0}.paper--right:after{background:linear-gradient(90deg,#3c141447,#0000);left:0}.paper--left:after,.paper--endpaper:after{background:linear-gradient(270deg,#3c141447,#0000);right:0}.paper-frame{pointer-events:none;border:1px solid #7a1d3347;border-radius:3px;position:absolute;inset:4.5%}.paper-frame:after{content:"";border:1px dotted #7a1d3333;position:absolute;inset:4px}.sprig{opacity:.85;width:17%;position:absolute;bottom:5%}.sprig--right{right:6%}.sprig--left{left:6%;transform:scaleX(-1)}.page-number{text-align:center;color:#5a233099;font-family:Georgia,serif;font-size:4.2cqw;font-style:italic;position:absolute;bottom:2.2%;left:0;right:0}.endpaper-pattern{background:radial-gradient(circle,#ffd9a02e 0 2px,#0000 3px) 0 0/22px 22px,radial-gradient(circle at 0 0,#ffd9a01a 0 2px,#0000 3px) 11px 11px/22px 22px;position:absolute;inset:0}.slot{box-sizing:border-box;text-align:center;color:#5a23309e;place-items:center;font-size:4.2cqw;display:grid;position:absolute}.slot--photo{background:repeating-linear-gradient(135deg,#ffffff59 0 8px,#ffffff1f 8px 16px),#fff5e880;border:2px dashed #7a1d3366;box-shadow:0 3px 8px #3c14142e}.slot--photo:before{content:"";background:#ffe2a0c7;width:26%;height:16px;margin-left:-13%;position:absolute;top:-9px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #3c141433}.slot--text{background:repeating-linear-gradient(#0000 0 7.6cqw,#7a1d333d 7.6cqw calc(7.6cqw + 1px));place-items:start;padding:3cqw 2cqw;font-family:Segoe Script,Brush Script MT,Snell Roundhand,cursive}.slot--sticker{background:#ffffff47;border:2px dashed #7a1d3359;border-radius:50%;font-size:7cqw}.cover{color:#e9c98f;background-image:var(--noise), radial-gradient(ellipse at 30% 20%, #ff8c9629, transparent 55%), linear-gradient(135deg, #7d1730 0%, #5c0f23 50%, #3d0816 100%);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffdcbe1f,inset 8px 0 14px #00000059,inset 0 -14px 24px #0000004d;container-type:inline-size}.cover-frame{border:2px solid #e9c98f8c;border-radius:4px;position:absolute;inset:6%;box-shadow:inset 0 0 0 5px #0000001f,0 1px #ffffff1f}.flourish{color:#e9c98fbf;width:15%;position:absolute}.flourish--tl{top:8%;left:8%}.flourish--tr{top:8%;right:8%;transform:scaleX(-1)}.flourish--bl{bottom:8%;left:8%;transform:scaleY(-1)}.flourish--br{bottom:8%;right:8%;transform:scale(-1)}.cover-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-heart{fill:#5c0f23;filter:drop-shadow(-1px -1px #ffdcbe73)drop-shadow(1px 2px 1px #0009);width:22%}.cover-heart--small{width:18%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cover-title{letter-spacing:.22em;color:#d9b273;text-shadow:-1px -1px #ffebc88c,1px 2px 2px #000000a6;margin:8cqw 0 0;font-family:Georgia,serif;font-size:9.5cqw;font-weight:600;line-height:1.5}.cover-rule{background:linear-gradient(90deg,#0000,#d9b273,#0000);width:36%;height:2px;margin:6cqw 0 4cqw;display:block}.cover-sub{color:#efd5a4;text-shadow:1px 1px 2px #0009;margin:0;font-family:Segoe Script,Brush Script MT,Snell Roundhand,cursive;font-size:8cqw}.album-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.album-controls button{min-height:44px;color:var(--cream);font:inherit;cursor:pointer;background:#7a1d3380;border:1px solid #ffd2c966;border-radius:999px;padding:0 20px;transition:background .2s,transform .2s}.album-controls button:hover:not(:disabled){background:#a6243cb3;transform:translateY(-1px)}.album-controls button:disabled{opacity:.4;cursor:default}.album-status{text-align:center;min-width:130px;color:var(--muted);font-size:.9rem}.single-book{width:var(--pw);height:var(--ph);perspective:1800px;touch-action:pan-y;outline-offset:10px;position:relative}.single-layer{backface-visibility:hidden;border-radius:4px 10px 10px 4px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #00000080}.single-layer--away{z-index:2;transform-origin:0;animation:.8s cubic-bezier(.645,.045,.355,1) forwards page-away}.single-layer--in{z-index:2;transform-origin:0;animation:.8s cubic-bezier(.645,.045,.355,1) backwards page-in}@keyframes page-away{to{opacity:0;filter:brightness(.7);transform:rotateY(-115deg)}}@keyframes page-in{0%{opacity:0;filter:brightness(.7);transform:rotateY(-115deg)}}@media (prefers-reduced-motion:reduce){.book,.sheet{transition-duration:.01ms!important;transition-delay:0s!important}.single-layer--away,.single-layer--in{animation-duration:.01ms!important}}
.album-app{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.surface{width:100%;height:100%}.album-toolbar{flex-direction:column;align-items:center;gap:10px;width:min(100%,980px);display:flex}.toolbar-row,.chip-row,.button-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.album-app button,.album-app select{min-height:44px;color:var(--cream);font:inherit;cursor:pointer;background:#7a1d3373;border:1px solid #ffd2c959;border-radius:999px;padding:0 16px;font-size:.9rem}.album-app button:hover:not(:disabled){background:#a6243cb3}.album-app button:disabled{opacity:.4;cursor:default}.album-app button:focus-visible,.album-app select:focus-visible,.album-app textarea:focus-visible,.album-app input:focus-visible{outline-offset:2px;outline:2px solid #ffd9a0}.album-app .mode-toggle[aria-pressed=true]{background:#a8243c;border-color:#ffd2c4}.album-app .danger{background:#78141eb3;border-color:#ff8c8c99}.album-app .chip{min-height:38px;padding:0 14px;font-size:.82rem}.album-app .chip[aria-pressed=true],.album-app .chip[aria-selected=true]{color:#4d0f20;background:#f1c9bf;border-color:#f1c9bf}.save-chip{min-height:36px;color:var(--muted);background:#fff3df14;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.82rem;display:inline-flex}.save-chip--saving{color:#ffd9a0}.save-chip--saved{color:#b9e0b0}.save-chip--error,.save-chip--conflict{color:#ffb4b4;background:#a01e284d}.save-chip button{min-height:30px;padding:0 10px;font-size:.78rem}.tool-panel{border:1px solid var(--line);background:#280c18d9;border-radius:18px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.tool-hint{color:var(--muted);text-align:center;margin:0;font-size:.85rem}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.album-app .sticker-choice{background:#fff3dfeb;border-radius:12px;place-items:center;height:64px;padding:6px;display:grid}.album-app .sticker-choice:hover:not(:disabled){background:#fff}.template-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.album-app .template-choice{color:#4d0f20;background-image:linear-gradient(var(--paper-a), var(--paper-b));border-radius:12px;flex-direction:column;align-items:center;gap:6px;height:auto;padding:8px;font-size:.78rem;display:flex}.album-app .template-choice:hover:not(:disabled){background-image:linear-gradient(var(--paper-a), var(--paper-b));filter:brightness(1.05)}.album-app .template-choice[aria-checked=true]{outline:3px solid #a8243c}.template-preview{background:#fff6;border:1px solid #7a1d334d;width:54px;height:76px;position:relative}.mini{background:#7a1d3359;position:absolute}.mini--sticker{border-radius:50%}.mini--text{background:repeating-linear-gradient(#7a1d3366 0 1px,#0000 1px 4px)}.album-notice{border-radius:12px;align-items:center;gap:12px;max-width:640px;margin:0;padding:10px 16px;font-size:.9rem;display:flex}.album-notice--error{background:#a01e2866;border:1px solid #ff8c8c80}.album-notice--info{background:#3c78464d;border:1px solid #a0e6aa66}.album-notice button{min-height:32px;padding:0 10px}.el{box-sizing:border-box;transform-origin:50%;-webkit-user-select:none;user-select:none;position:absolute}.el--editable{cursor:grab;touch-action:none}.el--editable:active{cursor:grabbing}.el--editable:hover{outline:1px dashed #7a1d338c}.el--selected{outline-offset:2px;outline:2px solid #c4586a}.el:focus-visible{outline-offset:2px;outline:3px solid #1c7ed6}.handle{touch-action:none;background:#c4586a;border:2px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;box-shadow:0 1px 5px #0006}.handle--resize{cursor:nwse-resize;bottom:-14px;right:-14px}.handle--rotate{cursor:grab;top:-14px;left:-14px}.photo{box-sizing:border-box;background:#fff;width:100%;height:100%;position:relative;box-shadow:0 4px 12px #3c14144d}.photo img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.photo--plain{padding:3%}.photo--polaroid{background:#fffaf0;padding:5% 5% 15%}.photo--gold{outline-offset:-7px;background:#fff6e2;border:2px solid #c9a14a;outline:1px solid #c9a14a99;padding:3.5%}.photo--rounded{border-radius:14%;padding:3%;overflow:hidden}.photo--rounded img{border-radius:11%}.photo--vintage{background:#f0e2c4;border:3px double #b78e55;padding:4%}.photo--vintage img{filter:sepia(.35)contrast(.95)}.photo-loading{background:linear-gradient(110deg,#f0dfc8 30%,#fff6e8 50%,#f0dfc8 70%) 0 0/200% 100%;width:100%;height:100%;animation:1.4s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.tape-corner{background:#ffe2a0c7;width:30%;height:11%;position:absolute;box-shadow:0 1px 2px #3c141440}.tape-corner--tl{top:-4%;left:-8%;transform:rotate(-38deg)}.tape-corner--tr{top:-4%;right:-8%;transform:rotate(38deg)}.tape-corner--bl{bottom:-4%;left:-8%;transform:rotate(38deg)}.tape-corner--br{bottom:-4%;right:-8%;transform:rotate(-38deg)}.text-box{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;line-height:1.2;overflow:hidden}.sticker-svg{pointer-events:none;filter:drop-shadow(0 2px 3px #3c141440);width:100%;height:100%;display:block}.sticker-emoji{pointer-events:none;place-items:center;width:100%;height:100%;font-size:9cqw;line-height:1;display:grid}.sticker-choice .sticker-emoji{font-size:2rem}.sticker-missing{border:1px dashed #a8243c;place-items:center;width:100%;height:100%;display:grid}.album-app .slot{color:#5a2330bf;cursor:pointer;background-color:#fff8ec99;border-color:#7a1d3366;border-radius:0;min-height:0;padding:3cqw 2cqw}.album-app .slot--photo{border:2px dashed #7a1d3366}.album-app .slot--sticker{border-radius:50%}.album-app .slot:hover:not(:disabled){color:#7a1d33;background-color:#ffffffd9}.inspector{background:#280c18eb;border:1px solid #ffd2c959;border-radius:18px;flex-direction:column;gap:12px;width:min(100%,720px);padding:16px;display:flex}.inspector header{justify-content:space-between;align-items:center;display:flex}.inspector header button{min-height:36px;padding:0 12px}.field{min-width:140px;color:var(--muted);flex-direction:column;flex:1;gap:6px;font-size:.82rem;display:flex}.field-row{flex-wrap:wrap;gap:14px;display:flex}.field textarea,.field select{color:#3d0816;min-height:44px;font:inherit;background:#fff3dff0;border:1px solid #ffd2c959;border-radius:12px;padding:8px 12px;font-size:1rem}.field input[type=range]{accent-color:#e37b86;height:32px}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.album-app .swatch{border:2px solid #fff9;border-radius:50%;width:36px;min-height:36px;padding:0}.album-app .swatch[aria-pressed=true]{outline:3px solid #ffd9a0}.swatches input[type=color]{background:0 0;border:0;width:40px;height:36px;padding:0}@media (max-width:820px){.album-app button{min-height:46px}.inspector{z-index:20;max-height:55vh;position:sticky;bottom:8px;overflow-y:auto}.album-toolbar{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16070ceb;padding:6px 0;position:sticky;top:0}}@media (prefers-reduced-motion:reduce){.photo-loading{animation:none}}.album-app .cover-hit{background:0 0;border:0;border-radius:0;min-height:0;padding:0}.album-app .cover-hit:hover:not(:disabled){background:#ffffff0d}.album-stage .book,.album-stage .single-book{-webkit-user-select:none;user-select:none}.target-chip{color:#f6dfa4;background:#f6dfa424;border-radius:999px;align-items:center;min-height:36px;padding:0 14px;font-size:.82rem;display:inline-flex}.surface--active .paper:before{content:"";z-index:0;pointer-events:none;border:3px solid #c4586a8c;position:absolute;inset:0}.book--turning .surface,.book--turning .cover-hit,.single-book--turning .surface,.single-layer[aria-hidden=true]{pointer-events:none}.photo-failed{background:repeating-linear-gradient(135deg,#f3dcd2 0 8px,#fbeee6 8px 16px);place-items:center;width:100%;height:100%;display:grid}.album-app .photo-failed button{color:#4d0f20;background:#fff3df;min-height:36px;padding:0 12px;font-size:.78rem}.save-chip--photo-failed{color:#ffd9a0;background:#a06e1e4d}.save-chip--photo-loading{color:#ffd9a0}