.card-stage{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.card-wrapper{width:var(--card-face-width,340px);aspect-ratio:2/3;perspective:2500px;z-index:1;box-sizing:border-box;--card-ease:cubic-bezier(.65, 0, .35, 1);max-width:88vw;transition:transform 1.05s var(--card-ease);position:relative;overflow:visible}@media (width>=601px){.card-wrapper:not([data-fold-sized]){visibility:hidden}}.card-wrapper.swiping{transition:none!important}.card-side-nav{z-index:20;pointer-events:none;height:0;display:none;position:absolute;left:50%;transform:translate(-50%)}.card-side-nav[hidden],.card-side-arrow[hidden],.is-drawing .card-side-nav,.is-editing-text .card-side-nav{display:none}.card-side-arrow{color:#64665f;cursor:pointer;pointer-events:auto;background:#fffef9eb;border:1px solid #3437311f;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s,box-shadow .15s;display:grid;position:absolute;top:-16px;box-shadow:0 2px 7px #25281f14}.card-side-arrow:before{content:"";position:absolute;inset:-6px}.card-side-arrow-previous{right:calc(100% + 20px)}.card-side-arrow-next{left:calc(100% + 20px)}.card-side-arrow-previous svg{transform:rotate(180deg)}.card-side-arrow:hover{color:#343731;background:#fffef9;box-shadow:0 3px 10px #25281f24}.card-side-arrow:focus-visible{outline-offset:4px;outline:2px solid #3e5c76}.card-side-arrow:disabled{opacity:.4;cursor:default}@media (width>=1024px){.card-side-nav{display:block}}.card-wrapper[data-face=cardfront]{transform:none}.card-wrapper[data-face=inside-left]{transform:translate(100%)}.card-wrapper.is-spread[data-face=inside-right]{transform:translate(50%)}.card-wrapper[data-face=inside-right]:not(.is-spread){transform:none}.card-wrapper[data-face=cardback]{transform:translate(100%)}.card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;animation:.6s ease-out cardFloat;position:relative}@keyframes cardFloat{0%{opacity:0;transform:translateY(30px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardNudge{0%,30%{transform:rotateY(0)}40%{transform:rotateY(-60deg)}50%,80%{transform:rotateY(0)}90%{transform:rotateY(-50deg)}to{transform:rotateY(0)}}.card.opened{cursor:default}.card :is(.cardfront,.inside-left,.inside-right,.cardback){transition:visibility}.card:not([data-face=cardfront]) .cardfront,.card:not([data-face=cardback]) .cardback,.card:is([data-face=cardfront],[data-face=cardback]) :is(.inside-left,.inside-right){visibility:hidden;transition-delay:1.2s}.card.is-cover-turning .cardfront,.card.is-cover-turning .inside-left,.card.is-cover-turning .card-inside,.card.is-back-turning .inside-left,.card.is-back-turning .card-inside,.card.is-back-turning .card-back{visibility:visible;transition-delay:0s}.card.is-cover-turning:not(.is-cover-over) .inside-left,.card.is-cover-turning.is-cover-over .cardfront,.card.is-back-turning.is-leaf-over .card-inside,.card.is-back-turning:not(.is-leaf-over) .card-back{visibility:hidden;transition-delay:0s}.card:not([data-face=cardfront]) :is(.cardfront,.cardfront *),.card:not([data-face=cardback]) :is(.cardback,.cardback *),.card:not(.is-spread):not([data-face=inside-left]) :is(.inside-left,.inside-left *),.card:not(.is-spread):not([data-face=inside-right]) :is(.inside-right,.inside-right *){pointer-events:none!important}.card-cover{border-radius:var(--card-face-radius,16px);transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--card-paper-shadow);z-index:2;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;cursor:pointer;background:0 0;transition:transform 1.2s cubic-bezier(.65,0,.35,1),box-shadow .8s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0}.cover-front,.cover-back,.cardfront,.inside-left{border-radius:inherit;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.cardfront,.cover-front{background:#fff}.cardfront,.cover-front,.card-inside{transform:translateZ(1px)}:is(.cardfront,.inside-left,.card-inside,.card-back,.card-leaf-turn-back){isolation:isolate}.inside-left,.cover-back{background-color:var(--card-stock-color,#f3ead8);background-image:var(--card-stock-image);background-size:var(--card-stock-size);box-sizing:border-box;flex-direction:column;display:flex;transform:rotateY(180deg)translateZ(1px)}.card-cover.nudge-hint{animation:10s ease-in-out cardNudge}.card-cover.swiping{transition:none!important}.card:not([data-face=cardfront]) .card-cover{box-shadow:var(--card-fold-shadow);transform:rotateY(-178deg)}.card :is(.inside-left,.card-inside,.card-leaf-underlay,.card-leaf-turn-back)>.face-blocks:before{content:"";z-index:-1;pointer-events:none;width:18%;position:absolute;top:0;bottom:0}.card :is(.inside-left,.card-leaf-turn-back)>.face-blocks:before{background:linear-gradient(270deg,#28180c1a,#0000);right:0}.card :is(.card-inside,.card-leaf-underlay)>.face-blocks:before{background:linear-gradient(90deg,#28180c1a,#0000);left:0}.cover-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.card-leaf{transform-origin:0;width:100%;height:100%;transform-style:preserve-3d;z-index:1;will-change:transform;transition:transform 1.2s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:0;transform:rotateY(0)}.card-leaf.swiping{transition:none!important}.card-leaf-underlay{visibility:hidden;z-index:0;border-radius:var(--card-face-radius,16px);background-color:var(--card-stock-color,#f3ead8);background-image:var(--card-stock-image);background-size:var(--card-stock-size);box-shadow:var(--card-paper-shadow);pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateZ(-1px)}.card-leaf-turn-back{visibility:hidden;border-radius:var(--card-face-radius,16px);background-color:var(--card-stock-color,#f3ead8);background-image:var(--card-stock-image);background-size:var(--card-stock-size);backface-visibility:hidden;pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)translateZ(1px)}.card.is-page-turning .card-leaf-underlay,.card.is-page-turning .card-leaf-turn-back{visibility:visible}.card.is-page-turning.is-leaf-over .card-leaf{z-index:3}.card.is-page-turning.is-leaf-over .card-inside,.card.is-page-turning:not(.is-leaf-over) .card-leaf-turn-back{visibility:hidden;transition-delay:0s}.card.is-page-turning .card-back{visibility:hidden;transition-delay:0s;display:none}.card[data-face=cardback] .card-leaf{z-index:3;transform:rotateY(-178deg)}.card-inside{background-color:var(--card-stock-color,#f3ead8);background-image:var(--card-stock-image);background-size:var(--card-stock-size);border-radius:var(--card-face-radius,16px);box-shadow:var(--card-paper-shadow);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.card-back{border-radius:var(--card-face-radius,16px);backface-visibility:hidden;box-sizing:border-box;color:#3a2a1c;background-color:var(--card-stock-color,#f3ead8);background-image:linear-gradient(270deg, #28180c17, transparent 14%), var(--card-stock-image);background-size:auto, var(--card-stock-size);box-shadow:var(--card-paper-shadow);cursor:pointer;flex-direction:column;justify-content:flex-end;align-items:stretch;padding:0;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotateY(180deg)translateZ(1px)}@media (prefers-reduced-motion:reduce){.card-cover.nudge-hint{animation:none}}.card:has(.card-cover.nudge-hint) .card-inside{visibility:visible;transition-delay:0s}.card-wrapper.is-postcard[data-face]{transform:none}.card.is-postcard :is(.card-cover,.card-leaf){transform-origin:50%;transform:rotateY(var(--postcard-rotation,0deg));box-shadow:none;touch-action:pan-y;transition:none}.card.is-postcard .card-cover{z-index:2}.card.is-postcard .card-leaf,.card.is-postcard.is-postcard-back .card-cover{z-index:1}.card.is-postcard.is-postcard-back .card-leaf{z-index:2}.card.is-postcard :is(.inside-left,.card-inside,.card-leaf-underlay,.card-leaf-turn-back,.card-back-face){display:none}.card.is-postcard :is(.cardfront,.cardback){visibility:visible;box-shadow:var(--card-paper-shadow);transition:none}.card.is-postcard.is-postcard-back .cardfront,.card.is-postcard:not(.is-postcard-back) .cardback{visibility:hidden}.card.is-postcard .card-back{background-image:var(--card-stock-image);background-size:var(--card-stock-size)}@media (width<=600px){html:not(.classic-flow) .card-stage>.card-face-dots{margin-top:14px;position:absolute;top:100%;left:50%;transform:translate(-50%)}}:root{--ledder-canvas:#efeee9}html.ledder-canvas{background:var(--ledder-canvas)}html.ledder-canvas.embed,html.ledder-canvas.embed body.playful-studio{background:0 0!important}.card-actions{z-index:50;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));white-space:nowrap;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;transform:translate(-50%)}.card-actions a,.card-actions button{cursor:pointer;border:1.5px solid #191b33;border-radius:10px;padding:13px 20px;font:600 14px Inter,sans-serif;text-decoration:none;transition:translate .12s,box-shadow .12s}.card-actions .home-create{color:#fff;background:#3e5c76;box-shadow:3px 4px #191b33}.card-actions .home-create span{margin-left:12px}.viewer-actions:not(.is-complete) .home-create{display:none}.card-actions .home-secondary{color:#191b33;background:#fff;box-shadow:3px 4px #191b33}.card-actions a:hover,.card-actions button:hover{box-shadow:3px 5px #191b33}.card-actions a:active,.card-actions button:active{translate:2px 3px;box-shadow:1px 1px #191b33}@media (width>=601px){.card-actions{gap:12px}.card-actions a,.card-actions button{border-radius:12px;padding:15px 24px;font-size:15px}}@media (width<=380px){.card-actions{gap:8px}.card-actions a,.card-actions button{padding:13px 14px;font-size:14px}}body.playful-studio{--studio-ink:#191b33;--studio-ink-soft:#535974;--ledder-shell-gradient:var(--ledder-canvas);color:#191b33;background:var(--ledder-canvas)!important}body.playful-studio:before{content:"";opacity:1;pointer-events:none;z-index:0;background:#ded9bf;border-radius:50%;width:230px;height:230px;position:fixed;top:-140px;right:-70px}.playful-studio .editor-header{-webkit-backdrop-filter:none;background:#ffffffed;border:1.5px solid #191b33;border-radius:12px;box-shadow:3px 3px #191b33}.playful-studio .header-page-title,.playful-studio .header-title{color:#191b33;letter-spacing:-.6px;font-family:Inter,sans-serif;font-style:normal;font-weight:800}.playful-studio .back-btn{background:var(--ledder-canvas);color:#191b33;border-color:#d9d8eb;border-radius:8px}.playful-studio .send-cta-btn{color:#191b33;box-shadow:none;background:#bb7966;border:1px solid #191b33;border-radius:9px;font-family:Inter,sans-serif;font-weight:800}.playful-studio .editor-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffed;border:1.5px solid #191b33;border-radius:14px;box-shadow:3px 4px #191b33}.playful-studio .editor-toolbar .tool-btn,.playful-studio .editor-toolbar .bg-btn,.playful-studio .text-font-select,.playful-studio .text-cancel-btn,.playful-studio .text-size-btn,.playful-studio .page-draw-action{color:#191b33;font-family:Inter,sans-serif}.playful-studio .editor-toolbar .tool-btn-primary,.playful-studio .page-draw-done{color:#fff;box-shadow:none;background:#3e5c76;border:0;border-radius:9px;font-family:Inter,sans-serif;font-weight:750}.playful-studio .editor-toolbar .tool-btn-secondary{background:#e8eaf0;border-color:#d9d8eb}.playful-studio .editor-toolbar-rule{background:#d9d8eb}.playful-studio .text-size-btn.active{color:#3e5c76;background:#e8eaf0}.playful-studio .editor-toolbar-text .stroke-color-btn.active,.playful-studio .editor-toolbar-draw .stroke-color-btn.active{outline-color:#191b33}.playful-studio .editor-cover-tools{gap:10px;padding:0}.playful-studio .editor-cover-tools .cover-choose-btn{color:#191b33;background:#fff;border:1.5px solid #191b33;border-radius:10px;transition:translate .12s,box-shadow .12s;box-shadow:3px 4px #191b33}.playful-studio .editor-cover-tools .cover-choose-btn:hover{translate:0 -1px;box-shadow:3px 5px #191b33}.playful-studio .editor-cover-tools .cover-choose-btn:active{translate:2px 3px;box-shadow:1px 1px #191b33}.playful-studio .editor-cover-tools .cover-open-btn{color:#fff;background:#3e5c76;border:1.5px solid #191b33;border-radius:10px;padding:13px 20px;text-decoration:none;box-shadow:3px 4px #191b33}.playful-studio .starter-cover-prompt button{color:#293d84;background:#fffcf2e8;border-color:#b6becf;border-radius:8px}.playful-studio .editor-add-chip{color:#191b33;box-shadow:none;background:#fff;border:1px solid #191b33;border-radius:9px}.playful-studio .card-music-host .music-pill-top{color:#191b33;box-shadow:none;background:#fff;border:1px solid #d9d8eb}.playful-studio .card-music-host .mp-name,.playful-studio .card-music-host .mp-artist{color:#191b33}.playful-studio .auth-signin-btn{color:#191b33;background:#fff;border:1px solid #d9d8eb;border-radius:8px}.from-home .block-content{animation:.5s both studioContentArrive}@keyframes studioContentArrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.from-home .block-content{animation:none}}.playful-studio .editor-toolbar .tool-btn-primary,.playful-studio .editor-toolbar .tool-btn-primary:hover{color:#fff!important;box-shadow:none!important;background:#3e5c76!important;border-radius:9px!important}.playful-studio .editor-toolbar-text .text-font-select{appearance:auto;color:#191b33!important;background:#e8eaf0!important;border-radius:8px!important;padding-right:8px!important}.playful-studio .music-pill-empty,.playful-studio .music-pill-empty span{color:#191b33!important}.from-home .card-wrapper,.from-home .card-cover,.from-home .card-leaf{transition:none!important}.home-entry .card{animation:none}.playful-studio .card-music-host .music-pill-top .mp-name,.playful-studio .card-music-host .music-pill-top .mp-artist{color:#191b33!important}.playful-studio .viewer-nav{background:0 0}.playful-studio .viewer-nav .logo,.playful-studio .viewer-nav .logo:hover{color:#191b33}.playful-studio .viewer-nav .nav-save-btn{color:#191b33;-webkit-backdrop-filter:none;background:#fffdf8;border:1px solid #d7d4c9;border-radius:9px}.playful-studio .viewer-nav .nav-save-btn:hover{background:#f6f2e9;border-color:#3e5c76}.playful-studio .viewer-nav .nav-saved-badge{color:#3e5c76}.playful-studio :is(.loading-screen,.error-screen){background:var(--ledder-canvas);color:#191b33}.playful-studio .loading-spinner{border-color:#3e5c76 #d7d4c9 #d7d4c9}.playful-studio .error-btn{background:#3e5c76}.playful-studio .card-face-dot:after{background:#bfc0d0}.playful-studio .card-face-dot.is-active:after{background:#3e5c76}