@charset "UTF-8";.calmaker-page.notepad-maker-page{overflow-x:clip}.calmaker-page.notepad-maker-page .body-section{padding:96px 32px 40px}.calmaker-page.notepad-maker-page .body-intro{max-width:660px}.calmaker-page.notepad-maker-page .body-points{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:36px;margin-top:56px}.calmaker-page.notepad-maker-page .body-point{padding-top:0;border-top:0;gap:8px}.calmaker-page.notepad-maker-page .body-point h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;letter-spacing:0}.calmaker-page.notepad-maker-page .body-point p{font-size:15px;line-height:1.6;color:#4a4a4f}@media (max-width: 1000px){.calmaker-page.notepad-maker-page .body-points{grid-template-columns:1fr;gap:26px}}@media (max-width: 640px){.calmaker-page.notepad-maker-page .body-section{padding:56px 20px 24px}}.calmaker-page.notepad-maker-page .xp{max-width:980px;margin:0 auto;padding:20px 16px 60px}.calmaker-page.notepad-maker-page .xp-card{background:#fff;border:1px solid #e5e5e5;border-radius:24px;padding:34px 34px 26px;box-shadow:0 2px 10px #1118271a}.calmaker-page.notepad-maker-page .xp-card section{padding:0}.calmaker-page.notepad-maker-page .xp-bar{height:4px;border-radius:999px;background:#e7eff8;overflow:hidden;margin-bottom:24px}.calmaker-page.notepad-maker-page .xp-bar i{display:block;height:100%;width:0;border-radius:999px;background:#1769c2;transition:width .35s cubic-bezier(.4,0,.2,1)}.calmaker-page.notepad-maker-page .xp-step{display:none}.calmaker-page.notepad-maker-page .xp-step.is-on{display:block;animation:xpIn .42s cubic-bezier(.22,1,.36,1)}.calmaker-page.notepad-maker-page .xp-step.is-on.is-back{animation-name:xpInBack}.calmaker-page.notepad-maker-page .xp-step.is-look{overflow:visible}@keyframes xpIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes xpInBack{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.calmaker-page.notepad-maker-page .xp-step.is-on{animation:none}.calmaker-page.notepad-maker-page .xp-bar i,.calmaker-page.notepad-maker-page .xp-fan-sheet{transition:none}}.calmaker-page.notepad-maker-page .xp-h{font-family:DM Sans,sans-serif;font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:calc(-.07em + 1px);line-height:1.1;color:#1d1d1f;margin:0 0 12px}.calmaker-page.notepad-maker-page .xp-step-heading{display:flex;align-items:baseline;gap:.32em;flex-wrap:wrap}.calmaker-page.notepad-maker-page .xp-step-label{color:#1769c2;font-size:.62em;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.calmaker-page.notepad-maker-page .xp-sub{font-family:Inter,sans-serif;font-size:14.5px;line-height:1.55;color:#6e6e73;max-width:580px;margin:0 0 20px}.calmaker-page.notepad-maker-page .xp-nav{display:flex;align-items:center;gap:14px;margin-top:24px;padding-top:12px;border-top:1px solid #f2f2f2}.calmaker-page.notepad-maker-page .xp-nav .jb-btn{height:46px;padding:0 28px;font-size:15px}.calmaker-page.notepad-maker-page .xp-skip{font-family:Inter,sans-serif;font-size:13px;color:#8e8e93;background:none;border:none;cursor:pointer;padding:4px 0}.calmaker-page.notepad-maker-page .xp-skip:hover{color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-grow{flex:1}.calmaker-page.notepad-maker-page .xp-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.calmaker-page.notepad-maker-page .xp-path{border:1.5px solid #e5e5e5;border-radius:20px;background:#fff;padding:20px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .16s ease,transform .16s cubic-bezier(.22,1,.36,1)}.calmaker-page.notepad-maker-page .xp-path:hover{border-color:#1d1d1f;transform:translateY(-2px)}.calmaker-page.notepad-maker-page .xp-path.is-on{border-color:#1769c2;outline:1px solid #1769c2;outline-offset:-2px}.calmaker-page.notepad-maker-page .xp-path-art{position:relative;height:216px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.calmaker-page.notepad-maker-page .xp-path-art>svg{display:block;width:100%;height:100%}.calmaker-page.notepad-maker-page .xp-path b{font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-path span{font-family:Inter,sans-serif;font-size:13px;line-height:1.5;color:#6e6e73}.calmaker-page.notepad-maker-page .xp-fan-sheet{--fan-spread: 62px;display:block;position:absolute;left:50%;top:15px;width:136px;height:176px;transform-origin:50% 92%;background:#fff;box-shadow:0 2px 7px #19143021;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.calmaker-page.notepad-maker-page .xp-fan-sheet img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.calmaker-page.notepad-maker-page .xp-fan-left{z-index:1;transform:translate(calc(-50% - 13px)) rotate(-5deg)}.calmaker-page.notepad-maker-page .xp-fan-right{z-index:2;transform:translate(calc(-50% + 13px)) rotate(5deg)}.calmaker-page.notepad-maker-page .xp-fan-front{z-index:3;transform:translate(-50%)}.calmaker-page.notepad-maker-page .xp-path:hover .xp-fan-left,.calmaker-page.notepad-maker-page .xp-path:focus-visible .xp-fan-left{transform:translate(calc(-50% - var(--fan-spread))) rotate(-13deg)}.calmaker-page.notepad-maker-page .xp-path:hover .xp-fan-right,.calmaker-page.notepad-maker-page .xp-path:focus-visible .xp-fan-right{transform:translate(calc(-50% + var(--fan-spread))) rotate(13deg)}.calmaker-page.notepad-maker-page .xp-path:hover .xp-fan-front,.calmaker-page.notepad-maker-page .xp-path:focus-visible .xp-fan-front{transform:translate(-50%) translateY(-5px)}@media (hover: none){.calmaker-page.notepad-maker-page .xp-fan-left{transform:translate(calc(-50% - var(--fan-spread))) rotate(-11deg)}.calmaker-page.notepad-maker-page .xp-fan-right{transform:translate(calc(-50% + var(--fan-spread))) rotate(11deg)}}.calmaker-page.notepad-maker-page .xp-row{display:flex;gap:8px;flex-wrap:wrap}.calmaker-page.notepad-maker-page .xp-sizes{display:flex;gap:64px;align-items:flex-end;justify-content:center;flex-wrap:wrap;padding:16px 0 8px}.calmaker-page.notepad-maker-page .xp-size{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:none;background:none;cursor:pointer}.calmaker-page.notepad-maker-page .xp-size-art{display:flex;align-items:flex-end;justify-content:center;height:168px;margin-bottom:14px}.calmaker-page.notepad-maker-page .xp-size-paper{position:relative;display:block}.calmaker-page.notepad-maker-page .xp-size-paper svg{display:block;border:1px solid #e5e5e5;transition:border-color .16s ease}.calmaker-page.notepad-maker-page .xp-size:hover .xp-size-paper svg{border-color:#cfcfd4}.calmaker-page.notepad-maker-page .xp-size.is-on .xp-size-paper svg{border-color:#8648e8}.calmaker-page.notepad-maker-page .xp-size-tick{position:absolute;right:-8px;bottom:-8px;width:24px;height:24px;border-radius:50%;background:#8648e8;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}.calmaker-page.notepad-maker-page .xp-size.is-on .xp-size-tick{opacity:1;transform:none}.calmaker-page.notepad-maker-page .xp-size-tick svg{display:block}.calmaker-page.notepad-maker-page .xp-size b{font-family:Inter,sans-serif;font-size:15px;font-weight:500;color:#8e8e93;transition:color .16s ease}.calmaker-page.notepad-maker-page .xp-size:hover b{color:#6e6e73}.calmaker-page.notepad-maker-page .xp-size.is-on b{color:#8648e8;font-weight:600}.calmaker-page.notepad-maker-page .xp-size-badge{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:2}.calmaker-page.notepad-maker-page .np-badge{display:inline-block;padding:2px 7px;border-radius:5px;white-space:nowrap;background:#eafae4;color:#1f7a10;font-family:Inter,sans-serif;font-size:9.5px;font-weight:500;letter-spacing:-.005em}.calmaker-page.notepad-maker-page .xp-pill{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;border:1.5px solid #e5e5e5;border-radius:14px;background:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#1d1d1f;transition:border-color .16s ease,background .16s ease}.calmaker-page.notepad-maker-page .xp-pill:hover{border-color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-pill.is-on{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.calmaker-page.notepad-maker-page .xp-pill small{font-size:12px;font-weight:500;color:#8e8e93}.calmaker-page.notepad-maker-page .xp-pill.is-on small{color:#fff}.calmaker-page.notepad-maker-page .xp-tpl[hidden]{display:none!important}.calmaker-page.notepad-maker-page .xp-tpls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:hidden;gap:20px 14px;max-height:440px;overflow-y:auto;padding:4px 4px 12px}.calmaker-page.notepad-maker-page .xp-tpl{border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:center}.calmaker-page.notepad-maker-page .xp-tpl:focus-visible{outline-color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-tpl-art{display:block;position:relative}.calmaker-page.notepad-maker-page .xp-tpl-art img{display:block;width:100%;height:auto;border:1px solid #e5e5e5;transition:border-color .16s ease}.calmaker-page.notepad-maker-page .xp-tpl.is-on .xp-tpl-art img{border-color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-tpl.is-on .xp-tpl-art:after{content:"";position:absolute;right:-6px;bottom:-6px;width:18px;height:18px;border-radius:50%;background-color:#1d1d1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23fff'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");background-size:11px;background-repeat:no-repeat;background-position:center}.calmaker-page.notepad-maker-page .xp-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:620px}.calmaker-page.notepad-maker-page .xp-field{display:flex;flex-direction:column;gap:6px}.calmaker-page.notepad-maker-page .xp-field.is-wide{grid-column:1/-1}.calmaker-page.notepad-maker-page .xp-field label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#6e6e73}.calmaker-page.notepad-maker-page .xp-field textarea{padding:11px 14px;border:1.5px solid #e5e5e5;border-radius:12px;resize:vertical;background:#fff;font-family:Inter,sans-serif;font-size:15px;line-height:1.4;color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-field textarea:focus{outline:2px solid #1769c2;outline-offset:1px;border-color:#1769c2}.calmaker-page.notepad-maker-page .xp-field input{height:44px;padding:0 14px;border:1.5px solid #e5e5e5;border-radius:12px;background:#fff;font-family:Inter,sans-serif;font-size:15px;color:#1d1d1f}.calmaker-page.notepad-maker-page .xp-field input:focus{outline:2px solid #1769c2;outline-offset:1px;border-color:#1769c2}.calmaker-page.notepad-maker-page .xp-logo{display:flex;align-items:center;gap:12px;margin-top:20px;padding:10px 14px;border:1.5px dashed #e5e5e5;border-radius:16px;background:#fbfbfb;max-width:620px;width:100%;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease}.calmaker-page.notepad-maker-page .xp-logo:hover{border-color:#1d1d1f;background:#fff}.calmaker-page.notepad-maker-page .xp-logo-prev{width:46px;height:46px;flex:none;border-radius:8px;background:#fff;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:center;overflow:hidden}.calmaker-page.notepad-maker-page .xp-logo-prev img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.calmaker-page.notepad-maker-page .xp-logo-prev>svg{color:#aeaeb2}.calmaker-page.notepad-maker-page .xp-logo-copy{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.calmaker-page.notepad-maker-page .xp-logo-copy b{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#1d1d1f;white-space:nowrap}.calmaker-page.notepad-maker-page .xp-logo-copy span{font-family:Inter,sans-serif;font-size:13px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.calmaker-page.notepad-maker-page .xp-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}.calmaker-page.notepad-maker-page .xp-preview{position:sticky;top:20px}.calmaker-page.notepad-maker-page .xp-preview-pad{position:relative;background:#fff;border-radius:3px;border:1px solid #f2f2f2;overflow:hidden}.calmaker-page.notepad-maker-page .xp-preview-busy{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#ffffffb8}.calmaker-page.notepad-maker-page .xp-preview-busy:after{content:"";width:34px;height:34px;border-radius:50%;border:3px solid #d9e6f7;border-top-color:#1769c2;animation:xpSpin .8s linear infinite}@keyframes xpSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.calmaker-page.notepad-maker-page .xp-preview-busy:after{animation-duration:2.4s}}.calmaker-page.notepad-maker-page .xp-preview-pad img,.calmaker-page.notepad-maker-page .xp-preview-pad svg{display:block;width:100%;height:auto}.calmaker-page.notepad-maker-page .xp-live{position:relative;width:100%;line-height:0}.calmaker-page.notepad-maker-page .xp-live .konvajs-content{position:absolute!important;inset:0;width:100%!important;height:100%!important}.calmaker-page.notepad-maker-page .xp-live canvas{display:block;width:100%!important;height:100%!important}@media (max-width: 860px){.calmaker-page.notepad-maker-page .xp{padding:12px 12px 40px}.calmaker-page.notepad-maker-page .xp-card{padding:20px 16px;border-radius:20px}.calmaker-page.notepad-maker-page .xp-paths{grid-template-columns:1fr}.calmaker-page.notepad-maker-page .xp-split{grid-template-columns:minmax(0,1fr)}.calmaker-page.notepad-maker-page .xp-preview{position:static;width:min(220px,100%);margin:0 auto}.calmaker-page.notepad-maker-page .xp-fields{grid-template-columns:1fr}.calmaker-page.notepad-maker-page .xp-tpls{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));max-height:360px}}@media (max-width: 760px){.calmaker-page.notepad-maker-page .xp-sizes{gap:34px}.calmaker-page.notepad-maker-page .xp-size-art{height:130px}.calmaker-page.notepad-maker-page .xp-path-art{height:182px}.calmaker-page.notepad-maker-page .xp-fan-sheet{--fan-spread: 43px;width:112px;height:145px;top:14px}.calmaker-page.notepad-maker-page .xp-step-heading{font-size:24px;gap:8px}.calmaker-page.notepad-maker-page .xp-step-label{font-size:15px}.calmaker-page.notepad-maker-page .xp-nav{gap:8px;flex-wrap:wrap}.calmaker-page.notepad-maker-page .xp-nav .jb-btn{font-size:13px;line-height:1;white-space:nowrap;height:44px;min-width:0;padding:0 12px}.calmaker-page.notepad-maker-page .xp-step.is-details .xp-nav{display:grid;grid-template-columns:auto minmax(0,1fr)}.calmaker-page.notepad-maker-page .xp-step.is-details .xp-nav .xp-grow{display:none}}