@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-600-normal.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-700-normal.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-800-normal.woff2)format("woff2");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-latin-900-normal.woff2)format("woff2");font-style:normal;font-weight:900;font-display:swap}:root{--ink:#304657;--muted:#5f707b;--line:#dce5e5;--blue:#286fa4;--blue-wash:#e7f2fb;--paper:#fff;--ground:#fffcf4;--coral:#c54f3a;--desk:#eaf3f3}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 Nunito,Arial Rounded MT Bold,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.3;cursor:default}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}a{color:inherit}button:hover:not(:disabled){color:var(--blue)}.site-header{border-bottom:2px solid #f1e9d5;justify-content:space-between;align-items:center;gap:16px;max-width:1600px;height:88px;margin:auto;padding:0 32px;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{color:#72552a;background:#fbe09a;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-5deg)}.brand-words strong{letter-spacing:-.65px;font-size:25px;font-weight:900;line-height:1.15;display:block}.brand-words strong span{color:var(--coral)}.brand-words small{letter-spacing:.3px;color:var(--muted);margin-top:4px;font-size:11px;font-weight:700;display:block}.primary{background:var(--blue);border:2px solid var(--blue);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 17px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 3px #1b537d}.primary:hover:not(:disabled){color:#fff;background:#215f8e}.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1b537d}.download{min-width:145px}.intro{justify-content:space-between;align-items:center;gap:24px;max-width:1600px;margin:auto;padding:23px 32px 24px;display:flex}h1{letter-spacing:-1px;color:var(--blue);margin:0 0 7px;font-size:37px;font-weight:900;line-height:1.12}h1 span{color:var(--coral)}.intro p{color:var(--muted);margin:0;font-size:14px}.intro .intro-note{text-align:right;max-width:265px;font-size:14px;font-weight:700}h2,h3{margin:0;font-size:15px;font-weight:800;line-height:1.4}main{grid-template-columns:190px minmax(300px,1fr) 250px;align-items:start;gap:22px;max-width:1600px;margin:auto;padding:0 32px;display:grid}.heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.heading small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.library{padding:8px 0}.library>.heading{min-height:30px;padding-inline:2px}.library>.heading small{white-space:nowrap;background:#f4ecd8;border-radius:20px;padding:4px 8px;font-size:11px}.blank{text-align:left;background:#fff8e3;border:2px dashed #dfc580;border-radius:13px;align-items:center;gap:10px;width:100%;margin:12px 0 18px;padding:12px;font-size:14px;font-weight:800;display:flex}.blank>svg{color:#896228;flex:none}.blank small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600;display:block}.blank.chosen{color:var(--blue);border-style:solid;border-color:var(--blue)}.pages{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bcced1 transparent;grid-template-columns:1fr 1fr;gap:17px 10px;max-height:590px;padding:3px 6px 6px 3px;display:grid;overflow-y:auto}.page{text-align:left;min-width:0;padding:0}.thumb{background:#fff;border:2px solid #e0e5e3;border-radius:10px;height:126px;padding:5px;transition:border-color .15s;position:relative}.page:hover .thumb{border-color:#96bdce}.thumb-art{width:100%;height:100%;position:relative}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.thumb-border{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.page small{color:var(--muted);margin-top:7px;font-size:12px;font-weight:600;line-height:1.3;display:block}.page-number{font-variant-numeric:tabular-nums}.chosen .thumb{outline:2px solid var(--blue);outline-offset:1px;border-color:#c9dfef}.chosen small{color:var(--blue);font-weight:800}.thumb>span{background:var(--blue);color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:3px;right:3px}.workspace{background:var(--paper);border:2px solid #d6e3e5;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 4px #e1eae7}.canvashead{justify-content:space-between;align-items:center;gap:12px;min-height:69px;padding:12px 17px;display:flex}.canvashead h2{font-size:16px}.canvashead small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.actions button{border-radius:11px;place-items:center;min-width:38px;min-height:40px;display:grid}.actions button:hover:not(:disabled){background:var(--blue-wash)}.actions>span{background:var(--line);width:1px;height:20px;margin:0 4px}.modebar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfefd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;display:flex}.modebuttons{gap:7px;display:flex}.modebuttons button{background:#fff;border:2px solid #e0e8e9;border-radius:12px;align-items:center;gap:7px;min-height:44px;padding:8px 13px;font-size:14px;font-weight:800;display:flex}.modebuttons button.active{border-color:var(--blue);background:var(--blue-wash);color:#225a83}.modebuttons button:nth-child(2).active{color:#8e4c29;background:#fff0df;border-color:#c36a39}.modebar>small{color:var(--muted);font-size:12px}.paint-dot{border:1px solid #0002;border-radius:50%;width:13px;height:13px}.canvas-area{min-width:0;position:relative}.canvas-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4ced1 var(--desk);background:var(--desk);width:100%;overflow:auto}.desk{background:var(--desk);max-width:none;padding:28px 48px;display:block;position:relative}.paper{isolation:isolate;background:#fff;flex:none;margin:0 auto;position:relative;box-shadow:0 2px 6px #30465720}canvas{width:100%;height:100%;display:block}canvas[hidden]{display:none!important}.drawing-surface{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.move-mode .drawing-surface{touch-action:pan-x pan-y pinch-zoom;cursor:grab}.move-mode .drawing-surface:active{cursor:grabbing}.move-mode .canvas-viewport{overscroll-behavior:auto}.paint-mode .drawing-surface{touch-action:none;cursor:crosshair}.zoom-controls{z-index:4;background:#fff;border:2px solid #cddfe2;border-radius:13px;flex-direction:column;display:flex;position:absolute;top:12px;right:7px;overflow:hidden;box-shadow:0 2px #d5e2e2}.zoom-controls button{place-items:center;width:42px;height:43px;padding:0;display:grid}.zoom-controls button:hover:not(:disabled){background:var(--blue-wash)}.zoom-controls .zoom-percent{border-block:1px solid var(--line);font-variant-numeric:tabular-nums;height:30px;font-size:11px;font-weight:800}.zoom-controls button:focus-visible{outline-offset:-4px}.canvasfoot{min-height:51px;color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:7px 12px 7px 17px;font-size:12px;display:flex}.canvasfoot>div{white-space:nowrap;align-items:center;gap:7px;display:flex}.canvasfoot>div>span{text-align:center;font-variant-numeric:tabular-nums;min-width:42px;font-weight:800}.canvasfoot button{background:#f1f6f7;border-radius:10px;place-items:center;min-width:36px;min-height:36px;display:grid}.canvasfoot button:hover{background:var(--blue-wash)}.tools{background:#fff;border:2px solid #e4e3d9;border-radius:20px;min-width:0;padding:17px;box-shadow:0 4px #f0ecdc}.settings-heading{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:12px;display:flex}.settings-heading h2{color:#436558;font-size:18px;font-weight:900}.toolbuttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.toolbuttons button{background:#eaf3fb;border:2px solid #0000;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:74px;font-size:12px;font-weight:800;display:flex}.toolbuttons button:nth-child(2){background:#fff0dc}.toolbuttons button:nth-child(3){background:#edf4e7}.toolbuttons button.active{border-color:var(--blue);color:#225a83;box-shadow:0 2px #c8dfef}.colorsection,.sizesection,.opacitysection{border-top:1px solid var(--line);margin-top:21px;padding-top:18px}.preview{border:1px solid #0003;border-radius:7px;width:20px;height:20px}.palette{grid-template-columns:repeat(5,1fr);gap:11px 7px;margin:17px 0 14px;display:grid}.palette button{border:1px solid #0002;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px #00000012}.palette .picked{outline:3px solid var(--ink);outline-offset:3px}.palette button:hover{transform:translateY(-2px)}.custom{cursor:pointer;color:var(--muted);align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:700;display:flex}.custom>span{width:30px;height:30px;color:var(--ink);background:#f8fbfb;border:1px solid #b9cacc;border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden}.custom input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute}.range{width:100%;height:30px;accent-color:var(--blue);cursor:pointer;margin:10px 0 3px;display:block}.sizesection>small{color:var(--muted);font-size:12px}.opacity-labels{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.tool-help{color:#6e613d;background:#fff8e3;border-radius:12px;margin:20px 0 0;padding:12px;font-size:12px;line-height:1.55}.close-settings,.done-settings,.settings-backdrop{display:none}footer{max-width:1600px;color:var(--muted);justify-content:space-between;gap:20px;margin:auto;padding:27px 32px 30px;font-size:12px;font-weight:600;display:flex}.loading{text-align:center;color:var(--muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.loading p{margin:0;font-size:14px}.toast{background:var(--ink);color:#fff;z-index:40;border-radius:14px;max-width:90%;padding:13px 20px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.overlay{z-index:50;background:#263e5166;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:22px;max-width:390px;padding:28px}.modal h2{margin:0 0 12px;font-size:23px;font-weight:900}.modal p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.modal>div{justify-content:flex-end;gap:18px;margin-top:25px;display:flex}.modal>div>button{min-height:44px}@media (min-width:1500px){main{grid-template-columns:210px minmax(300px,1fr) 260px}.thumb{height:140px}.palette button{width:38px;height:38px}}@media (max-width:1150px){.site-header,.intro{padding-inline:22px}main{grid-template-columns:160px minmax(280px,1fr) 220px;gap:16px;padding-inline:22px}.tools{padding:13px}.thumb{height:108px}.palette{gap:10px 6px}.palette button{width:32px;height:34px}.toolbuttons{gap:4px}.toolbuttons button,.modebar>small{font-size:11px}.brand-words strong{font-size:24px}.library>.heading{gap:4px}.library>.heading h2{font-size:14px}.library>.heading small{padding:4px 6px}.blank{padding-inline:9px;font-size:13px}footer{padding-inline:22px}}@media (max-width:850px){.site-header{gap:9px;height:77px;padding-inline:16px}.brand{gap:8px}.brand-mark{border-radius:11px;width:35px;height:39px}.brand-mark svg{width:22px}.brand-words strong{letter-spacing:-.6px;font-size:19px}.brand-words small{margin-top:4px;font-size:10px}.download{border-radius:12px;gap:5px;min-width:0;min-height:42px;padding:9px 11px;font-size:12px}.download svg{width:17px}.intro{padding:20px 17px}.intro h1{font-size:32px}.intro p{font-size:12px}.intro-note{display:none}main{flex-direction:column;gap:27px;padding:0 11px;display:flex}.workspace{border-radius:17px;order:0;width:100%}.canvashead{gap:4px;min-height:66px;padding:11px 10px 11px 12px}.canvashead>div:first-child{min-width:0}.canvashead h2{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.canvashead small{font-size:11px}.actions{gap:0}.actions button{width:34px;min-width:34px;min-height:40px}.actions>span{margin-inline:2px}.modebar{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 10px}.modebuttons{gap:8px;width:100%}.modebuttons button{flex:1;justify-content:center;min-height:46px;font-size:14px}.modebar>small{margin-top:2px;font-size:11px}.canvasfoot{padding:6px 8px 6px 11px;font-size:10px}.canvasfoot button{min-width:34px;min-height:36px}.canvasfoot>div{gap:3px}.zoom-controls{top:10px;right:4px}.zoom-controls button{width:40px;height:42px}.library{border:0;order:2;width:100%;padding:0 3px}.library>.heading{padding-inline:3px}.library>.heading h2{font-size:18px}.library>.heading small{font-size:12px}.blank{max-width:245px;margin-block:10px 15px;padding:12px;font-size:14px}.pages{gap:14px;max-height:none;padding:5px 3px 10px;display:flex;overflow-x:auto}.page{flex:0 0 96px}.thumb{height:136px}.page small{font-size:12px}.tools{display:none}.tools.settings-open{z-index:31;overscroll-behavior:contain;width:100%;max-height:85dvh;padding:14px 20px calc(20px + env(safe-area-inset-bottom));background:#fffdf6;border:2px solid #dfdfd3;border-radius:24px 24px 0 0;display:block;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -5px 20px #30465720}.settings-backdrop{z-index:30;background:#263e5166;display:block;position:fixed;inset:0}.settings-heading{margin-bottom:10px}.settings-heading h2{font-size:21px}.close-settings{border:1px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.toolbuttons{gap:8px}.toolbuttons button{gap:6px;min-height:70px;font-size:13px}.colorsection,.sizesection,.opacitysection{margin-top:17px;padding-top:14px}.colorsection{border-top:0;padding-top:0}.palette{grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 9px}.palette button{border-radius:14px;justify-self:center;width:44px;height:44px}.custom{font-size:13px}.range{height:30px;margin-top:8px}.tool-help{display:none}.done-settings{width:100%;min-height:46px;margin-top:18px;font-size:15px;display:flex}footer{padding:24px 17px;font-size:11px}}@media (max-width:390px){.site-header{padding-inline:12px}.brand-mark{display:none}.brand-words strong{font-size:20px}.tools.settings-open{padding-inline:17px}.palette{gap:9px 7px}.canvashead h2{max-width:175px}.intro p{font-size:11px}}@media (prefers-reduced-motion:reduce){.thumb{transition:none}.palette button:hover,.primary:active:not(:disabled){transform:none}}.header-actions{align-items:center;gap:11px;display:flex}.guide-trigger{min-height:46px;color:var(--blue);background:#fff;border:2px solid #d6e3e5;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:14px;font-weight:800;display:inline-flex}.welcome-guide{width:min(630px,100vw - 32px);max-height:min(850px,100dvh - 40px);color:var(--ink);background:#fffdf7;border:2px solid #d5e3e5;border-radius:25px;padding:0;overflow:hidden;box-shadow:0 12px 50px #1a354933}.welcome-guide[open]{flex-direction:column;display:flex}.welcome-guide::backdrop{background:#263e518c}.guide-top{flex-shrink:0;justify-content:space-between;align-items:center;padding:15px 20px 0;display:flex}.guide-kicker{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.guide-close{background:#eef4f5;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.guide-content{overscroll-behavior:contain;min-height:0;padding:5px 28px 22px;overflow-y:auto}.guide-count{color:var(--coral);margin:6px 0 8px;font-size:12px;font-weight:800}.guide-content h2{letter-spacing:-.5px;color:var(--blue);margin:0 0 10px;font-size:28px;font-weight:900;line-height:1.2}.guide-content h2:focus{outline:none}.guide-description{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.5}.guide-rows{gap:16px;display:grid}.guide-row{align-items:flex-start;gap:13px;display:flex}.guide-tool-icon{color:#28618d;background:#e8f2fc;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.guide-row:nth-child(3n+2) .guide-tool-icon{color:#94602b;background:#fff0d6}.guide-row:nth-child(3n+3) .guide-tool-icon{color:#547444;background:#edf3e5}.guide-row h3{margin:0 0 3px;font-size:15px;font-weight:900}.guide-row p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.guide-bottom{border-top:1px solid var(--line);background:#fffdf7;flex-shrink:0;padding:16px 25px 22px}.guide-today{cursor:pointer;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:13px;font-weight:800;display:flex}.guide-today input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0;margin:0}.guide-today small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:600;display:block}.guide-nav{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.guide-back{align-items:center;gap:4px;min-height:44px;padding:8px 5px;font-size:13px;font-weight:800;display:flex}.guide-next{min-width:116px;min-height:44px}.guide-dots{gap:6px;display:flex}.guide-dots span{background:#d2e0e4;border-radius:50%;width:7px;height:7px}.guide-dots .current{background:var(--blue);border-radius:5px;width:21px}@media (max-width:850px){.header-actions{gap:7px}.guide-trigger{gap:5px;min-height:42px;padding:8px 10px;font-size:12px}.site-header{flex-wrap:wrap;height:auto;min-height:77px;padding-block:12px}.welcome-guide{border-radius:21px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.guide-top{padding:10px 13px 0}.guide-content{padding:4px 20px 18px}.guide-content h2{font-size:25px}.guide-description{margin-bottom:17px;font-size:13px}.guide-rows{gap:14px}.guide-row{gap:10px}.guide-tool-icon{border-radius:11px;width:38px;height:38px}.guide-row h3{font-size:14px}.guide-row p{font-size:12px}.guide-bottom{padding:12px 18px max(18px,env(safe-area-inset-bottom))}.guide-today{font-size:12px}.guide-next{min-width:106px;font-size:13px}.guide-nav{margin-top:10px}}@media (max-width:520px){.site-header .brand{flex:1 0 100%}.site-header .brand-mark{display:grid}.site-header .brand-words strong{font-size:22px}.header-actions{justify-content:flex-end;width:100%}.guide-trigger{margin-right:auto}.site-header .download{min-width:135px}.site-header{row-gap:10px}}@media (max-height:550px){.welcome-guide{max-height:calc(100dvh - 12px)}.guide-top{padding-top:4px}.guide-bottom{padding-top:6px;padding-bottom:10px}.guide-nav{margin-top:5px}}.guide-survey{text-align:center;flex-direction:column;align-items:center;gap:11px;display:flex}.guide-survey img{object-fit:contain;background:#fff;border:1px solid #d6e3e5;border-radius:12px;width:228px;max-width:100%;height:228px;display:block}.guide-survey p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.guide-survey .survey-link{min-width:205px;text-decoration:none}.survey-link:hover{color:#fff;background:#215f8e}.guide-survey small{color:var(--muted);font-size:11px;line-height:1.5}.guide-survey .survey-optional{max-width:350px;margin-top:3px;font-size:12px}.guide-survey .primary{flex-shrink:0}@media (max-width:850px){.guide-survey{gap:9px}.guide-survey img{width:216px;height:216px}.guide-nav{gap:7px}.guide-dots{gap:4px}.guide-dots span{width:6px;height:6px}.guide-next{padding-inline:12px}}