/* Void tool SVG icons */
.tools .tool[title="Soft Brush"] .tool-icon { display:none !important; }
.tools .tool[title="Soft Brush"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%235b9bff' opacity='.35'/%3E%3Ccircle cx='12' cy='12' r='4' fill='%23c8dcff'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Ink"] .tool-icon { display:none !important; }
.tools .tool[title="Ink"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 19c3-6 6-12 14-14' stroke='%23cfe0ff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Marker"] .tool-icon { display:none !important; }
.tools .tool[title="Marker"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 16h16' stroke='%23ffe066' stroke-width='8' stroke-linecap='square' opacity='.7'/%3E%3Cpath d='M4 16h16' stroke='%23ffd24a' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Smudge"] .tool-icon { display:none !important; }
.tools .tool[title="Smudge"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 15c4-2 6-7 10-7s6 5 6 7' stroke='%237eb6ff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Neon Glow"] .tool-icon { display:none !important; }
.tools .tool[title="Neon Glow"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 17c5-11 11-11 16 0' stroke='%23ff2a88' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M4 17c5-11 11-11 16 0' stroke='%23fff' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Rainbow"] .tool-icon { display:none !important; }
.tools .tool[title="Rainbow"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M3 16a9 9 0 0118 0' stroke='%23ff3b3b' stroke-width='2'/%3E%3Cpath d='M5 16a7 7 0 0114 0' stroke='%23ffb000' stroke-width='2'/%3E%3Cpath d='M7 16a5 5 0 0110 0' stroke='%233ddc6a' stroke-width='2'/%3E%3Cpath d='M9 16a3 3 0 016 0' stroke='%234d8cff' stroke-width='2'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Stars"] .tool-icon { display:none !important; }
.tools .tool[title="Stars"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffd24a' d='M12 3l2 6h6l-5 4 2 6-5-4-5 4 2-6-5-4h6z'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Arrow"] .tool-icon { display:none !important; }
.tools .tool[title="Arrow"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12h13M14 7l6 5-6 5' stroke='%239ec1ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Dotted Line"] .tool-icon { display:none !important; }
.tools .tool[title="Dotted Line"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='2' fill='%239ec1ff'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%239ec1ff'/%3E%3Ccircle cx='19' cy='12' r='2' fill='%239ec1ff'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Noise"] .tool-icon { display:none !important; }
.tools .tool[title="Noise"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='7' r='1.3' fill='%23b8c7e6'/%3E%3Ccircle cx='14' cy='6' r='1' fill='%237aa2ff'/%3E%3Ccircle cx='19' cy='10' r='1.4' fill='%23c41e3a'/%3E%3Ccircle cx='9' cy='13' r='1.2' fill='%237aa2ff'/%3E%3Ccircle cx='16' cy='15' r='1' fill='%23b8c7e6'/%3E%3Ccircle cx='7' cy='18' r='1.3' fill='%237aa2ff'/%3E%3Ccircle cx='18' cy='19' r='1.1' fill='%23b8c7e6'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Blur"] .tool-icon { display:none !important; }
.tools .tool[title="Blur"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='%238eb6ff' opacity='.35'/%3E%3Ccircle cx='12' cy='12' r='5' fill='%23cfe0ff' opacity='.5'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Calligraphy"] .tool-icon { display:none !important; }
.tools .tool[title="Calligraphy"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 18c3-2 5-9 9-11s5 0 5 2' stroke='%235b9bff' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Mirror"] .tool-icon { display:none !important; }
.tools .tool[title="Mirror"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 3v18M5 8l3 4-3 4M19 8l-3 4 3 4' stroke='%239ec1ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Sketch"] .tool-icon { display:none !important; }
.tools .tool[title="Sketch"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 18c3-4 5-8 8-9M6 19c3-3 6-7 10-8M5 16c4-5 7-9 12-10' stroke='%23cfe0ff' stroke-width='1.4' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Ripple"] .tool-icon { display:none !important; }
.tools .tool[title="Ripple"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='3' stroke='%235b9bff' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='6' stroke='%235b9bff' stroke-width='1.3' opacity='.7'/%3E%3Ccircle cx='12' cy='12' r='9' stroke='%235b9bff' stroke-width='1.1' opacity='.4'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Confetti"] .tool-icon { display:none !important; }
.tools .tool[title="Confetti"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='5' height='3' rx='.5' fill='%23ff3b3b' transform='rotate(20 6.5 6.5)'/%3E%3Crect x='14' y='4' width='5' height='3' rx='.5' fill='%23ffb000' transform='rotate(-15 16.5 5.5)'/%3E%3Crect x='8' y='12' width='5' height='3' rx='.5' fill='%233ddc6a' transform='rotate(35 10.5 13.5)'/%3E%3Crect x='15' y='14' width='5' height='3' rx='.5' fill='%234d8cff' transform='rotate(-25 17.5 15.5)'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tools .tool[title="Pixelate"] .tool-icon { display:none !important; }
.tools .tool[title="Pixelate"] { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='6' height='6' fill='%237aa2ff'/%3E%3Crect x='11' y='4' width='6' height='6' fill='%235b9bff'/%3E%3Crect x='4' y='11' width='6' height='6' fill='%234080e0'/%3E%3Crect x='11' y='11' width='6' height='6' fill='%239ec1ff'/%3E%3Crect x='18' y='7' width='3' height='3' fill='%23cfe0ff'/%3E%3Crect x='7' y='18' width='3' height='3' fill='%23cfe0ff'/%3E%3C/svg%3E") !important; background-size:16px 16px !important; background-position:center !important; background-repeat:no-repeat !important; background-color:rgba(20,30,50,.95) !important; }
.tool-options:has(.void-tool-options){width:76px!important;min-width:76px!important;height:auto!important;min-height:70px!important;max-height:180px!important;overflow-y:auto!important;}
.void-tool-options input[type=range]{accent-color:#5b9bff;width:100%;}