@font-face{font-family:BL Diwan Basma;src:url(../assets/fonts/DiwanBasma.ttf) format("truetype");font-display:swap}@font-face{font-family:BL Basic;src:url(../assets/fonts/NotePaper-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:BL Modern;src:url(../assets/fonts/Comfortaa-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:BL Technical;src:url(../assets/fonts/UAV-OSD-Sans-Mono.ttf) format("truetype");font-display:swap;size-adjust:78%}@font-face{font-family:BL Comfortaa Bold;src:url(../assets/fonts/Comfortaa-Bold.ttf) format("truetype");font-display:swap}:root{--pink: #F5C6D2;--matcha: #A8BC8A;--cream: #FFF9F3;--ink: #30362E;--paper: #FFFFFF;--pink-soft: #FBE4EA;--matcha-soft: #E3EBD6;--canvas: #E7EEDB;--chrome-h: 232px;--font-ui: "BL Diwan Basma", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-ui);font-synthesis:none;color:var(--ink)}*{box-sizing:border-box}html{font-size:112.5%}html,body{margin:0;background:var(--cream)}body{font-size:1rem}button,input,select,textarea{font-family:inherit}button{font:inherit;color:inherit}h1,h2,h3,b,strong{font-weight:400;margin:0}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.app{min-height:100vh;min-height:100dvh;background:var(--canvas);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.chrome{position:sticky;top:0;z-index:10;background:var(--cream);border-bottom:3px solid var(--ink);padding-top:env(safe-area-inset-top)}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--pink);border-bottom:2px solid var(--ink)}.toolbar{display:flex;gap:6px;flex:1;justify-content:center;overflow-x:auto;padding:2px}.topactions{display:flex;gap:6px}.ibtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:46px;min-height:46px;padding:4px 6px;background:var(--cream);border:2px solid var(--ink);border-radius:16px;cursor:pointer;flex:0 0 auto}.ibtn .lbl{display:none;font-size:.62rem;line-height:1}.ibtn[aria-pressed=true],.ibtn[aria-expanded=true]{background:var(--matcha);box-shadow:0 3px 0 var(--ink);transform:translateY(-1px)}.ibtn:disabled{opacity:.45;cursor:not-allowed}.ibtn.flat{border-color:transparent;background:transparent;min-width:42px;min-height:42px;font-size:1.4rem;line-height:1}.ibtn.flat:not(:disabled):active{background:var(--pink-soft)}.paper-ico{width:24px;height:24px;border:2px solid var(--ink);border-radius:6px;background:repeating-linear-gradient(#fff 0 5px,var(--pink) 5px 6px);display:block}@media (min-width: 1000px){.ibtn .lbl{display:block}.ibtn{min-width:58px}}@media (max-width: 620px){.toolbar{justify-content:flex-start}}.subbar{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--cream)}.pill{display:flex;align-items:center;gap:2px;padding:2px 4px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:0 3px #30362e40}.capsule{display:flex;align-items:center;gap:12px;min-height:50px;max-width:100%;padding:4px 14px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;box-shadow:0 3px #30362e40;overflow-x:auto;scrollbar-width:none;font-size:.85rem}.capsule::-webkit-scrollbar{display:none}.capsule>*{flex:0 0 auto}.vsep{width:2px;align-self:stretch;margin:6px 0;background:var(--matcha);border-radius:2px}.hint{margin:0;font-size:.8rem;opacity:.75}.colors{display:flex;gap:8px;align-items:center}.swatch{position:relative;width:32px;height:32px;padding:0;border-radius:50%;border:2px solid var(--ink);cursor:pointer;display:block}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--ink)}.swatch.custom{background:conic-gradient(#f66,#fc6,#6c6,#6cf,#96f,#f6c,#f66);overflow:hidden}.swatch.custom input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:44px;height:44px;opacity:0;cursor:pointer}.swatch.custom:focus-within{outline:3px solid var(--ink);outline-offset:2px}.dots{display:flex;gap:4px;align-items:center}.dotbtn{width:38px;height:38px;display:grid;place-items:center;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;padding:0}.dotbtn span{display:block;border-radius:50%;background:var(--ink)}.dotbtn[aria-pressed=true]{background:var(--pink);border-color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 12px;background:var(--cream);border:2px solid var(--ink);border-radius:999px;cursor:pointer;font-size:.85rem;white-space:nowrap}.chip[aria-pressed=true],.chip[aria-expanded=true]{background:var(--pink);box-shadow:0 2px 0 var(--ink)}.chip.danger{background:var(--pink-soft)}.chip.flat{border-color:transparent;background:transparent}.seg{display:flex;gap:4px}.seg button{min-height:36px;padding:4px 12px;background:var(--cream);border:2px solid var(--ink);border-radius:999px;font-size:.85rem;cursor:pointer;white-space:nowrap}.seg button[aria-pressed=true]{background:var(--pink);box-shadow:0 2px 0 var(--ink)}.stepper{display:flex;align-items:center;gap:2px;border:2px solid var(--ink);border-radius:999px;background:var(--cream)}.stepper button{width:34px;height:34px;background:transparent;border:0;border-radius:50%;font-size:1.2rem;cursor:pointer}.stepper span{min-width:3.4em;text-align:center;font-size:.85rem}.popover{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:min(620px,calc(100% - 24px));max-height:60vh;max-height:60dvh;overflow-y:auto;padding:10px;background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:0 6px #30362e40;z-index:20}.canvas{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px 92px;overflow-x:auto;scrollbar-width:none;touch-action:none;overscroll-behavior:none;--zoom: 1}.canvas::-webkit-scrollbar{display:none}.page{position:relative;margin-inline:auto;flex:0 0 auto;width:calc(min(100%,max(calc((100vh - var(--chrome-h)) * 210 / 297),340px)) * var(--zoom, 1));width:calc(min(100%,max(calc((100dvh - var(--chrome-h)) * 210 / 297),340px)) * var(--zoom, 1));aspect-ratio:210 / 297;background:var(--paper);border:2px solid var(--ink);border-radius:4px;box-shadow:0 8px #30362e2e,0 14px 30px #30362e1f;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.canvas[data-fit=lebar] .page{width:calc(min(100%,794px) * var(--zoom, 1))}.page>img{width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.ink-pen,.ink-pemadam,.ink-highlighter{cursor:crosshair}.pagenav{position:fixed;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));z-index:12;gap:4px;padding:3px 8px}.pageno{min-width:4.2em;text-align:center;font-size:.9rem}.ibtn.add{background:var(--matcha);border-color:var(--ink);border-radius:50%;min-width:38px;min-height:38px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#30362e59}.sheet{position:fixed;z-index:31;background:var(--cream);border:3px solid var(--ink);display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto;left:0;right:0;bottom:0;max-height:82vh;max-height:82dvh;border-radius:24px 24px 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom))}@media (min-width: 900px){.sheet{left:auto;top:0;bottom:0;right:0;width:420px;max-height:none;border-radius:24px 0 0 24px}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-head h2{font-size:1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{display:flex;flex-direction:column;gap:4px;padding:5px;background:var(--paper);border:2px solid var(--ink);border-radius:14px;font-size:.72rem;cursor:pointer;text-align:center}.card img{width:100%;aspect-ratio:96 / 75;border-radius:8px;border:1px solid var(--matcha);display:block}.card[aria-pressed=true]{background:var(--pink-soft);box-shadow:0 3px 0 var(--ink)}.settings{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:flex-end;padding:10px 12px;background:var(--matcha-soft);border:2px solid var(--ink);border-radius:16px}.settings h3{flex:1 0 100%;font-size:.95rem}.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;min-width:150px}.field input[type=range]{accent-color:var(--ink);width:100%;min-height:28px}.check{display:flex;align-items:center;gap:6px;min-height:32px}.check input{width:20px;height:20px;accent-color:var(--ink)}.fonts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;width:100%}.fontbtn{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:6px 10px;min-height:52px;background:var(--cream);border:2px solid var(--ink);border-radius:12px;text-align:left;cursor:pointer}.fontbtn[aria-pressed=true]{background:var(--pink);box-shadow:0 2px 0 var(--ink)}.fontbtn .sample{font-size:1.15rem;line-height:1.2}.fontbtn small{font-family:var(--font-ui);font-size:.68rem;opacity:.75}.page{container-type:inline-size}.textlayer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.textlayer.on{pointer-events:auto;cursor:text}.tbox{position:absolute;line-height:1.35}.tbox .grow{display:inline-grid;max-width:100%}.tbox .grow:after{content:attr(data-rep);grid-area:1 / 1;white-space:pre-wrap;overflow-wrap:anywhere;visibility:hidden;padding:.15em .3em;min-width:3ch;font:inherit}.tbox textarea{grid-area:1 / 1;width:100%;min-width:0;resize:none;overflow:hidden;border:0;margin:0;background:transparent;color:inherit;font:inherit;line-height:inherit;direction:inherit;text-align:inherit;white-space:pre-wrap;overflow-wrap:anywhere;padding:.15em .3em;outline:none;pointer-events:none;-webkit-user-select:text;user-select:text}.textlayer.on .tbox textarea{pointer-events:none}.textlayer.on .tbox.sel textarea{pointer-events:auto}.tbox.sel{outline:1.5px dashed var(--ink);outline-offset:1px;border-radius:4px}.textlayer.on .tbox:not(.sel):hover{outline:1.5px dotted var(--matcha);border-radius:4px}.thandles{position:absolute;top:-34px;display:flex;gap:4px;font-size:14px;line-height:1;direction:ltr}.grip{width:32px;height:32px;padding:0;background:var(--cream);border:2px solid var(--ink);border-radius:10px;cursor:grab;touch-action:none;font-size:16px;font-family:system-ui,sans-serif;color:var(--ink)}.grip.del{background:var(--pink);cursor:pointer}.toolbar,.subbar{min-width:0}.capsule{flex:0 1 auto;min-width:0}.pagenav .ibtn.flat{font-family:system-ui,sans-serif;font-size:1.7rem}.app{overflow-x:clip}.dialog{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100% - 32px));padding:18px;background:var(--cream);border:3px solid var(--ink);border-radius:22px;box-shadow:0 8px #30362e4d;display:flex;flex-direction:column;gap:10px}.dialog h2{font-size:1.15rem}.dialog p{margin:0;font-size:.9rem;line-height:1.4}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.dialog-actions .chip{min-height:44px;padding:6px 16px}.dialog-actions .danger{background:var(--pink)}.scrim.top{z-index:40}@media print{.dialog{display:none!important}}.loading{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--cream);font-size:1.2rem}.savestat{font-size:.75rem;padding:3px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--cream);white-space:nowrap;max-width:46vw;overflow:hidden;text-overflow:ellipsis}.savestat.saved,.savestat.restored{background:var(--matcha-soft)}.savestat.error,.savestat.off{background:var(--pink)}.pagesel{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:38px;padding:2px 14px;background:var(--cream);border:2px solid var(--ink);border-radius:999px;font-size:.95rem;text-align:center;text-align-last:center;cursor:pointer}.pagenav{max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}.pagenav>*{flex:0 0 auto}@media (max-width: 620px){.savestat.saved,.savestat.restored,.savestat.new,.savestat.saving{font-size:.7rem;padding:3px 8px}}.sp{position:relative;width:100%;aspect-ratio:210 / 297;background:#fff;overflow:hidden;container-type:inline-size}.sp>img{width:100%;height:100%;display:block}.sp .ink{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.sp .textlayer{pointer-events:none}.ttext{padding:.15em .3em;min-width:3ch;white-space:pre-wrap;overflow-wrap:anywhere}.printroot{display:none}.printdlg{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--cream);border:3px solid var(--ink);border-radius:22px;box-shadow:0 8px #30362e4d}.pv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pv{display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--paper);border:2px solid var(--ink);border-radius:12px;cursor:pointer;font-size:.8rem}.pv .sp{border:1px solid var(--matcha)}.pv-zoom{display:flex;flex-direction:column;align-items:center;gap:8px}.pv-zoom-page{width:min(100%,calc((100vh - 380px) * 210 / 297),520px);width:min(100%,calc((100dvh - 380px) * 210 / 297),520px);min-width:200px;border:2px solid var(--ink);box-shadow:0 5px #30362e33}.chip.primary{align-self:stretch;justify-content:center;min-height:46px;background:var(--matcha);font-size:1rem}.chip.primary:disabled{opacity:.6}.hint.warn{padding:6px 10px;background:var(--pink-soft);border:2px solid var(--ink);border-radius:12px;opacity:1}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff;height:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app{display:block;background:#fff;padding:0;min-height:0;overflow:visible}.app>:not(.printroot){display:none!important}.printroot{display:block}.printroot .pp{width:210mm;height:297mm;overflow:hidden;break-after:page;page-break-after:always}.printroot .pp:last-child{break-after:auto;page-break-after:auto}}.app{background-color:var(--canvas);background-image:radial-gradient(rgba(120,134,118,.22) 1.2px,transparent 1.4px);background-size:22px 22px}.appicon{width:36px;height:36px;border-radius:10px;object-fit:cover;flex:0 0 auto}.ibtn{position:relative}.toolbar .ibtn[aria-pressed=true]:after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--ink)}.toolbar .ibtn[aria-pressed=true]{background:var(--matcha);box-shadow:0 3px 0 var(--ink),inset 0 0 0 1px var(--ink)}.topactions .ibtn[aria-pressed=true]{background:var(--matcha-soft)}.ctitle{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 6px;background:var(--pink);border:2px solid var(--ink);border-radius:999px;font-size:.8rem;white-space:nowrap}.ctitle img{display:block}.ibtn,.chip,.seg button,.card,.swatch,.dotbtn,.stepper button,.fontbtn{transition:transform .08s ease,box-shadow .08s ease,background-color .12s ease}.ibtn:not(:disabled):active,.chip:not(:disabled):active,.seg button:active,.card:active,.dotbtn:active{transform:translateY(1px) scale(.98)}@media (prefers-reduced-motion: reduce){.ibtn,.chip,.seg button,.card,.swatch,.dotbtn,.stepper button,.fontbtn{transition:none}}.chip,.seg button{touch-action:manipulation}@media print{.app{background-image:none}}@media (max-width: 1099px){.topbar{flex-wrap:wrap;row-gap:6px}.toolbar{order:3;flex:1 0 100%}.topactions{margin-left:auto}.savestat{max-width:40vw}}@media (max-width: 720px){:root{--chrome-h: 292px}}.loading{flex-direction:column;gap:10px;align-content:center;justify-items:center}.mascot{width:160px;height:auto;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.mascot{animation:none}}@media (max-width: 720px){:root{--chrome-h: 360px}.subbar{flex-wrap:wrap;row-gap:8px}.capsule{flex:1 1 100%;flex-wrap:wrap;justify-content:center;gap:8px 12px;border-radius:26px;overflow:visible;padding:6px 12px}.capsule .vsep{display:none}.capsule .hint{flex:1 1 100%;text-align:center}}@media (max-height: 640px){.chrome{position:static}}.capsule{flex-wrap:wrap;justify-content:center;border-radius:26px;overflow:visible;row-gap:6px;padding:6px 14px}@media (max-width: 480px){.appicon{width:32px;height:32px}.topbar{gap:6px}.topactions{gap:4px}.topactions .ibtn{min-width:40px;min-height:42px;padding:3px 4px}.topbar{position:relative}.savestat.saved,.savestat.restored,.savestat.new,.savestat.saving{position:absolute;left:38px;top:38px;z-index:2;font-size:0;width:13px;height:13px;padding:0;border-width:2px}.savestat.saving{background:#ffd400}.savestat.new{background:var(--paper)}}.toolbar{justify-content:flex-start}.toolbar:before,.toolbar:after{content:"";margin:auto}html{overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%}.chrome,.pagenav,.sheet,.printdlg,.dialog{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media (pointer: coarse){.ibtn.flat,.pagenav .ibtn.add{min-width:44px;min-height:44px}.chip,.seg button{min-height:44px;padding-inline:14px}.stepper button,.dotbtn{width:44px;height:44px}.swatch{width:40px;height:40px}.colors{gap:6px}.pagesel,.check{min-height:44px}.check input{width:26px;height:26px}.field input[type=range]{min-height:44px}.grip{width:44px;height:44px}.thandles{top:-48px}.fontbtn,.capsule{min-height:56px}}@media (pointer: coarse) and (min-width: 600px){.ibtn{min-width:48px;min-height:48px}}@media (pointer: coarse) and (max-width: 480px){.ibtn,.topactions .ibtn{min-width:44px;min-height:44px}.topactions{gap:2px}}@media (max-height: 520px) and (max-width: 1099px){.topbar{flex-wrap:nowrap;position:relative}.toolbar{order:0;flex:1 1 auto}.topactions{margin-left:0}.appicon{width:32px;height:32px}.savestat.saved,.savestat.restored,.savestat.new,.savestat.saving{position:absolute;left:38px;top:38px;z-index:2;font-size:0;width:13px;height:13px;padding:0;border-width:2px}.savestat.saving{background:#ffd400}.savestat.new{background:var(--paper)}}@media (max-height: 520px) and (max-width: 860px){.topbar .wordmark{display:none}}@media (max-height: 520px) and (max-width: 1099px){.capsule{flex:0 1 auto}.subbar{justify-content:center}}html,body{overscroll-behavior:none}.pill.zoom{padding:2px 4px}.zoomval{min-width:3.6em;min-height:38px;padding:2px 8px;background:var(--cream);border:2px solid var(--ink);border-radius:999px;font-size:.85rem;cursor:pointer}.zoomval:active{background:var(--pink-soft)}@media (pointer: coarse){.zoomval{min-height:44px}}@media print{.canvas{overflow:visible;touch-action:auto}}.fontcell{position:relative;display:flex;min-width:0}.fontcell .fontbtn{flex:1 1 auto;min-width:0}.fontdel{position:absolute;top:4px;right:4px;width:32px;height:32px;padding:0;background:var(--paper);border:2px solid var(--ink);border-radius:50%;font-size:.9rem;cursor:pointer}@media (pointer: coarse){.fontdel{width:40px;height:40px}}.addfont{position:relative;justify-content:center;border-style:dashed;min-height:52px;cursor:pointer;background:var(--matcha-soft)}.addfont input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.addfont:focus-within{outline:3px solid var(--ink);outline-offset:2px}.fontmsg{margin:6px 2px 0;font-size:.8rem}.fontmsg.err{padding:6px 10px;background:var(--pink-soft);border:2px solid var(--ink);border-radius:12px}html{font-size:104%}.app .topbar{padding:4px 10px;gap:8px;border-bottom-width:2px}.app .toolbar,.app .topactions{gap:4px}.app .ibtn{min-width:40px;min-height:40px;padding:2px 4px;border-width:2px;border-radius:13px}.app .ibtn>img{width:22px;height:22px}.app .ibtn .lbl{font-size:.58rem}.app .ibtn.flat{min-width:36px;min-height:36px;font-size:1.2rem;border-radius:12px}.app .ibtn.flat>img{width:20px;height:20px}.app .ibtn.flat[aria-pressed=true]{background:var(--matcha)}.app .paper-ico{width:20px;height:20px}.app .appicon{width:30px;height:30px;border-radius:9px}.app .app .app .app .app .savestat{font-size:.68rem;padding:2px 8px;border-width:2px}.app .subbar{padding:4px 10px;gap:6px}.app .pill{padding:1px 3px;border-width:2px;box-shadow:0 2px #30362e38}.app .capsule{min-height:40px;padding:3px 10px;gap:6px 10px;border-width:2px;box-shadow:0 2px #30362e38;font-size:.76rem;border-radius:22px}.app .ctitle{font-size:.72rem;padding:2px 8px 2px 5px;border-width:2px}.app .ctitle img{width:18px;height:18px}.app .chip,.app .seg button{min-height:32px;padding:2px 10px;font-size:.76rem;border-width:2px}.app .stepper{border-width:2px}.app .stepper button{width:30px;height:30px;font-size:1.05rem}.app .stepper span{font-size:.76rem;min-width:3em}.app .dotbtn{width:32px;height:32px;border-radius:10px}.app .zoomval{min-height:30px;font-size:.76rem;padding:1px 6px;min-width:3.2em;border-width:2px}.app .vsep{margin:4px 0}.app .hint{font-size:.72rem}.app .swatch{width:32px;height:32px;border:0;border-radius:0;background:none!important;box-shadow:none!important;overflow:visible}.app .swatch:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:2px solid var(--ink);background:var(--sw, transparent)}.app .swatch.custom:before{background:var(--sw, conic-gradient(#f66, #fc6, #6c6, #6cf, #96f, #f6c, #f66))}.app .swatch[aria-pressed=true]:before{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.app .swatch.custom input{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.app .colors{gap:2px}.app .pagenav{padding:1px 6px;gap:2px;border-width:2px;opacity:.96}.app .pagesel{min-height:32px;padding:1px 10px;font-size:.85rem;border-width:2px}.app .pageno{font-size:.82rem}.app .ibtn.add{min-width:34px;min-height:34px}.app .pagenav .chip{min-height:30px}@media (pointer: coarse){.app .ibtn,.app .topactions .ibtn{min-width:40px;min-height:40px}.app .ibtn.flat,.app .pagenav .ibtn.add{min-width:38px;min-height:38px}.app .chip,.app .seg button,.app .zoomval,.app .pagesel{min-height:36px}.app .stepper button,.app .dotbtn,.app .swatch{width:36px;height:36px}.app .swatch:before{top:6px;right:6px;bottom:6px;left:6px}.app .pagenav .chip,.app .check,.app .field input[type=range]{min-height:36px}.app .capsule,.app .fontbtn{min-height:44px}.app .fontdel{width:36px;height:36px}.app .ibtn,.app .chip,.app .seg button,.app .zoomval,.app .pagesel,.app .stepper button,.app .dotbtn,.app .fontdel{position:relative}.app .ibtn:before,.app .chip:before,.app .seg button:before,.app .zoomval:before,.app .stepper button:before,.app .dotbtn:before,.app .fontdel:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}}@media (pointer: coarse) and (min-width: 600px){.app .ibtn{min-width:42px;min-height:42px}}@media (pointer: coarse) and (max-width: 480px){.app .ibtn,.app .topactions .ibtn{min-width:38px;min-height:40px}}.app .popover{width:min(440px,calc(100% - 20px));padding:8px;max-height:none;overflow:visible;border-width:2px;border-radius:16px;box-shadow:0 4px #30362e38}.app .fontlist{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px;max-height:min(30vh,190px);max-height:min(30dvh,190px);overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 4px;scrollbar-width:thin;touch-action:pan-y}.app .fontlist:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.app .fontbtn{padding:4px 8px;min-height:40px;border-width:2px;border-radius:10px}.app .fontbtn .sample{font-size:1rem;line-height:1.15}.app .fontbtn small{font-size:.62rem}.app .fontfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:6px;border-top:2px dashed var(--matcha)}.app .fontfoot .addfont{flex:1 1 auto;min-height:34px}.fontcount{font-size:.68rem;opacity:.75;white-space:nowrap}.app .fontmsg{font-size:.7rem;margin:6px 0 0}.app .sheet{padding:10px;gap:8px;border-width:2px}@media (min-width: 900px){.app .sheet{width:340px}}.app .cards{gap:6px}.app .card{padding:3px;font-size:.64rem;border-width:2px;border-radius:11px}.app .settings{padding:8px 10px;gap:8px 14px;border-width:2px;border-radius:13px}.app .printdlg{padding:10px;border-width:2px}.focushandle{display:none}.app[data-focus=true] .chrome{position:fixed;top:0;left:0;right:0;z-index:40;transform:translateY(-110%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s;box-shadow:0 10px 30px #30362e40;max-height:100dvh;overflow-y:auto}.app[data-focus=true][data-dock=true] .chrome{transform:none;visibility:visible;transition:transform .2s ease}.app[data-focus=true] .pagenav{visibility:hidden;opacity:0;transform:translate(-50%,130%);transition:transform .2s ease,opacity .2s ease,visibility 0s linear .2s}.app[data-focus=true][data-dock=true] .pagenav{visibility:visible;opacity:.96;transform:translate(-50%);transition:transform .2s ease,opacity .2s ease}.app[data-focus=true] .canvas{padding:6px;min-height:100vh;min-height:100dvh}.app[data-focus=true] .page{margin-block:auto;border-width:1px;border-radius:2px;box-shadow:0 2px 10px #30362e2e;width:calc(min(100%,max(calc((100vh - 12px) * 210 / 297),340px)) * var(--zoom, 1));width:calc(min(100%,max(calc((100dvh - 12px) * 210 / 297),340px)) * var(--zoom, 1))}.app[data-focus=true] .canvas[data-fit=lebar] .page{width:calc(min(100%,794px) * var(--zoom, 1))}.app[data-focus=true] .focushandle{display:grid;place-items:center;position:fixed;z-index:45;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:38px;height:38px;padding:0;background:var(--cream);border:2px solid var(--ink);border-radius:50%;cursor:pointer;opacity:.32;transition:opacity .15s ease}.app[data-focus=true] .focushandle:hover,.app[data-focus=true] .focushandle:focus-visible,.app[data-focus=true] .focushandle:active{opacity:1}@media (pointer: coarse){.app[data-focus=true] .focushandle:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}}@media (prefers-reduced-motion: reduce){.app[data-focus=true] .chrome,.app[data-focus=true] .pagenav{transition:none}}@media print{.focushandle{display:none!important}}@media (max-height: 640px){.app .fontlist{max-height:min(26dvh,130px)}}.app .alignseg button{padding:2px 8px;display:inline-grid;place-items:center}.app .alignseg button svg{display:block}.wordmark{--wm: 1rem;font-size:var(--wm);display:inline-flex;flex-direction:column;align-items:flex-start;margin:0;padding:.1em .55em .12em 0;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;flex:0 0 auto;position:relative;transform:rotate(-3deg)}.wordmark .wm-little{position:relative;z-index:2;font-family:BL Basic,cursive;font-size:1.1em;line-height:.9;letter-spacing:.02em;color:var(--ink);margin:0 0 -.3em 1.15em;transform:rotate(-6deg);transform-origin:left bottom;text-shadow:0 .06em 0 var(--cream),.06em 0 0 var(--cream),-.06em 0 0 var(--cream),0 -.05em 0 var(--cream),.06em .06em 0 var(--cream),-.06em .06em 0 var(--cream)}.wordmark .wm-little:after{content:"";position:absolute;right:-.5em;top:.02em;width:.34em;height:.34em;border-radius:50%;background:var(--pink);border:.07em solid var(--ink)}.wordmark .wm-page{font-family:"BL Comfortaa Bold",var(--font-ui);font-size:1.04em;letter-spacing:.17em;text-transform:uppercase;color:var(--cream);background:var(--ink);padding:.36em .6em .28em .78em;margin-left:-.12em;border-radius:999px 999px 999px .32em;box-shadow:.16em .16em 0 var(--matcha);transform:rotate(1.4deg)}.wordmark.big{--wm: 2.7rem;transform:rotate(-4deg)}@media (max-width: 720px){.wordmark{--wm: .94rem}.wordmark.big{--wm: 2.4rem}}@media (max-width: 480px){.wordmark{--wm: .84rem}.wordmark.big{--wm: 2.2rem}}