:root{--font-hand-body: "Patrick Hand", "Mali", cursive, sans-serif;--font-cursive: "Caveat", cursive, sans-serif;--font-pencil-title: "Architects Daughter", "Patrick Hand", cursive, sans-serif;--font-cute-doodle: "Gaegu", "Gochi Hand", cursive, sans-serif;--font-typewriter: "Courier Prime", monospace;--desk-bg: #d7c1a5;--desk-wood-dark: #b89c7d;--desk-wood-grain: #e8d7c0;--binder-cover: #e9d5bf;--binder-border: #7c5835;--binder-spine: #5c3b1e;--paper-cream: #faf6eb;--paper-grid: #f4efe2;--paper-kraft: #ebd8ba;--paper-yellow-note: #fef9c3;--paper-pink-note: #ffe4e6;--paper-mint-note: #dcfce7;--paper-lavender-note: #f3e8ff;--paper-blue-note: #e0f2fe;--graphite-dark: #292825;--graphite-med: #45433d;--graphite-light: #6b6860;--graphite-faint: rgba(69, 67, 61, .25);--highlight-yellow: rgba(254, 240, 138, .65);--highlight-pink: rgba(251, 207, 232, .65);--highlight-mint: rgba(187, 247, 208, .65);--highlight-peach: rgba(254, 215, 170, .65);--highlight-blue: rgba(186, 230, 253, .65);--papermae-coral: #F5805B;--papermae-pink: #F55B89;--papermae-green: #30BF3F;--papermae-brown: #5E3506;--stamp-red: #c0392b;--stamp-ink: #b91c1c;--shadow-book: 0 25px 50px rgba(50, 30, 15, .35), 0 8px 20px rgba(0, 0, 0, .15);--shadow-polaroid: 0 8px 18px rgba(45, 30, 20, .15), 0 2px 5px rgba(0, 0, 0, .08);--shadow-polaroid-hover: 0 14px 28px rgba(45, 30, 20, .25), 0 5px 10px rgba(0, 0, 0, .12);--shadow-tape: 0 2px 4px rgba(60, 45, 30, .15);--shadow-note: 0 6px 14px rgba(60, 40, 20, .12), 0 2px 4px rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;max-height:100vh;overflow:hidden}html{font-size:16px}body{font-family:var(--font-hand-body);color:var(--graphite-dark);background-color:var(--desk-bg);background-image:radial-gradient(ellipse at 50% 15%,#fff6,#0000001f 80%),repeating-linear-gradient(90deg,rgba(160,120,80,.05) 0px,rgba(160,120,80,.05) 1px,transparent 1px,transparent 32px),repeating-linear-gradient(0deg,rgba(160,120,80,.04) 0px,rgba(160,120,80,.04) 1px,transparent 1px,transparent 32px);position:relative;line-height:1.45;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(1, 1) rotate(-45 0 0)'%3E%3Cpolygon points='0,0 -3.5,8.5 3.5,8.5' fill='%23fed7aa' stroke='%232b2a27' stroke-width='1'/%3E%3Cpolygon points='0,0 -1.6,4 1.6,4' fill='%232b2a27'/%3E%3Cpolygon points='-3.5,8.5 3.5,8.5 3.5,23.5 -3.5,23.5' fill='%23f59e0b' stroke='%232b2a27' stroke-width='1.2'/%3E%3Cline x1='0' y1='8.5' x2='0' y2='23.5' stroke='%23d97706' stroke-width='1'/%3E%3Crect x='-3.5' y='23.5' width='7' height='3.5' fill='%23cbd5e1' stroke='%232b2a27' stroke-width='1'/%3E%3Cpath d='M-3.5,27 Q0,31 3.5,27 Z' fill='%23f472b6' stroke='%232b2a27' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 1 1,auto}a,button,input,textarea,select,label,.clickable,.polaroid,.sticky-tab,.doodle-btn,.book-nav-arrow,.design-chip{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(1, 1) rotate(-45 0 0)'%3E%3Cpolygon points='0,0 -3.5,8.5 3.5,8.5' fill='%23fed7aa' stroke='%23111' stroke-width='1.2'/%3E%3Cpolygon points='0,0 -1.6,4 1.6,4' fill='%23111'/%3E%3Cpolygon points='-3.5,8.5 3.5,8.5 3.5,23.5 -3.5,23.5' fill='%23fbbf24' stroke='%23111' stroke-width='1.4'/%3E%3Cline x1='0' y1='8.5' x2='0' y2='23.5' stroke='%23d97706' stroke-width='1'/%3E%3Crect x='-3.5' y='23.5' width='7' height='3.5' fill='%2394a3b8' stroke='%23111' stroke-width='1'/%3E%3Cpath d='M-3.5,27 Q0,31 3.5,27 Z' fill='%23ec4899' stroke='%23111' stroke-width='1'/%3E%3C/g%3E%3Ccircle cx='1' cy='1' r='1.8' fill='%23e11d48'/%3E%3C/svg%3E") 1 1,pointer!important}.desk-mat{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.desk-coffee-stain{position:absolute;top:30px;right:4%;width:120px;height:120px;border-radius:50%;border:4px solid rgba(139,90,43,.15);box-shadow:inset 0 0 10px #8b5a2b14,0 0 6px #8b5a2b1a;transform:rotate(-15deg) scaleY(.92);filter:blur(.5px)}.desk-coffee-stain:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px dashed rgba(139,90,43,.1)}.desk-paperclip{position:absolute;bottom:40px;left:2%;width:20px;height:54px;border:3px solid #b3a088;border-radius:12px;transform:rotate(35deg);box-shadow:2px 4px 6px #00000026}.desk-paperclip:after{content:"";position:absolute;top:8px;left:3px;width:9px;height:32px;border:3px solid #b3a088;border-radius:8px}.desk-pencil-shavings{position:absolute;bottom:35px;right:3%;font-family:var(--font-cursive);font-size:1.05rem;color:#5a3c1e73;transform:rotate(-10deg)}#doodleCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none}#doodleCanvas.drawing-mode{pointer-events:auto}.spread-doodle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:22}.page-placed-stamp{position:absolute;pointer-events:none;z-index:21;mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,transform .15s ease;animation:stampSlapDown .18s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes stampSlapDown{0%{transform:translate(-50%,-50%) scale(1.35) rotate(var(--stamp-deg, 0deg));opacity:.5}to{transform:translate(-50%,-50%) scale(1) rotate(var(--stamp-deg, 0deg));opacity:.92}}.scrapbook-viewport{position:relative;z-index:1;width:100vw;height:100vh;max-width:1180px;margin:0 auto;padding:20px 16px 8px;display:flex;flex-direction:column;justify-content:space-between}.desk-btn{background:#fffdfa;border:2px solid #5a4632;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 12px;font-family:var(--font-hand-body);font-size:.95rem;font-weight:600;color:#3f2f1f;box-shadow:2px 2px #5a4632;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px;text-decoration:none}.desk-btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:3px 3px #5a4632;background:var(--paper-yellow-note)}.desk-btn:active{transform:translateY(1px);box-shadow:1px 1px #5a4632}.desk-btn.btn-order-now{background:var(--papermae-coral);color:#fff;border-color:#7c2207;box-shadow:2px 2px #7c2207}.desk-btn.btn-order-now:hover{background:#ea6b44;box-shadow:3px 3px #7c2207}.sticky-tabs-container{display:flex;gap:6px;padding:14px 24px 0;margin-bottom:-5px;position:relative;z-index:20;flex-shrink:0;overflow:visible}.sticky-tab{font-family:var(--font-pencil-title);font-size:.95rem;font-weight:700;padding:8px 16px 10px;border-radius:12px 12px 0 0;border:2px solid #5a3c1e;border-bottom:2px solid #5a3c1e;color:#3e2b17;text-decoration:none;position:relative;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;-webkit-user-select:none;user-select:none;background-image:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.18) 32%,transparent 33%);box-shadow:0 -2px 5px #00000014;opacity:.82;filter:brightness(.92);transform:translateY(4px);z-index:2}.sticky-tab:hover{transform:translateY(1px);opacity:.95;filter:brightness(.98)}.sticky-tab.active{transform:translateY(-5px) scale(1.03);padding-bottom:16px;font-weight:800;opacity:1;filter:none;z-index:25;border-bottom:3px solid transparent;box-shadow:0 -6px 14px #2d190a38,-3px 0 6px #0000001a,3px 0 6px #0000001a}.sticky-tab.active:before{content:"";position:absolute;top:-6px;left:12px;width:10px;height:24px;border:2.5px solid #d4af37;border-radius:6px;box-shadow:1px 2px 4px #0000004d;z-index:30;pointer-events:none;transform:rotate(-3deg)}.sticky-tab.active:after{content:"▼";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-size:.75rem;color:#5a3c1e;z-index:30;line-height:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.tab-cover{background-color:#fed7aa}.tab-shop-1{background-color:#bbf7d0}.tab-shop-2{background-color:#a7f3d0}.tab-pricing{background-color:#fef08a}.tab-order{background-color:#fecdd3}.tab-about{background-color:#e9d5ff}.spread-section-flag{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:4px 12px 12px 4px;font-family:var(--font-pencil-title);font-size:.85rem;font-weight:700;margin-bottom:12px;border:1.5px solid #5a3c1e;box-shadow:1px 2px 4px #00000014;animation:flagSlideIn .35s ease backwards}@keyframes flagSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.flag-cover{background:#fed7aa;color:#5a2e0a}.flag-shop-1{background:#bbf7d0;color:#14532d}.flag-shop-2{background:#a7f3d0;color:#064e3b}.flag-pricing{background:#fef08a;color:#713f12}.flag-order{background:#fecdd3;color:#881337}.flag-about{background:#e9d5ff;color:#581c87}.scrapbook-album{position:relative;background:var(--binder-cover);border-radius:16px;padding:12px 14px 14px;box-shadow:var(--shadow-book);border:4px solid var(--binder-border);outline:2px dashed #ab8b65;outline-offset:-8px;flex:1;display:flex;flex-direction:column;min-height:0}.album-corner{position:absolute;width:36px;height:36px;border-color:var(--binder-border);border-style:solid;pointer-events:none;z-index:10}.album-corner.top-left{top:4px;left:4px;border-width:3px 0 0 3px;border-top-left-radius:10px}.album-corner.top-right{top:4px;right:4px;border-width:3px 3px 0 0;border-top-right-radius:10px}.album-corner.bottom-left{bottom:4px;left:4px;border-width:0 0 3px 3px;border-bottom-left-radius:10px}.album-corner.bottom-right{bottom:4px;right:4px;border-width:0 3px 3px 0;border-bottom-right-radius:10px}.scrapbook-pages-wrapper{position:relative;background:var(--paper-cream);border-radius:10px;border:3px solid #6d4a27;box-shadow:inset 0 0 30px #64461e1f,0 4px 12px #28140a2e;flex:1;overflow:visible;display:flex}.spiral-wire-spine{position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-around;pointer-events:none;z-index:100}.spiral-ring{position:relative;width:36px;height:14px;margin:6px auto;background:linear-gradient(180deg,#94a3b8,#cbd5e1,#64748b 80%,#334155);border-radius:8px;box-shadow:0 4px 6px #00000073,inset 0 1.5px 1.5px #ffffffd9;border:1px solid #1e293b;transform:translateZ(42px)}.spiral-ring:before,.spiral-ring:after{content:"";position:absolute;top:-2px;width:8px;height:16px;background:#332011;border-radius:50%;box-shadow:inset 0 2px 3px #000c}.spiral-ring:before{left:-7px}.spiral-ring:after{right:-7px}.book-center-fold{position:absolute;top:0;bottom:0;left:50%;width:50px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0%,rgba(60,40,20,.15) 30%,rgba(40,20,10,.3) 50%,rgba(60,40,20,.15) 70%,transparent 100%);pointer-events:none;z-index:20}.scrapbook-spread{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease;z-index:1;border-radius:8px;overflow:hidden}.scrapbook-spread.active{opacity:1;pointer-events:auto;visibility:visible;z-index:10}.page-left,.page-right{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;padding:24px 24px 36px;position:relative;scrollbar-width:thin;scrollbar-color:#c4ab8c transparent}.page-left::-webkit-scrollbar,.page-right::-webkit-scrollbar{width:5px}.page-left::-webkit-scrollbar-thumb,.page-right::-webkit-scrollbar-thumb{background:#c4ab8c;border-radius:4px}.page-left{background-color:var(--paper-grid);background-image:linear-gradient(rgba(100,116,139,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.12) 1px,transparent 1px);background-size:20px 20px;border-right:1px solid rgba(120,90,50,.15);border-radius:8px 0 0 8px}.page-right{background-color:var(--paper-cream);background-image:repeating-linear-gradient(transparent,transparent 25px,rgba(148,163,184,.2) 26px);background-size:100% 26px;border-left:2px solid rgba(239,68,68,.3);margin-left:-1px;border-radius:0 8px 8px 0}.scrapbook-spread.active.animate-in .page-left{animation:pageLeftEnter .4s cubic-bezier(.2,.9,.3,1) forwards}.scrapbook-spread.active.animate-in .page-right{animation:pageRightEnter .4s cubic-bezier(.2,.9,.3,1) forwards}@keyframes pageLeftEnter{0%{opacity:.6;transform:translate(-18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes pageRightEnter{0%{opacity:.6;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}.scrapbook-spread.active.animate-in .polaroid{animation:polaroidSettle .52s cubic-bezier(.34,1.56,.64,1) backwards}.scrapbook-spread.active.animate-in .polaroid:nth-of-type(1){animation-delay:.04s}.scrapbook-spread.active.animate-in .polaroid:nth-of-type(2){animation-delay:.12s}.scrapbook-spread.active.animate-in .polaroid:nth-of-type(3){animation-delay:.2s}@keyframes polaroidSettle{0%{opacity:0;transform:translateY(30px) rotate(-6deg) scale(.93)}65%{transform:translateY(-5px) rotate(1.5deg) scale(1.025)}to{opacity:1}}.scrapbook-spread.active.animate-in .washi-tape{animation:washiSlap .4s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.16s}@keyframes washiSlap{0%{opacity:0;transform:translateY(-16px) scale(1.25)}70%{transform:translateY(2px) scale(.96)}to{opacity:.92}}.scrapbook-spread.active.animate-in .sticky-note{animation:stickyFlutter .48s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.1s}@keyframes stickyFlutter{0%{opacity:0;transform:translateY(24px) rotate(-6deg) scale(.94)}70%{transform:translateY(-4px) rotate(2deg) scale(1.015)}to{opacity:1}}.scrapbook-spread.active.animate-in .section-header-banner{animation:headerGlide .38s cubic-bezier(.2,.9,.3,1) backwards;animation-delay:.02s}@keyframes headerGlide{0%{opacity:0;transform:translateY(-12px) translate(-10px)}to{opacity:1;transform:translateY(0) translate(0)}}.scrapbook-spread.active.animate-in .torn-card,.scrapbook-spread.active.animate-in .price-tag-card,.scrapbook-spread.active.animate-in .order-slip-card,.scrapbook-spread.active.animate-in .gcash-card{animation:cardSlideSettle .48s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.08s}@keyframes cardSlideSettle{0%{opacity:0;transform:translateY(26px) scale(.96)}70%{transform:translateY(-3px) scale(1.01)}to{opacity:1}}.scrapbook-spread.active.animate-in .design-chip{animation:chipBounce .36s cubic-bezier(.34,1.56,.64,1) backwards}.scrapbook-spread.active.animate-in .design-chip:nth-child(1){animation-delay:.14s}.scrapbook-spread.active.animate-in .design-chip:nth-child(2){animation-delay:.18s}.scrapbook-spread.active.animate-in .design-chip:nth-child(3){animation-delay:.22s}.scrapbook-spread.active.animate-in .design-chip:nth-child(4){animation-delay:.26s}.scrapbook-spread.active.animate-in .design-chip:nth-child(5){animation-delay:.3s}.scrapbook-spread.active.animate-in .design-chip:nth-child(6){animation-delay:.34s}@keyframes chipBounce{0%{opacity:0;transform:scale(.4)}75%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.scrapbook-spread.active.animate-in .social-sticker{animation:stickerSlap .42s cubic-bezier(.34,1.56,.64,1) backwards}.scrapbook-spread.active.animate-in .social-sticker:nth-child(1){animation-delay:.08s}.scrapbook-spread.active.animate-in .social-sticker:nth-child(2){animation-delay:.14s}.scrapbook-spread.active.animate-in .social-sticker:nth-child(3){animation-delay:.2s}.scrapbook-spread.active.animate-in .social-sticker:nth-child(4){animation-delay:.26s}.scrapbook-spread.active.animate-in .social-sticker:nth-child(5){animation-delay:.32s}@keyframes stickerSlap{0%{opacity:0;transform:translateY(-22px) scale(.75) rotate(-8deg)}70%{transform:translateY(3px) scale(1.1) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1)}}.page-flip-leaf{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:50;pointer-events:none;perspective:2200px;perspective-origin:50% 50%;display:none}.page-flip-leaf.flip-next,.page-flip-leaf.flip-prev{display:block}.leaf-sheet{position:absolute;top:0;bottom:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform}.page-flip-leaf.flip-next .leaf-sheet{left:50%;transform-origin:0% 50% 0}.page-flip-leaf.flip-prev .leaf-sheet{left:0;transform-origin:100% 50% 0}.leaf-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:flat;box-shadow:0 4px 18px #28140a26}.leaf-face.front{z-index:2;transform:rotateY(0)}.leaf-face.back{z-index:1;transform:rotateY(180deg)}.flip-next .leaf-face.front{background-color:var(--paper-cream);background-image:repeating-linear-gradient(transparent,transparent 25px,rgba(148,163,184,.2) 26px);background-size:100% 26px;border-left:2px solid rgba(239,68,68,.3);border-radius:0 8px 8px 0}.flip-next .leaf-face.back,.flip-prev .leaf-face.front{background-color:var(--paper-grid);background-image:linear-gradient(rgba(100,116,139,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(100,116,139,.12) 1px,transparent 1px);background-size:20px 20px;border-right:1px solid rgba(120,90,50,.15);border-radius:8px 0 0 8px}.flip-prev .leaf-face.back{background-color:var(--paper-cream);background-image:repeating-linear-gradient(transparent,transparent 25px,rgba(148,163,184,.2) 26px);background-size:100% 26px;border-left:2px solid rgba(239,68,68,.3);border-radius:0 8px 8px 0}.leaf-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:24px 24px 36px;box-sizing:border-box;overflow:hidden;pointer-events:none}.leaf-lighting{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:0}.leaf-face.front .leaf-lighting{background:linear-gradient(90deg,rgba(25,12,4,.22) 0%,rgba(25,12,4,.04) 15%,transparent 35%,rgba(255,255,255,.35) 60%,rgba(0,0,0,.08) 90%,rgba(0,0,0,.18) 100%)}.leaf-face.back .leaf-lighting{background:linear-gradient(-90deg,rgba(25,12,4,.22) 0%,rgba(25,12,4,.04) 15%,transparent 35%,rgba(255,255,255,.35) 60%,rgba(0,0,0,.08) 90%,rgba(0,0,0,.18) 100%)}.leaf-ground-shadow{position:absolute;top:0;bottom:0;width:50%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(30,15,5,.35) 0%,rgba(30,15,5,.1) 50%,transparent 75%);opacity:0;filter:blur(14px);z-index:1}.flip-next .leaf-ground-shadow{left:50%}.flip-prev .leaf-ground-shadow{left:0}.page-flip-leaf.flip-next.animating .leaf-sheet{animation:flipSheetNext .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-next.animating .leaf-face.front .leaf-lighting{animation:lightNextFront .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-next.animating .leaf-face.back .leaf-lighting{animation:lightNextBack .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-next.animating .leaf-ground-shadow{animation:groundShadowNext .58s cubic-bezier(.25,.9,.35,1) forwards}@keyframes flipSheetNext{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes lightNextFront{0%{opacity:0}35%{opacity:.8}50%{opacity:.95}to{opacity:0}}@keyframes lightNextBack{0%{opacity:0}50%{opacity:.95}75%{opacity:.5}to{opacity:0}}@keyframes groundShadowNext{0%{opacity:0;transform:translate(0) scaleX(.9)}50%{opacity:.5;transform:translate(-35px) scaleX(1.1)}to{opacity:0;transform:translate(-70px) scaleX(.9)}}.page-flip-leaf.flip-prev.animating .leaf-sheet{animation:flipSheetPrev .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-prev.animating .leaf-face.front .leaf-lighting{animation:lightPrevFront .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-prev.animating .leaf-face.back .leaf-lighting{animation:lightPrevBack .58s cubic-bezier(.25,.9,.35,1) forwards}.page-flip-leaf.flip-prev.animating .leaf-ground-shadow{animation:groundShadowPrev .58s cubic-bezier(.25,.9,.35,1) forwards}@keyframes flipSheetPrev{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes lightPrevFront{0%{opacity:0}35%{opacity:.8}50%{opacity:.95}to{opacity:0}}@keyframes lightPrevBack{0%{opacity:0}50%{opacity:.95}75%{opacity:.5}to{opacity:0}}@keyframes groundShadowPrev{0%{opacity:0;transform:translate(0) scaleX(.9)}50%{opacity:.5;transform:translate(35px) scaleX(1.1)}to{opacity:0;transform:translate(70px) scaleX(.9)}}.page-flip-leaf.snapping .leaf-sheet{transition:transform .28s cubic-bezier(.25,1,.35,1)}.page-flip-leaf.snapping .leaf-ground-shadow{transition:opacity .25s ease,transform .28s ease}.book-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:48px;background:#fdfaf3;border:2.5px solid #5a3c1e;border-radius:8px;font-family:var(--font-pencil-title);font-size:1.4rem;font-weight:700;color:#3f2f1f;box-shadow:0 4px 10px #0000002e;display:flex;align-items:center;justify-content:center;z-index:30;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.book-nav-arrow:hover{background:var(--paper-yellow-note);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 14px #00000040}.book-nav-arrow.arrow-prev{left:-22px}.book-nav-arrow.arrow-next{right:-22px}.book-nav-arrow:disabled{opacity:.35;pointer-events:none}.desk-bottom-bar{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;padding:4px 18px;margin-top:6px;background:#fffcf5e0;border:2px dashed #b89c7d;border-radius:255px 15px 225px/15px 225px 15px 255px;flex-shrink:0}.bottom-bar-center{display:flex;align-items:center;gap:24px}.mobile-nav-btn{display:none}.page-indicator-text{font-family:var(--font-pencil-title);font-size:1rem;font-weight:700;color:#4a3622;display:flex;align-items:center;gap:8px}.page-dots-container{display:flex;gap:6px}.page-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #5a3c1e;background:transparent;cursor:pointer;transition:all .15s ease}.page-dot.active{background:var(--papermae-coral);transform:scale(1.25);border-color:#7c2207}.keyboard-hint{font-family:var(--font-cursive);font-size:1.15rem;color:#78350f}.washi-tape{position:absolute;height:24px;z-index:8;opacity:.92;box-shadow:var(--shadow-tape);pointer-events:none;clip-path:polygon(4% 0%,96% 0%,100% 12%,97% 24%,100% 48%,96% 76%,100% 100%,0% 100%,3% 80%,0% 52%,4% 28%,0% 10%)}.washi-top-center{top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:95px}.washi-corner-tl{top:-8px;left:-8px;transform:rotate(-35deg);width:70px}.washi-corner-tr{top:-8px;right:-8px;transform:rotate(35deg);width:70px}.washi-pink-gingham{background-color:#fecdd3;background-image:repeating-linear-gradient(45deg,rgba(244,63,94,.22) 0px,rgba(244,63,94,.22) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(-45deg,rgba(244,63,94,.22) 0px,rgba(244,63,94,.22) 8px,transparent 8px,transparent 16px)}.washi-yellow-dots{background-color:#fef08a;background-image:radial-gradient(rgba(202,138,4,.35) 2px,transparent 2px);background-size:8px 8px}.washi-mint-stripes{background-color:#bbf7d0;background-image:repeating-linear-gradient(90deg,rgba(22,163,74,.2) 0,rgba(22,163,74,.2) 4px,transparent 4px,transparent 8px)}.washi-lavender-grid{background-color:#e9d5ff;background-image:linear-gradient(rgba(147,51,234,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(147,51,234,.25) 1px,transparent 1px);background-size:6px 6px}.washi-kraft{background-color:#d6b88b;background-image:repeating-linear-gradient(45deg,rgba(100,70,30,.1) 0,rgba(100,70,30,.1) 2px,transparent 2px,transparent 6px)}.washi-coral{background-color:#ffedd5;background-image:repeating-linear-gradient(0deg,rgba(245,128,91,.3) 0,rgba(245,128,91,.3) 3px,transparent 3px,transparent 7px)}.paperclip-clip{position:absolute;top:-14px;right:22px;width:16px;height:44px;border:3px solid #d4af37;border-radius:10px;box-shadow:2px 3px 5px #0003;z-index:12;transform:rotate(8deg);pointer-events:none}.paperclip-clip:after{content:"";position:absolute;top:7px;left:2px;width:7px;height:26px;border:2.5px solid #d4af37;border-radius:6px}.paperclip-silver{border-color:#94a3b8}.paperclip-silver:after{border-color:#94a3b8}.sticky-note{position:relative;padding:16px 14px;border-radius:4px;box-shadow:var(--shadow-note);border:1px solid rgba(0,0,0,.08);font-family:var(--font-hand-body);transition:transform .2s ease,box-shadow .2s ease}.sticky-note:hover{transform:translateY(-3px) rotate(.5deg)!important;box-shadow:0 10px 20px #321e0f26}.note-yellow{background:var(--paper-yellow-note)}.note-pink{background:var(--paper-pink-note)}.note-mint{background:var(--paper-mint-note)}.note-lavender{background:var(--paper-lavender-note)}.note-kraft{background:var(--paper-kraft);border:2px dashed #b19370}.torn-card{position:relative;background:#fff;border:2px solid #5a3c1e;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:16px;box-shadow:var(--shadow-note)}.sketch-border{border:2px solid var(--graphite-dark);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:2px 2px #29282559}.highlight-yellow{background:linear-gradient(104deg,rgba(254,240,138,0) .9%,var(--highlight-yellow) 2.4%,var(--highlight-yellow) 94%,rgba(254,240,138,0) 98%);padding:0 5px;border-radius:4px}.highlight-pink{background:linear-gradient(104deg,rgba(251,207,232,0) .9%,var(--highlight-pink) 2.4%,var(--highlight-pink) 94%,rgba(251,207,232,0) 98%);padding:0 5px;border-radius:4px}.highlight-mint{background:linear-gradient(104deg,rgba(187,247,208,0) .9%,var(--highlight-mint) 2.4%,var(--highlight-mint) 94%,rgba(187,247,208,0) 98%);padding:0 5px;border-radius:4px}.highlight-peach{background:linear-gradient(104deg,rgba(254,215,170,0) .9%,var(--highlight-peach) 2.4%,var(--highlight-peach) 94%,rgba(254,215,170,0) 98%);padding:0 5px;border-radius:4px}.pencil-title{font-family:var(--font-pencil-title);font-weight:700;color:var(--graphite-dark);letter-spacing:-.5px;line-height:1.2}.cursive-note{font-family:var(--font-cursive);font-size:1.35rem;color:#4b3621;line-height:1.3}.typewriter-text{font-family:var(--font-typewriter);font-size:.85rem;letter-spacing:.5px}.pencil-hr{border:none;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='16' viewBox='0 0 100 16'%3E%3Cpath d='M0,8 Q12.5,0 25,8 T50,8 T75,8 T100,8' fill='none' stroke='%2345433d' stroke-width='2.2' stroke-linecap='round' stroke-dasharray='1 0'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:70px 12px;margin:14px 0;opacity:.6}.polaroid{position:relative;background:#fff;padding:10px 10px 14px;border-radius:4px;box-shadow:var(--shadow-polaroid);border:1px solid rgba(0,0,0,.08);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;cursor:pointer;display:flex;flex-direction:column}.polaroid:hover{transform:translateY(-6px) scale(1.02) rotate(0)!important;box-shadow:var(--shadow-polaroid-hover);z-index:10}.polaroid.tilt-1{transform:rotate(-2deg)}.polaroid.tilt-2{transform:rotate(1.8deg)}.polaroid.tilt-3{transform:rotate(-1.5deg)}.polaroid.tilt-4{transform:rotate(2deg)}.polaroid.tilt-5{transform:rotate(-1.8deg)}.polaroid.tilt-6{transform:rotate(1.4deg)}.polaroid-photo-frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f1ede4;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 0 8px #00000014}.polaroid-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.polaroid:hover .polaroid-photo-frame img{transform:scale(1.04)}.polaroid-caption{margin-top:10px;font-family:var(--font-cursive);font-size:1.3rem;color:var(--graphite-dark);text-align:center;line-height:1.2}.polaroid-tag{display:block;font-family:var(--font-hand-body);font-size:.85rem;font-weight:700;color:var(--papermae-coral);margin-top:2px;text-align:center}.polaroid-select-strip{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:8px;padding-top:6px;border-top:1px dashed #e2d8cb}.design-chip{background:#f8fafc;border:1.8px solid #5a3c1e;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:2px 8px;font-family:var(--font-pencil-title);font-size:.8rem;font-weight:700;color:#3b2510;transition:all .15s ease;-webkit-user-select:none;user-select:none}.design-chip:hover{background:var(--paper-yellow-note);transform:scale(1.08) rotate(-1deg)}.design-chip.selected{background:var(--papermae-coral);color:#fff;border-color:#831843;box-shadow:0 2px 5px #f5805b80}.design-chip.selected:after{content:"✓";margin-left:2px}.section-header-banner{margin-bottom:16px}.section-header-banner h2{font-family:var(--font-pencil-title);font-size:1.85rem;color:var(--papermae-brown);line-height:1.2}.section-header-banner .subtitle{font-family:var(--font-cursive);font-size:1.25rem;color:var(--graphite-med);margin-top:2px}.order-slip-card{position:relative;background:#fffef2;border:2px solid #5a3c1e;border-radius:6px;padding:20px 18px;box-shadow:0 8px 20px #2d1e0f2e;background-image:repeating-linear-gradient(transparent,transparent 27px,rgba(147,197,253,.28) 28px);background-size:100% 28px}.order-slip-header{border-bottom:3px double #7c5835;padding-bottom:8px;margin-bottom:14px;text-align:center}.order-slip-header h3{font-family:var(--font-pencil-title);font-size:1.6rem;color:var(--papermae-brown)}.order-slip-header .order-no{font-family:var(--font-typewriter);font-size:.8rem;color:#78350f}.order-form-group{margin-bottom:12px}.order-form-group label{display:block;font-family:var(--font-pencil-title);font-size:.95rem;color:#451a03;margin-bottom:2px;font-weight:700}.order-input,.order-textarea{width:100%;background:transparent;border:none;border-bottom:2px dashed #78350f;padding:5px 2px;font-family:var(--font-hand-body);font-size:1.15rem;color:var(--graphite-dark);outline:none;transition:border-color .2s ease,background .2s ease}.order-input:focus,.order-textarea:focus{border-bottom:2.5px solid var(--papermae-coral);background:#fef08a2e}.order-textarea{resize:vertical;min-height:70px;line-height:28px}.order-file-input-wrapper{display:flex;align-items:center;gap:10px;margin-top:4px}.file-custom-btn{background:#fef08a;border:2px solid #5a3c1e;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 12px;font-family:var(--font-pencil-title);font-size:.85rem;font-weight:700;color:#3b2510;cursor:pointer;transition:all .15s ease}.file-custom-btn:hover{background:#fde047;transform:translateY(-2px)}.file-chosen-name{font-family:var(--font-cursive);font-size:1.1rem;color:#78350f}.gcash-card{position:relative;background:#fff;border:2px solid #1d4ed8;border-radius:10px;padding:12px;text-align:center;box-shadow:0 6px 14px #1e3a8a1f;margin:12px 0}.gcash-card img{max-width:160px;width:100%;border-radius:6px;border:1px solid #cbd5e1}.stamp-submit-btn{display:block;width:100%;background:transparent;border:3px dashed var(--stamp-ink);border-radius:12px;padding:10px 18px;color:var(--stamp-ink);font-family:var(--font-pencil-title);font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;text-align:center;transform:rotate(-1.5deg);box-shadow:inset 0 0 10px #b91c1c26,0 3px 8px #b91c1c26;transition:all .15s cubic-bezier(.34,1.56,.64,1);margin-top:16px}.stamp-submit-btn:hover{transform:rotate(0) scale(1.02);background:#fee2e280;box-shadow:inset 0 0 14px #b91c1c40,0 6px 12px #b91c1c38}.stamp-submit-btn:active{transform:scale(.97) rotate(1deg);background:#fecacacc}.order-stamp-mark{display:inline-block;border:4px double var(--stamp-ink);border-radius:50%;width:110px;height:110px;padding:12px;color:var(--stamp-ink);font-family:var(--font-pencil-title);font-size:.8rem;font-weight:800;text-align:center;transform:rotate(-14deg);opacity:.85}.price-tag-card{position:relative;background:var(--paper-kraft);border:2px dashed #78350f;border-radius:10px;padding:18px 16px;box-shadow:var(--shadow-note);transform:rotate(1deg)}.price-table{width:100%;border-collapse:collapse;margin-top:10px;font-family:var(--font-hand-body);font-size:1.15rem}.price-table th{font-family:var(--font-pencil-title);color:var(--papermae-brown);border-bottom:2px solid #78350f;padding:6px;text-align:left}.price-table td{padding:8px 6px;border-bottom:1px dashed rgba(120,53,15,.35)}.price-badge-premade{color:#15803d;font-weight:700}.price-badge-custom{color:#be185d;font-weight:700}.price-amount{font-family:var(--font-pencil-title);font-weight:800;font-size:1.25rem}.social-stickers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:14px}.social-sticker{background:#fff;border:2px solid #5a3c1e;border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#3b2510;box-shadow:2px 3px 6px #321e0f1f;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.social-sticker:hover{transform:translateY(-4px) scale(1.05) rotate(-2deg);box-shadow:3px 6px 12px #321e0f33;background:var(--paper-yellow-note)}.social-sticker svg{width:28px;height:28px;fill:currentColor}.social-sticker span{font-family:var(--font-pencil-title);font-size:.85rem;font-weight:700}body.cursor-tool-pencil,body.cursor-tool-pencil #doodleCanvas,body.cursor-tool-pencil *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(1, 1) rotate(-45 0 0)'%3E%3Cpolygon points='0,0 -3.5,8.5 3.5,8.5' fill='%23fed7aa' stroke='%232b2a27' stroke-width='1'/%3E%3Cpolygon points='0,0 -1.6,4 1.6,4' fill='%232b2a27'/%3E%3Cpolygon points='-3.5,8.5 3.5,8.5 3.5,23.5 -3.5,23.5' fill='%23f59e0b' stroke='%232b2a27' stroke-width='1.2'/%3E%3Cline x1='0' y1='8.5' x2='0' y2='23.5' stroke='%23d97706' stroke-width='1'/%3E%3Crect x='-3.5' y='23.5' width='7' height='3.5' fill='%23cbd5e1' stroke='%232b2a27' stroke-width='1'/%3E%3Cpath d='M-3.5,27 Q0,31 3.5,27 Z' fill='%23f472b6' stroke='%232b2a27' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") 1 1,crosshair!important}body.cursor-tool-heart,body.cursor-tool-heart #doodleCanvas,body.cursor-tool-heart *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M14,2 Q18,0 22,2 Q20,7 22,12 L14,12 Q16,7 14,2 Z' fill='%23b45309' stroke='%233b2510' stroke-width='1.2'/%3E%3Crect x='4' y='12' width='28' height='10' rx='2' fill='%23d97706' stroke='%233b2510' stroke-width='1.5'/%3E%3Crect x='5' y='22' width='26' height='4' rx='1' fill='%23f43f5e' stroke='%233b2510' stroke-width='1.2'/%3E%3Cpath d='M18,14 C16,12 12,13 12,16 C12,19 18,21 18,21 C18,21 24,19 24,16 C24,13 20,12 18,14 Z' fill='%23ffffff'/%3E%3Ccircle cx='18' cy='31' r='3' fill='%23e11d48' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E") 18 31,pointer!important}body.cursor-tool-star,body.cursor-tool-star #doodleCanvas,body.cursor-tool-star *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M14,2 Q18,0 22,2 Q20,7 22,12 L14,12 Q16,7 14,2 Z' fill='%23b45309' stroke='%233b2510' stroke-width='1.2'/%3E%3Crect x='4' y='12' width='28' height='10' rx='2' fill='%23d97706' stroke='%233b2510' stroke-width='1.5'/%3E%3Crect x='5' y='22' width='26' height='4' rx='1' fill='%23eab308' stroke='%233b2510' stroke-width='1.2'/%3E%3Cpolygon points='18,13 19.5,16 23,16.5 20.5,18.8 21.2,22 18,20.3 14.8,22 15.5,18.8 13,16.5 16.5,16' fill='%23ffffff'/%3E%3Ccircle cx='18' cy='31' r='3' fill='%23ca8a04' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E") 18 31,pointer!important}body.cursor-tool-paw,body.cursor-tool-paw #doodleCanvas,body.cursor-tool-paw *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M14,2 Q18,0 22,2 Q20,7 22,12 L14,12 Q16,7 14,2 Z' fill='%23b45309' stroke='%233b2510' stroke-width='1.2'/%3E%3Crect x='4' y='12' width='28' height='10' rx='2' fill='%23d97706' stroke='%233b2510' stroke-width='1.5'/%3E%3Crect x='5' y='22' width='26' height='4' rx='1' fill='%23f97316' stroke='%233b2510' stroke-width='1.2'/%3E%3Cellipse cx='18' cy='18' rx='4.2' ry='3' fill='%23ffffff'/%3E%3Ccircle cx='13.8' cy='14.8' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='16.5' cy='13.5' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='19.5' cy='13.5' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='22.2' cy='14.8' r='1.3' fill='%23ffffff'/%3E%3Ccircle cx='18' cy='31' r='3' fill='%23ea580c' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E") 18 31,pointer!important}body.cursor-tool-flower,body.cursor-tool-flower #doodleCanvas,body.cursor-tool-flower *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cpath d='M14,2 Q18,0 22,2 Q20,7 22,12 L14,12 Q16,7 14,2 Z' fill='%23b45309' stroke='%233b2510' stroke-width='1.2'/%3E%3Crect x='4' y='12' width='28' height='10' rx='2' fill='%23d97706' stroke='%233b2510' stroke-width='1.5'/%3E%3Crect x='5' y='22' width='26' height='4' rx='1' fill='%23ec4899' stroke='%233b2510' stroke-width='1.2'/%3E%3Ccircle cx='18' cy='17' r='3' fill='%23fef08a' stroke='%23ffffff' stroke-width='1'/%3E%3Ccircle cx='18' cy='31' r='3' fill='%23db2777' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E") 18 31,pointer!important}body.cursor-tool-eraser,body.cursor-tool-eraser #doodleCanvas,body.cursor-tool-eraser *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg transform='rotate(20 18 18) translate(3, 3)'%3E%3Crect x='4' y='4' width='22' height='16' rx='2' fill='%23f8fafc' stroke='%23334155' stroke-width='1.5'/%3E%3Crect x='11' y='4' width='15' height='16' fill='%230284c7' stroke='%23334155' stroke-width='1.2'/%3E%3Crect x='15' y='4' width='4' height='16' fill='%23ffffff'/%3E%3C/g%3E%3Ccircle cx='8' cy='28' r='3' fill='%230284c7' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E") 8 28,crosshair!important}.desk-stationery-tools{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:110}.desk-tools-cluster{position:absolute;display:flex;flex-direction:column;gap:24px;pointer-events:auto}.cluster-left{left:30px;top:50%;transform:translateY(-50%);align-items:flex-start}.cluster-right{right:30px;top:50%;transform:translateY(-50%);align-items:flex-end}.desk-tool-item{background:transparent;border:none;padding:0;margin:0;outline:none;cursor:pointer!important;position:relative;display:flex;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;user-select:none;-webkit-user-select:none}.desk-tool-item:hover{transform:scale(1.14) translateY(-5px)}.desk-tool-visual{position:relative;display:flex;align-items:center;justify-content:center}.tool-ground-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:90%;height:12px;background:radial-gradient(ellipse at center,#1e0f0561,#1e0f0500 75%);border-radius:50%;pointer-events:none;transition:transform .25s ease,opacity .25s ease;z-index:1}.desk-tool-item:hover .tool-ground-shadow{transform:translate(-50%) translateY(5px) scale(.9);opacity:.55}.tool-tag-label{margin-top:6px;background:#fdf6ea;border:1.5px solid #6b4d2e;border-radius:4px;padding:2px 7px;font-family:var(--font-pencil-title);font-size:.8rem;font-weight:700;color:#4a3219;box-shadow:1px 1px #3c28144d;pointer-events:none;white-space:nowrap;transition:all .2s ease}.desk-tool-item:hover .tool-tag-label{background:#fef08a;border-color:#451a03;color:#451a03}.tool-inhand-badge{display:none;margin-top:4px;background:var(--papermae-coral);color:#fff;border:1px solid #7c2207;border-radius:20px;padding:1px 6px;font-family:var(--font-pencil-title);font-size:.65rem;font-weight:900;letter-spacing:.5px;animation:pulseInHand 1.5s infinite alternate ease-in-out}@keyframes pulseInHand{0%{transform:scale(.95);opacity:.85}to{transform:scale(1.05);opacity:1}}.desk-tool-item.picked-up{opacity:.65;filter:drop-shadow(0 0 8px rgba(235,114,82,.6));transform:scale(.92) translateY(-2px)}.desk-tool-item.picked-up .tool-inhand-badge{display:block}.desk-tool-item.picked-up .tool-ground-shadow{opacity:.2}.tool-pencil{transform:rotate(-22deg)}.tool-pencil:hover{transform:rotate(-14deg) scale(1.14) translateY(-5px)}.pencil-obj{display:flex;align-items:center;position:relative;z-index:2;filter:drop-shadow(2px 4px 5px rgba(0,0,0,.22))}.pencil-tip{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:12px solid #2b2a27;position:relative;z-index:3}.pencil-wood-shaving{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:14px solid #fed7aa;margin-left:-5px}.pencil-shaft{width:74px;height:14px;background:linear-gradient(180deg,#fbbf24,#f59e0b,#d97706);border:1px solid #78350f;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff6}.pencil-brand{font-family:var(--font-pencil-title);font-size:.62rem;font-weight:800;color:#78350f;letter-spacing:.5px}.pencil-ring{width:7px;height:14px;background:linear-gradient(180deg,#e2e8f0,#94a3b8,#64748b);border:1px solid #334155}.pencil-rubber{width:11px;height:14px;background:linear-gradient(180deg,#f472b6,#ec4899,#db2777);border:1px solid #9d174d;border-radius:0 4px 4px 0}.tool-stamp-heart{transform:rotate(10deg)}.tool-stamp-heart:hover{transform:rotate(4deg) scale(1.14) translateY(-5px)}.tool-stamp-star{transform:rotate(16deg)}.tool-stamp-star:hover{transform:rotate(8deg) scale(1.14) translateY(-5px)}.tool-stamp-paw{transform:rotate(-12deg)}.tool-stamp-paw:hover{transform:rotate(-5deg) scale(1.14) translateY(-5px)}.tool-stamp-flower{transform:rotate(10deg)}.tool-stamp-flower:hover{transform:rotate(4deg) scale(1.14) translateY(-5px)}.stamp-obj{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;filter:drop-shadow(2px 5px 6px rgba(0,0,0,.24))}.stamp-handle-knob{width:18px;height:16px;background:linear-gradient(180deg,#92400e,#b45309 60%,#78350f);border:1.5px solid #451a03;border-radius:50% 50% 3px 3px;box-shadow:inset 0 2px 2px #ffffff4d}.stamp-body-wood{width:44px;height:32px;background:linear-gradient(180deg,#d97706,#b45309);border:2px solid #451a03;border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff59}.stamp-imprint-symbol{font-size:1.25rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.stamp-cushion-red,.stamp-cushion-gold,.stamp-cushion-orange,.stamp-cushion-pink{width:40px;height:6px;border-radius:0 0 2px 2px;border:1px solid #451a03;border-top:none}.stamp-cushion-red{background:#f43f5e}.stamp-cushion-gold{background:#facc15}.stamp-cushion-orange{background:#fb923c}.stamp-cushion-pink{background:#f472b6}.tool-eraser{transform:rotate(-8deg)}.tool-eraser:hover{transform:rotate(-2deg) scale(1.14) translateY(-5px)}.eraser-obj{display:flex;flex-direction:column;align-items:center;width:46px;position:relative;z-index:2;filter:drop-shadow(2px 4px 5px rgba(0,0,0,.22))}.eraser-core-top,.eraser-core-bottom{width:40px;height:6px;background:#f8fafc;border:1.5px solid #334155}.eraser-core-top{border-radius:4px 4px 0 0;border-bottom:none}.eraser-core-bottom{border-radius:0 0 4px 4px;border-top:none}.eraser-card-jacket{width:44px;height:24px;background:linear-gradient(180deg,#0284c7,#0369a1);border:1.5px solid #0f172a;border-radius:2px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff6}.eraser-brand-text{font-family:var(--font-pencil-title);font-size:.65rem;font-weight:900;color:#fff;letter-spacing:1px}.tool-clear-all{transform:rotate(6deg)}.tool-clear-all:hover{transform:rotate(0) scale(1.14) translateY(-5px)}.sponge-obj{width:42px;height:38px;background:#fef08a;border:2px dashed #a16207;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;filter:drop-shadow(2px 4px 5px rgba(0,0,0,.2));transition:all .2s ease}.sponge-icon{font-size:1.35rem}.tool-clear-all.wiping .sponge-obj{transform:rotate(-25deg) scale(1.2);background:#fde047}.active-tool-banner{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:120;display:flex;align-items:center;animation:slideDownBanner .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}@keyframes slideDownBanner{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.active-banner-inner{display:flex;align-items:center;gap:12px;background:#fffdf5;border:2.5px solid #5a3c1e;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:6px 16px;box-shadow:0 6px 16px #2d190a47}.active-banner-indicator{color:var(--papermae-coral);font-size:1.1rem;animation:spinSlow 4s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active-banner-text{font-family:var(--font-pencil-title);font-size:.95rem;font-weight:700;color:#3f2812}.drop-tool-btn{background:#fee2e2;border:1.5px solid #b91c1c;color:#991b1b;border-radius:6px;padding:3px 10px;font-family:var(--font-pencil-title);font-size:.8rem;font-weight:800;cursor:pointer!important;transition:all .15s ease}.drop-tool-btn:hover{background:#fca5a5;transform:scale(1.05)}.cursor-companion{position:fixed;top:0;left:0;pointer-events:none;z-index:1000;display:none;transition:transform .04s ease-out}.cursor-companion.active{display:block}.companion-inner{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffffe0;border:1.5px solid #4a3622;border-radius:50%;box-shadow:0 4px 10px #0003;transform:rotate(15deg)}.companion-inner span{font-size:1.1rem}@media(max-width:1350px){.cluster-left{left:10px;gap:16px}.cluster-right{right:10px;gap:16px}.pencil-shaft{width:52px}.stamp-body-wood{width:36px;height:26px}.stamp-cushion-red,.stamp-cushion-gold,.stamp-cushion-orange,.stamp-cushion-pink{width:34px}}.polaroid-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e140ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center;padding:16px}.polaroid-modal.active{display:flex}.polaroid-modal-inner{background:#fff;padding:14px 14px 22px;border-radius:8px;max-width:620px;width:100%;box-shadow:0 20px 40px #0006;position:relative}.polaroid-modal-close{position:absolute;top:-12px;right:-12px;width:34px;height:34px;background:#f87171;border:2.5px solid #3b0764;border-radius:50%;color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.polaroid-modal img{width:100%;border-radius:4px;border:1px solid #cbd5e1}.polaroid-modal-title{margin-top:12px;font-family:var(--font-pencil-title);font-size:1.6rem;color:#3b2510;text-align:center}.polaroid-modal-actions{display:flex;justify-content:center;margin-top:12px}.order-success-screen{display:none;text-align:center;padding:30px 14px}.order-success-screen.active{display:block}@media(max-width:860px){#deskStationeryTools,.desk-stationery-tools,.desk-tools-cluster,#activeToolBanner,.active-tool-banner,#cursorCompanion,.cursor-companion,#doodleCanvas,.spread-doodle-canvas,.desk-mat,.book-nav-arrow,.spiral-wire-spine,.book-center-fold,.page-flip-leaf,.album-corner,.keyboard-hint{display:none!important;pointer-events:none!important;visibility:hidden!important}html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-user-select:auto!important;user-select:auto!important;-webkit-overflow-scrolling:touch;background:#341e12!important}.scrapbook-viewport{position:relative!important;width:100%!important;max-width:100vw!important;height:auto!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;padding:6px 6px 78px!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important}.sticky-tabs-container{display:flex!important;gap:6px!important;padding:6px 4px 0!important;margin-bottom:-3px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;z-index:25!important}.sticky-tabs-container::-webkit-scrollbar{display:none!important}.sticky-tab{flex:0 0 auto!important;font-size:.88rem!important;padding:8px 12px 10px!important;border-radius:10px 10px 0 0!important;white-space:nowrap!important;border-width:2px!important;transform:none!important}.sticky-tab.active{transform:translateY(-2px) scale(1.02)!important;padding-bottom:12px!important;box-shadow:0 -4px 10px #0003!important}.sticky-tab.active:before{top:-4px!important;left:8px!important;width:8px!important;height:18px!important;border-width:2px!important}.sticky-tab.active:after{bottom:-6px!important}.scrapbook-album{position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:unset!important;padding:8px 6px 14px!important;border-radius:14px!important;border:3px solid var(--binder-border)!important;outline:2px dashed #ab8b65!important;outline-offset:-5px!important;box-sizing:border-box!important;box-shadow:0 10px 25px #140a0559!important;background:var(--binder-cover)!important;margin:0 auto!important}.scrapbook-pages-wrapper{position:relative!important;width:100%!important;height:auto!important;min-height:unset!important;display:block!important;border-radius:10px!important;border:2px solid #6d4a27!important;overflow:visible!important;box-shadow:inset 0 0 15px #64461e1a!important;background:var(--paper-cream)!important}.scrapbook-spread{display:none!important;position:relative!important;width:100%!important;height:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-sizing:border-box!important;border-radius:8px!important;overflow:hidden!important}.scrapbook-spread.active{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;animation:mobileSpreadFadeIn .28s cubic-bezier(.2,.9,.3,1)!important}@keyframes mobileSpreadFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-left,.page-right{flex:none!important;width:100%!important;height:auto!important;max-height:none!important;overflow-y:visible!important;padding:20px 14px!important;box-sizing:border-box!important;border-left:none!important;border-right:none!important}.page-left{border-bottom:2.5px dashed #cca984!important;border-radius:8px 8px 0 0!important}.page-right{border-radius:0 0 8px 8px!important}.desk-bottom-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important;border-radius:16px 16px 0 0!important;border:2px solid #5a3c1e!important;border-bottom:none!important;background:#fffcf5f7!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 -4px 20px #23140a4d!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px)) 14px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;z-index:150!important}.bottom-bar-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important;flex:1!important;min-width:0!important}.page-indicator-text{font-size:.85rem!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:180px!important;font-family:var(--font-pencil-title)!important;color:#4a3622!important;font-weight:700!important}.page-dots-container{gap:5px!important}.page-dot{width:8px!important;height:8px!important}.mobile-nav-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:8px 14px!important;font-family:var(--font-pencil-title)!important;font-size:.9rem!important;font-weight:700!important;color:#4a2d12!important;background:#fed7aa!important;border:2px solid #5a3c1e!important;border-radius:12px!important;box-shadow:2px 2px #5a3c1e!important;cursor:pointer!important;touch-action:manipulation!important;transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease!important;white-space:nowrap!important;flex-shrink:0!important}.mobile-nav-btn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px #5a3c1e!important}.mobile-nav-btn:disabled{opacity:.35!important;pointer-events:none!important}.mobile-nav-btn.next-btn{background:var(--papermae-coral)!important;color:#fff!important;border-color:#7c2207!important;box-shadow:2px 2px #7c2207!important}.mobile-nav-btn.next-btn:active{box-shadow:1px 1px #7c2207!important}.polaroid{transform:none!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.polaroid-photo-frame{aspect-ratio:16 / 10!important}.polaroid-caption{font-size:1.25rem!important}.polaroid-tag{font-size:.82rem!important}.polaroid-select-strip{gap:6px!important}.design-chip{padding:4px 10px!important;font-size:.85rem!important}.sticky-note,.torn-card,.gcash-card,.order-slip-card{transform:none!important;max-width:100%!important;box-sizing:border-box!important}.section-header-banner h2{font-size:1.6rem!important}.section-header-banner .subtitle{font-size:1.15rem!important}.spread-section-flag{font-size:.8rem!important;padding:3px 10px!important;max-width:100%!important}.order-input,.order-textarea{font-size:16px!important;padding:10px 12px!important;border-width:2px!important}.file-custom-btn{font-size:.95rem!important;padding:9px 14px!important}.stamp-submit-btn{font-size:1.05rem!important;padding:14px!important;width:100%!important}.social-stickers-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.polaroid-modal{padding:12px!important}.polaroid-modal-inner{padding:12px 12px 18px!important;max-width:95vw!important;max-height:90vh!important;overflow-y:auto!important}.polaroid-modal-title{font-size:1.35rem!important}}