#freeCanvas #freeCanvasStage{background-image:radial-gradient(circle,#727272 .65px,transparent .8px)}
#canvasAddMenu[hidden]{display:none!important}
#canvasAddMenu{position:fixed;z-index:10100;box-sizing:border-box;width:172px;max-height:calc(100dvh - 16px);overflow-y:auto;padding:8px;border:1px solid #3d3d3d;border-radius:18px;background:#202020;box-shadow:0 10px 35px #0008;color:#eee;font:13px sans-serif}
.canvas-add-choices>.canvas-add-heading{display:block;padding:4px 6px 9px;color:#969696;font-size:11px}
#canvasAddMenu>button,#canvasContextSubmenu.canvas-add-choices>button{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%;min-height:32px;padding:7px 9px;margin:0 0 4px;border:0;border-radius:12px;background:#2a2a2a;color:#eee;font:600 12px sans-serif;text-align:left;cursor:pointer}
#canvasAddMenu>button:last-child,#canvasContextSubmenu.canvas-add-choices>button:last-child{margin-bottom:0}
#canvasAddMenu>button svg,#canvasContextSubmenu.canvas-add-choices>button svg{width:16px;height:16px;flex-shrink:0}
#canvasAddMenu>button>span,#canvasContextSubmenu.canvas-add-choices>button>span{flex:1}
#canvasAddMenu>button>small,#canvasContextSubmenu.canvas-add-choices>button>small{border-radius:5px;background:#3a3a3a;padding:2px 4px;color:#bbb;font:9px sans-serif;white-space:nowrap}
#canvasAddMenu>button:hover:not(:disabled),#canvasAddMenu>button:focus-visible,#canvasContextSubmenu.canvas-add-choices>button:hover:not(:disabled){background:#373737;outline:1px solid #80d7e344}
#canvasAddMenu>button:disabled,#canvasContextSubmenu.canvas-add-choices>button:disabled{color:#8e8e8e;cursor:default}
#canvasContextSubmenu.canvas-add-choices{padding:8px;min-width:172px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;background:#202020}

#freeCanvas,#canvasAddMenu,#canvasToolMenu{-webkit-user-select:none;user-select:none}
#freeCanvas input,#freeCanvas textarea,#freeCanvas select,#freeCanvas [contenteditable=true],#freeCanvas [contenteditable=true] *{-webkit-user-select:text;user-select:text}
#freeCanvas img{-webkit-user-drag:none;user-select:none}

/* Supplied 24px arrow; hotspot aligns with its visible tip. */
#freeCanvas{--canvas-pointer:url("data:image/svg+xml,%3Csvg%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2067%2070'%20fill%3D'none'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20filter%3D'url(%23filter0_d_4867_483)'%3E%3Cpath%20d%3D'M16.6534%206.00917C17.157%205.95193%2017.6671%206.02504%2018.1369%206.22012L18.1379%206.21817L50.1399%2019.219L50.1419%2019.22C50.7253%2019.4578%2051.219%2019.8734%2051.5531%2020.4075C51.8873%2020.9421%2052.0452%2021.5688%2052.0033%2022.1977C51.9614%2022.8265%2051.7225%2023.4263%2051.3206%2023.9117C50.9186%2024.3972%2050.3731%2024.7436%2049.7629%2024.902L49.76%2024.903L37.5112%2028.0633H37.5102C37.1642%2028.1523%2036.848%2028.3325%2036.5951%2028.5848C36.343%2028.8364%2036.1616%2029.1505%2036.0716%2029.495L32.9142%2041.7488L32.9132%2041.7517C32.7548%2042.3618%2032.4084%2042.9074%2031.9229%2043.3094C31.4375%2043.7112%2030.8377%2043.9502%2030.209%2043.9921C29.58%2044.0339%2028.9533%2043.876%2028.4188%2043.5418C27.8846%2043.2078%2027.469%2042.7141%2027.2312%2042.1306L27.2302%2042.1287L14.2294%2010.1266L14.2314%2010.1256C14.0076%209.58667%2013.9443%208.9944%2014.0536%208.42046L14.1034%208.20169C14.2393%207.69754%2014.5059%207.23672%2014.8769%206.86567C15.3009%206.44166%2015.8427%206.1546%2016.4317%206.04238L16.6534%206.00917Z'%20fill%3D'black'%20stroke%3D'white'%20stroke-width%3D'4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D'filter0_d_4867_483'%20x%3D'-3.99244'%20y%3D'0'%20width%3D'72.0046'%20height%3D'72.0046'%20filterUnits%3D'userSpaceOnUse'%20color-interpolation-filters%3D'sRGB'%3E%3CfeFlood%20flood-opacity%3D'0'%20result%3D'BackgroundImageFix'%2F%3E%3CfeColorMatrix%20in%3D'SourceAlpha'%20type%3D'matrix'%20values%3D'0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result%3D'hardAlpha'%2F%3E%3CfeOffset%20dy%3D'12'%2F%3E%3CfeGaussianBlur%20stdDeviation%3D'6'%2F%3E%3CfeComposite%20in2%3D'hardAlpha'%20operator%3D'out'%2F%3E%3CfeColorMatrix%20type%3D'matrix'%20values%3D'0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'%2F%3E%3CfeBlend%20mode%3D'normal'%20in2%3D'BackgroundImageFix'%20result%3D'effect1_dropShadow_4867_483'%2F%3E%3CfeBlend%20mode%3D'normal'%20in%3D'SourceGraphic'%20in2%3D'effect1_dropShadow_4867_483'%20result%3D'shape'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") 5 2,auto;cursor:var(--canvas-pointer)}
#freeCanvas #freeCanvasStage:not(.hand-mode),#freeCanvasStage:not(.hand-mode) .free-canvas-node:not(:active),#freeCanvasStage:not(.hand-mode) .canvas-node-handle:not(:active){cursor:var(--canvas-pointer)}