:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}button{font:inherit;color:inherit}.app{flex-direction:column;height:100%;display:flex}.site-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 20px;display:flex}.site-header__brand{color:var(--accent);white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.site-header__brand:hover{text-decoration:underline}.site-header__divider{color:var(--text);font-weight:400}.site-header__title{color:var(--text);white-space:nowrap;font-size:14px;font-weight:600}.site-header__spacer{flex:1}.toggle-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.toggle-btn:hover{border-color:var(--accent-border);color:var(--text-h)}.board{flex:1;min-height:0;position:relative}.toolbar{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);z-index:10;border-radius:10px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.toolbar__group{align-items:center;gap:4px;display:flex}.toolbar__divider{background:var(--border);align-self:stretch;width:1px;margin:4px 2px}.toolbar__btn{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:flex}.toolbar__btn:hover:not(:disabled){border-color:var(--accent-border);color:var(--text-h)}.toolbar__btn[aria-pressed=true]{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.toolbar__btn:disabled{opacity:.35;cursor:default}.toolbar__swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:20px;height:20px;padding:0}.toolbar__swatch[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.toolbar__color-input{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;width:24px;height:24px;padding:0}.toolbar__stroke-dot{background:currentColor;border-radius:50%}@media (width<=640px){.toolbar{flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}}.board__canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.text-edit-overlay{z-index:10;border:1px dashed var(--accent-border);background:0 0;outline:none;margin:0;padding:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.2;position:absolute}