:root{--ink:#2c2320;--bg:#faf8f3;--menu-bg:#fafafa;--ink-muted:#2c2320ad}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eae7dd;--bg:#1c1b18;--menu-bg:#26241f;--ink-muted:#eae7dd99}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}.page{min-height:100%;position:relative}.toolbar{z-index:1000;justify-content:flex-end;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;top:0;right:0}.dl-btn{appearance:none;background:var(--bg);border:1px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:2px;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:16px;line-height:1.5;display:inline-flex}.dl-btn svg{width:1.1em;height:1.1em}@media (width<=768px){.toolbar{display:none}}.content{box-sizing:border-box;justify-content:center;min-height:100vh;padding:80px max(24px,50vw - 400px);display:flex}@media (width<=768px){.content{padding:32px 16px}}.editor-wrap{flex:auto;width:100%;max-width:800px;position:relative}.editor{white-space:pre-wrap;word-break:break-word;caret-color:#0000;outline:none;width:100%;min-height:100%;font-size:1.5rem;line-height:1.5}@media (width<=768px){.editor{font-size:1.125rem}}.placeholder{white-space:nowrap;color:var(--ink);opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none;padding-left:1em;font-size:1.5rem;line-height:1.5;position:absolute;top:0;left:0}.placeholder[hidden]{display:none}@media (width<=768px){.placeholder{font-size:1.125rem}}.sp-dl-btn{appearance:none;background:var(--menu-bg);width:48px;height:48px;color:var(--ink);opacity:.9;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;top:20px;right:16px;box-shadow:0 1px 4px #00000014,0 1px 10px #0000000d}.sp-dl-btn svg{width:24px;height:24px}@media (width<=768px){.sp-dl-btn{display:flex}}.footer{justify-content:center;align-items:center;padding:16px 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-link{color:var(--ink-muted);font-size:14px;font-weight:300;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}@media (width<=768px){.footer-link{font-size:12px}}.toast{left:50%;bottom:max(calc(56px + env(safe-area-inset-bottom,0px)), calc(16px + var(--keyboard-inset,0px)));text-align:center;background:var(--menu-bg);width:max-content;max-width:calc(100vw - 32px);color:var(--ink);opacity:0;pointer-events:none;z-index:1000;border-radius:999px;padding:10px 16px;font-size:13px;transition:opacity .4s;position:fixed;transform:translate(-50%);box-shadow:0 1px 2.5px #0000000d}.toast.visible{opacity:1}.figure{pointer-events:none;opacity:1;width:20px;height:30px;transition:width .12s,height .12s,opacity .15s;position:absolute;top:20px;left:20px}.figure.composing{opacity:.4}.figure.unfocused{opacity:.5}.figure svg{width:146.667%;height:166.667%;position:absolute;top:-43.333%;left:-23.333%;overflow:hidden}.stroke{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}