@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}:root{color:#242a38;font-synthesis:none;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f6f2;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #b99b33}button:disabled{opacity:.25;cursor:default}button:not(:disabled):hover{background:#eae9e3}svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:21px;height:21px}#canvas{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;position:fixed;inset:0}.header{top:max(26px,env(safe-area-inset-top));pointer-events:none;align-items:center;gap:25px;display:flex;position:fixed;left:36px;right:36px}.header>*{pointer-events:auto}.brand{color:inherit;letter-spacing:-1.5px;align-items:center;gap:12px;font-family:Manrope,system-ui,sans-serif;font-size:28px;font-weight:800;text-decoration:none;display:flex}.brand-mark{letter-spacing:-3px;background:#f3d36f;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;padding-bottom:5px;font-size:29px;line-height:1;display:flex}.brand-mark span{font-size:26px}.brand-period{color:#c1a145}.tagline{color:#90918c;letter-spacing:.2px;border-left:1px solid #deded5;padding-left:24px;font-size:12px}.document-actions{align-items:center;gap:6px;margin-left:auto;display:flex}#save-status{color:#8a8e84;max-width:180px;margin-right:20px;font-size:11px}#save-status:before{content:"";background:#8d9b79;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}#save-status.error{color:#ae473d}#save-status.error:before{background:#ae473d}.quiet{background:#f7f6f2cc;border-radius:8px;padding:9px 12px;font-size:12px}.quiet span{color:#92958b;margin-left:7px}.welcome{text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:90%;max-width:600px;transition:opacity .2s;position:fixed;top:42%;left:50%;transform:translate(-50%,-50%)}.welcome.hidden{opacity:0}.eyebrow{letter-spacing:2.8px;color:#9a9d91;font-size:10px;font-weight:600}h1{letter-spacing:-3.5px;color:#3d423c;margin:22px 0;font-family:Manrope,system-ui,sans-serif;font-size:clamp(42px,6vw,70px);font-weight:500;line-height:1.12}.welcome p{color:#999c92;font-size:13px}.welcome-arrow{color:#c7b771;margin-top:15px;font-size:40px;font-weight:400;display:inline-block;transform:rotate(-18deg)}.toolbar{bottom:calc(52px + env(safe-area-inset-bottom));background:#fffefa;border:1px solid #e9e7de;border-radius:19px;align-items:center;gap:13px;max-width:calc(100vw - 24px);padding:10px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 12px #37372305,0 12px 50px #3737230a}.tool-group{align-items:center;gap:4px;display:flex}.tool{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.tool.active{color:#393725;background:#f2d776!important}.divider{background:#e8e7df;flex-shrink:0;width:1px;height:25px}.colors{gap:7px}.color{border-radius:50%;place-items:center;width:24px;height:28px;padding:0;display:grid}.color:before{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px}.color.active{outline:1.5px solid var(--ink);outline-offset:2px;background:0 0!important}.color.active:before{width:16px;height:16px}.custom-color{color:#9a9a92;border:1px solid #dddcd3;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid;position:relative;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.size-control{align-items:center;gap:10px;width:90px;display:flex}#size-dot{background:#242a38;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}#size{accent-color:#72786b;cursor:pointer;width:67px;height:20px}.view-controls{bottom:calc(60px + env(safe-area-inset-bottom));background:#fffefa;border:1px solid #e8e7de;border-radius:10px;align-items:center;padding:4px;display:flex;position:fixed;left:32px}.view-controls button{border-radius:6px;min-width:30px;height:29px;font-size:18px}#reset-view{font-variant-numeric:tabular-nums;min-width:47px;font-size:10px}footer{bottom:calc(19px + env(safe-area-inset-bottom));color:#9b9e94;pointer-events:none;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:fixed;left:36px;right:36px}.clear{color:#98998f;pointer-events:auto;border-radius:4px;padding:3px 0;font-size:10px}.touch-hint{display:none}.toast{color:#fffefa;text-align:center;background:#30372e;border-radius:12px;max-width:90vw;padding:12px 20px;font-size:13px;position:fixed;top:100px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0001}.toast[hidden]{display:none}@media (width<=1100px){.view-controls{bottom:calc(129px + env(safe-area-inset-bottom));left:20px}.header{left:24px;right:24px}.toolbar{gap:10px}}@media (pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}@media (width<=650px){.header{left:18px;right:18px;top:max(18px,env(safe-area-inset-top));gap:12px}.brand{gap:9px;font-size:24px}.brand-mark{width:34px;height:34px;font-size:26px}.tagline{display:none}#save-status{font-size:10px;position:fixed;top:68px;left:20px}.document-actions{gap:0}.quiet{padding:8px;font-size:11px}.toolbar{bottom:calc(47px + env(safe-area-inset-bottom));border-radius:16px;flex-wrap:wrap;justify-content:center;gap:8px;width:370px;padding:8px}.tool{width:34px;height:34px}.colors{gap:6px}.color{width:21px}.custom-color{width:21px;height:21px}.size-control{width:75px}.size-control input{width:52px!important}.history-divider{display:none}.history{margin-left:4px}.toolbar>.divider:nth-of-type(2){display:none}.view-controls{bottom:calc(156px + env(safe-area-inset-bottom));left:18px}footer{left:18px;right:18px;bottom:calc(17px + env(safe-area-inset-bottom));font-size:9px}.clear{font-size:9px}.welcome{top:40%}h1{letter-spacing:-2px}.welcome p{font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
