.drawing-mode-mark{--s:32px;--tone:#171a1e;--letter:#d6d8dc;position:relative;display:block;flex:none;width:var(--s);height:var(--s);isolation:isolate;color:var(--letter)}
.drawing-mode-mark.is-ai{--tone:#da1837}
.drawing-mode-shell{position:absolute;inset:0;background:var(--tone);border-radius:16%}
.drawing-mode-glyph{position:absolute;left:22%;top:20%;width:56%;height:60%}
.drawing-mode-glyph::before{content:"";position:absolute;left:0;top:0;width:100%;height:14.1667%;background:currentColor}
.drawing-mode-u{position:absolute;left:0;bottom:0;width:57%;height:80%;border:calc(var(--s)*.085) solid currentColor;border-top:0;border-radius:0 0 calc(var(--s)*.145) calc(var(--s)*.145)}
.drawing-mode-a{display:none;position:absolute;left:0;bottom:0;width:70%;height:80%;clip-path:polygon(0 0,30% 0,100% 100%,0 100%)}
.drawing-mode-a::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(0 100%,0 0,30% 0,100% 100%,73.6716% 100%,22.8571% 27.408%,22.8571% 100%)}
.drawing-mode-a::after{content:"";position:absolute;left:0;right:0;height:18.6667%;top:61%;background:currentColor}
.drawing-mode-i{position:absolute;left:84%;bottom:0;width:16%;height:80%;background:currentColor}
.drawing-mode-mark.is-ai .drawing-mode-u{display:none}
.drawing-mode-mark.is-ai .drawing-mode-a{display:block}
.toolbar #drawingMode{display:grid;place-items:center;flex:none;width:32px;height:32px;min-width:32px;padding:0;border:0;border-radius:5px;background:transparent;box-shadow:none}
.toolbar #drawingMode:hover{filter:brightness(1.12)}
.toolbar #drawingMode:focus-visible{outline:2px solid #247f95;outline-offset:3px}
.toolbar #drawingMode:disabled{opacity:1;filter:none}
.toolbar #drawingMode:disabled .drawing-mode-mark{--tone:#f4f8f9;--letter:#7a929c}
.toolbar #drawingMode:disabled .drawing-mode-shell{border:1px solid #cedadd}
.drawing-mode-flight{position:fixed;z-index:10000;pointer-events:none;transform-origin:center;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.drawing-mode-flight{display:none}}