:root{--bg:#f8f9fa;--canvas-bg:#fff;--panel:#fff;--panel-border:#e9ecef;--text:#1b1b1f;--text-muted:#6c757d;--accent:#6965db;--accent-soft:#e0dfff;--accent-contrast:#fff;--danger:#e03131;--success:#2f9e44;--shadow:0 2px 4px #0000000f, 0 4px 16px #00000014;--radius:10px;--radius-sm:7px;--panel-gap:12px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-hand:Virgil, "Bradley Hand", "Comic Sans MS", "Segoe Print", cursive}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}.board{touch-action:none;position:fixed;inset:0;overflow:hidden}.board__canvas,.board__overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.board__overlay{pointer-events:none}.board__ui{pointer-events:none;gap:var(--panel-gap);padding:var(--panel-gap);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;display:grid;position:absolute;inset:0}.board__ui>*{pointer-events:auto}.board__top-left{gap:var(--panel-gap);flex-direction:column;grid-area:1/1;justify-self:start;align-items:flex-start;min-height:0;display:flex}.board__top-center{grid-area:1/2;place-self:start center}.board__top-right{grid-area:1/3;place-self:start end;align-items:center;gap:8px;display:flex}.board__bottom-left{grid-area:3/1;align-self:end;align-items:center;gap:8px;display:flex}.board__bottom-right{grid-area:3/3;place-self:end}.tool__key{color:var(--text-muted);pointer-events:none;font-size:9px;line-height:1;position:absolute;bottom:1px;right:3px}.tool[aria-pressed=true] .tool__key{color:#6f6cc9}.style-panel{scrollbar-width:thin;flex-direction:column;gap:14px;width:212px;max-height:calc(100vh - 140px);display:flex;overflow-y:auto}.field__label{letter-spacing:.02em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch--transparent{background-color:#fff;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.zoom__value{border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;min-width:56px;height:32px;font-size:12px;font-weight:600}.zoom__value:hover{background:#f1f3f5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.text-editor{z-index:20;resize:none;white-space:pre;transform-origin:0 0;caret-color:var(--accent);background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1.25;position:absolute;overflow:hidden}.hint{color:#fff;pointer-events:none;z-index:25;background:#1b1b1fd9;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool:disabled,.tool[data-disabled]{opacity:.4;background:0 0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sheet-toggle{display:none}@media (width<=720px){.style-panel{width:180px}.board__top-right .btn .mantine-Button-label{display:none}.board__top-right .btn .mantine-Button-section{margin-inline:0}}@media (width<=640px){.board__ui{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr auto;gap:8px;padding:8px}.board__top-left{grid-area:1/1}.board__top-right{grid-area:1/2}.board__top-center{flex-direction:column;grid-area:2/1/auto/-1;justify-self:stretch;align-items:center;gap:8px;display:flex}.board__bottom-left{flex-wrap:wrap;grid-area:4/1}.board__bottom-right{grid-area:4/2}.sheet-toggle{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);height:34px;box-shadow:var(--shadow);font:inherit;color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.sheet-toggle__caret{transition:transform .12s}.sheet-toggle__caret.is-open{transform:rotate(180deg)}.sheet{display:none}.sheet.is-open{display:block}.style-panel{width:min(72vw,240px);max-height:52vh}.tool{width:34px;min-width:34px;height:34px;min-height:34px}.tool__key,.toolbar__divider{display:none}}