.notebook-preview{--notebook-turn-duration:.72s;--notebook-view-duration:.38s;--notebook-turn-ease:cubic-bezier(.4,0,.2,1);width:min(100%,310px);max-width:min(100%, calc(49dvh * var(--notebook-aspect)));margin:auto;container-type:inline-size}.notebook-preview__scene{height:0;padding-bottom:var(--notebook-height-product);perspective:1400px;transition:padding-bottom var(--notebook-view-duration) var(--notebook-turn-ease);position:relative}.notebook-preview__orbit{transform-style:preserve-3d;transform:rotateX(var(--notebook-drag-x)) rotateY(var(--notebook-drag-y));transition:transform var(--notebook-view-duration) var(--notebook-turn-ease);position:absolute;inset:0}.notebook-preview[data-view=product] .notebook-preview__scene{cursor:grab;touch-action:none;user-select:none}.notebook-preview[data-dragging=true] .notebook-preview__scene{cursor:grabbing}.notebook-preview[data-dragging=true] .notebook-preview__orbit{transition:none}.notebook-preview[data-view=design] .notebook-preview__orbit{transform:rotateX(0)rotateY(0)}.notebook-preview__scene:focus-visible{outline-offset:14px;border-radius:4px;outline:2px solid #08699d}.notebook-preview__interaction{color:#60605c;transition:opacity var(--notebook-view-duration) ease;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;margin:4px -24px 0;font-size:10px;line-height:1.5;display:flex}.notebook-preview__interaction[data-visible=false]{opacity:0;pointer-events:none}.notebook-preview__interaction button{color:#08699d;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding-inline:8px;font-weight:750}.notebook-preview__interaction button:hover:not(:disabled){background:#08699d0c}.notebook-preview__interaction button:disabled{opacity:.5;cursor:default}.notebook-preview__scene:after{z-index:-1;filter:blur(10px);content:"";transition:opacity var(--notebook-view-duration) ease;background:radial-gradient(#28211940,#28211917 45%,#0000 72%);border-radius:50%;position:absolute;inset:91% 0 -8%;transform:rotate(-3deg)}.notebook-preview__book{transform-style:preserve-3d;transition:transform var(--notebook-turn-duration) var(--notebook-turn-ease);position:absolute;inset:0;transform:rotateX(10deg)rotateY(-22deg)rotate(-3deg)}.notebook-preview[data-side=back] .notebook-preview__book{transform:rotateX(10deg)rotateY(158deg)rotate(3deg)}.notebook-preview__cover{backface-visibility:hidden;transition:transform var(--notebook-turn-duration) var(--notebook-turn-ease), border-radius var(--notebook-view-duration) ease;background:#faf9f5;border-radius:1px 3px 3px 1px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 .7px #cbc6bb,0 1px 1px #1f1c1826}.notebook-preview__cover--front{transform:translateZ(calc(var(--notebook-depth) / 2))}.notebook-preview__cover--back{transform:rotateY(180deg) translateZ(calc(var(--notebook-depth) / 2));border-radius:3px 1px 1px 3px}.paper-editor--notebook .notebook-preview__cover .paper-preview{width:100%;max-width:none;transition:none;position:absolute;inset:0;transform:none}.paper-editor--notebook .notebook-preview__cover .paper-preview__sheet{width:var(--notebook-art-width);height:var(--notebook-art-height);aspect-ratio:auto;filter:none;transition:width var(--notebook-view-duration) var(--notebook-turn-ease), height var(--notebook-view-duration) var(--notebook-turn-ease);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notebook-preview__cover .paper-preview__surface{transition:clip-path var(--notebook-view-duration) var(--notebook-turn-ease)}.notebook-preview__cover .paper-preview.is-design .paper-preview__surface{clip-path:inset(0)}.notebook-preview__cover :is(.paper-preview__caption,.paper-preview__finish){display:none}.notebook-preview__crease,.notebook-preview__pages,.notebook-preview__edge,.notebook-preview__spine,.notebook-preview__varnish{transition:opacity var(--notebook-view-duration) ease}.notebook-preview[data-view=design] .notebook-preview__scene{padding-bottom:var(--notebook-height-design)}.notebook-preview[data-view=design] .notebook-preview__book{transform:rotateX(0)rotateY(0)rotate(0)}.notebook-preview[data-view=design][data-side=back] .notebook-preview__book{transform:rotateX(0)rotateY(180deg)rotate(0)}.notebook-preview[data-view=design] :is(.notebook-preview__crease,.notebook-preview__pages,.notebook-preview__edge,.notebook-preview__spine,.notebook-preview__varnish),.notebook-preview[data-view=design] .notebook-preview__scene:after{opacity:0}.notebook-preview[data-view=design] .notebook-preview__cover{border-radius:0}.notebook-preview[data-view=design] .notebook-preview__cover--front{transform:none}.notebook-preview[data-view=design] .notebook-preview__cover--back{transform:rotateY(180deg)}.paper-editor--notebook .notebook-preview[data-view=design] .paper-preview__sheet{width:100%;height:100%}.notebook-preview__crease{pointer-events:none;background:linear-gradient(90deg,#0003,#fff2 22%,#0001 65%,#0000);width:5%;position:absolute;inset:0 auto 0 0}.notebook-preview__cover--back .notebook-preview__crease{inset:0 0 0 auto;transform:rotateY(180deg)}.notebook-preview__varnish{pointer-events:none;background:radial-gradient(ellipse at var(--notebook-light-x) 20%, #fff2, transparent 70%), linear-gradient(120deg, transparent, #00000008);position:absolute;inset:0}.notebook-preview[data-finish=gloss] .notebook-preview__varnish{background:linear-gradient(var(--notebook-light-angle), transparent 12%, #fff0 26%, #ffffff08 34%, #ffffff70 40%, #ffffff25 44%, #fff0 49%, transparent 62%), radial-gradient(ellipse at var(--notebook-light-x) 6%, #fff3, transparent 72%)}.notebook-preview__pages{width:var(--notebook-depth);transform-origin:0;transform:translateZ(calc(var(--notebook-depth) / 2)) rotateY(90deg);background:repeating-linear-gradient(90deg, #fffdf7 0 var(--notebook-page-step), #d1cbc0 var(--notebook-page-step) calc(var(--notebook-page-step) * 1.25));backface-visibility:hidden;position:absolute;top:.25cqw;bottom:.25cqw;left:calc(100% - .25cqw)}.notebook-preview__edge{height:var(--notebook-depth);background:repeating-linear-gradient(0deg, #fffdf8 0 var(--notebook-page-step), #cfc8bc var(--notebook-page-step) calc(var(--notebook-page-step) * 1.25));backface-visibility:hidden;position:absolute;left:.25cqw;right:.25cqw}.notebook-preview__edge--top{transform-origin:top;transform:translateZ(calc(var(--notebook-depth) / -2)) rotateX(90deg);top:.25cqw}.notebook-preview__edge--bottom{transform-origin:bottom;transform:translateZ(calc(var(--notebook-depth) / -2)) rotateX(-90deg);bottom:.25cqw}.notebook-preview__spine{width:var(--notebook-depth);transform-origin:0;transform:translateZ(calc(var(--notebook-depth) / -2)) rotateY(-90deg);backface-visibility:hidden;background:linear-gradient(90deg,#d8d4ce,#f5f2ec 35%,#dedad4);position:absolute;top:.25cqw;bottom:.25cqw;left:.25cqw}.notebook-preview__spine i{background:linear-gradient(90deg,#686969,#fff 50%,#858887);border-radius:2px;width:2px;height:7%;position:absolute;top:24%;left:40%;box-shadow:.5px 0 1px #0004}.notebook-preview__spine i+i{top:69%}.notebook-preview[data-binding=spiral] .notebook-preview__spine{background:repeating-linear-gradient(90deg, #f5f1e7 0 var(--notebook-page-step), #c6c0b4 var(--notebook-page-step) calc(var(--notebook-page-step) * 1.25))}.notebook-preview[data-binding=spiral] .notebook-preview__crease{display:none}.notebook-preview__wire,.notebook-preview__wire-ring{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.notebook-preview__wire-ring{width:0;height:0;inset:auto auto auto 0}.notebook-preview__wire-segment{top:calc(var(--notebook-wire-width) / -2);height:var(--notebook-wire-width);border-radius:var(--notebook-wire-width);background:linear-gradient(180deg, var(--notebook-wire-shade), var(--notebook-wire-light) 26%, var(--notebook-wire) 48%, var(--notebook-wire-shade));position:absolute;box-shadow:0 .3px .3px #0005}.notebook-preview__perforations{pointer-events:none;position:absolute;inset:0}.notebook-preview__perforations i{left:var(--notebook-hole-x);width:var(--notebook-hole-width);height:var(--notebook-hole-height);background:#48453e;border-radius:.55cqw;position:absolute;transform:translate(-50%,-50%);box-shadow:inset .6px 1px 1px #0008,0 .4px .4px #fff8}.notebook-preview__cover--back .notebook-preview__perforations i{left:calc(100% - var(--notebook-hole-x))}.notebook-preview__caption{text-align:center;color:#52534f;gap:4px;margin:26px -24px 0;font-size:11px;line-height:1.5;display:grid}.notebook-preview__caption strong{color:#252623;font-size:13px}.notebook-preview[data-side=open]{width:min(100%,620px);max-width:min(100%, calc(49dvh * var(--notebook-aspect) * 2))}.notebook-preview[data-side=open] .notebook-preview__scene{padding-bottom:calc(var(--notebook-height-product) / 2)}.notebook-preview[data-side=open][data-view=design] .notebook-preview__scene{padding-bottom:calc(var(--notebook-height-design) / 2)}.notebook-preview[data-side=open] .notebook-preview__book{left:50%;transform:rotateX(8deg)rotateY(0)rotate(0);container-type:inline-size}.notebook-preview[data-side=open][data-view=design] .notebook-preview__book{transform:none}.notebook-preview[data-side=open] .notebook-preview__cover--back{transform:translateX(-100%) translateZ(calc(var(--notebook-depth) / 2))}.notebook-preview[data-side=open][data-view=design] .notebook-preview__cover--back{transform:translate(-100%)}.notebook-preview[data-side=open] :is(.notebook-preview__pages,.notebook-preview__edge,.notebook-preview__spine){opacity:0}.notebook-preview__spread-labels{color:#52534f;text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;font-size:10px;line-height:1.5;display:grid}.notebook-preview[data-side=open] .notebook-preview__caption{margin:12px 0 0}@media (width>=761px){.paper-editor--notebook .notebook-preview[data-side=open]{width:min(100%,960px);max-width:min(100%, calc((100dvh - 330px) * var(--notebook-aspect) * 2))}}@media (width<=760px){.notebook-preview{width:min(100%,250px);max-width:min(100%, calc(44dvh * var(--notebook-aspect)))}.notebook-preview[data-side=open]{width:min(100%,500px);max-width:min(100%, calc(36dvh * var(--notebook-aspect) * 2))}}@media (prefers-reduced-motion:reduce){.notebook-preview *,.notebook-preview__scene:after{transition:none!important}}.paper-editor--notebook{color-scheme:light}.paper-editor--notebook .paper-editor__panel{flex-direction:column;display:flex}.paper-editor--notebook .paper-editor__group--artwork{border-top:0;padding-top:4px}.paper-editor--notebook .paper-editor__panel>*{flex-shrink:0}.paper-editor--notebook .paper-editor__intro p{margin-bottom:18px}.paper-editor--notebook .paper-editor__stage{min-height:400px}.paper-editor--notebook .paper-preview{width:min(100%,320px);max-width:min(100%, calc(51dvh * var(--paper-aspect)))}.paper-editor--notebook .paper-preview__guides{opacity:0;pointer-events:none;transition:opacity var(--duration-fast,.25s) var(--ease-smooth-out,ease-out);position:absolute;inset:0}.paper-editor--notebook .paper-preview__guides[data-visible=true]{opacity:1}.paper-editor--notebook .paper-editor__quality{align-items:flex-start;width:100%;max-width:none;margin:0;padding:12px}.paper-editor__canvas-tools{border-bottom:1px solid #deded9;flex-wrap:wrap;align-items:flex-start;gap:4px 20px;margin-top:10px;padding:4px 0;display:flex}.paper-editor__canvas-tools[hidden]{display:none}.paper-editor__guide-help{flex:1;min-width:min(100%,180px)}.paper-editor__guide-help summary{cursor:pointer;color:#526172;width:fit-content;min-height:44px;padding-block:13px;font-size:11px;font-weight:650;line-height:18px}.paper-editor__guide-help p{color:#526172;margin:8px 0 12px;font-size:11px;line-height:1.65}.paper-editor__guide-toggle{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:11px;font-weight:650;display:flex}.paper-editor__guide-toggle input{appearance:none;cursor:pointer;background:#e4e7e8;border:1px solid #8a939b;border-radius:12px;flex-shrink:0;width:30px;height:18px;margin:0;padding:2px}.paper-editor__guide-toggle input:before{content:"";background:#526172;border-radius:50%;width:12px;height:12px;display:block}.paper-editor__guide-toggle input:checked{background:#08699d;border-color:#08699d}.paper-editor__guide-toggle input:checked:before{background:#fff;transform:translate(12px)}.paper-editor__guide-help ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px;margin:10px 0 14px;padding:0;list-style:none;display:grid}.paper-editor__guide-help li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.paper-editor__guide-help li i{border:2px solid #d10069;height:18px;margin-top:2px}.paper-editor__guide-help li .is-safe{border:2px dashed #08699d}.paper-editor__guide-help li .is-staple{background:repeating-linear-gradient(45deg,#f7ead2 0 4px,#fffaf1 4px 8px);border:1px solid #b98b43}.paper-editor__guide-help li strong{font-size:11px;line-height:1.5}.paper-editor__guide-help li p{margin:4px 0 0}.paper-editor__guide-help small{color:#526172;font-size:10px;line-height:1.6;display:block}.paper-editor--notebook .paper-editor__group--printing .notebook-interior{max-width:100%;margin:12px 0 0}.paper-editor--notebook .paper-editor__group--artwork>.paper-editor__quality{background:0 0;border:0;border-top:1px solid #e7e7e4;border-radius:0;margin-top:14px;padding:12px 0 0}.paper-editor--notebook .paper-editor__disclosure{padding-block:4px}.paper-editor__clear{color:#526172;background:#fff;border:1px solid #d5d5d0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 12px;display:inline-flex;font-size:11px!important}@media (width>=761px){.paper-editor--notebook .paper-editor__workspace{padding:16px 22px}.paper-editor--notebook .paper-editor__stage{min-height:360px;padding:26px 28px 12px}.paper-editor--notebook .notebook-preview{width:min(100%,480px);max-width:min(100%, calc((100dvh - 290px) * var(--notebook-aspect)))}}.paper-editor--notebook .product-promise__choices{grid-template-columns:minmax(0,1fr)}.paper-editor--notebook .paper-editor__disclosure>summary small{color:#526172}.paper-editor--notebook .paper-editor__back,.paper-editor--notebook .paper-editor__save,.paper-editor--notebook .paper-editor__history button{min-width:40px;min-height:40px}.paper-editor--notebook :is(button,a,input,select,summary):focus-visible,.paper-editor--notebook .paper-editor__upload:focus-within{outline-color:#08699d}.paper-editor--notebook .paper-editor__upload{transition:border-color var(--duration-fast,.25s) var(--ease-smooth-out,ease-out), background-color var(--duration-fast,.25s) var(--ease-smooth-out,ease-out)}@media (hover:hover){.paper-editor--notebook .paper-editor__group:not(:disabled) .paper-editor__upload:hover{background:#f4f4f1;border-color:#526172}.paper-editor--notebook .paper-editor__disclosure>summary:hover{color:#161619}}@media (width>=761px) and (width<=1100px){.paper-editor--notebook .paper-editor__brand{display:none}}@media (width<=760px){.paper-editor--notebook .paper-editor__stage{height:auto;min-height:320px;padding-block:20px}.paper-editor--notebook .paper-preview{width:min(100%,250px);max-width:min(100%, calc(48dvh * var(--paper-aspect)))}.paper-editor--notebook .paper-editor__header{flex-wrap:wrap;padding-bottom:4px}.paper-editor--notebook .paper-editor__brand{display:none}.paper-editor--notebook .paper-editor__title{flex:1}.paper-editor--notebook .paper-editor__history{margin-left:0}.paper-editor--notebook .paper-editor__back,.paper-editor--notebook .paper-editor__save,.paper-editor--notebook .paper-editor__history button{min-width:44px;min-height:44px}.paper-editor__clear{min-height:44px}.paper-editor--notebook .paper-tabs .t-tab,.paper-editor--notebook .paper-tabs .t-tabs-pill{height:44px}.paper-editor--notebook .paper-editor__group :is(input[type=text],select){font-size:16px}}@media (prefers-reduced-motion:reduce){.paper-editor--notebook .paper-preview__guides,.paper-editor--notebook .paper-editor__upload{transition:none}}