.drawing-tools-sidebar{background:var(--background-primary,#000);border-right:1px solid var(--border-primary,#2a2e39);z-index:100;flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:56px;height:100%;padding:0;display:flex;position:relative;overflow:hidden}.drawing-tools-scroll-container{flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 0;display:flex}.drawing-tools-scroll-container::-webkit-scrollbar{display:none}.drawing-tools-scroll-container{-ms-overflow-style:none;scrollbar-width:none}.scroll-arrow{transition:opacity .2s,background-color .2s}.drawing-tools-sidebar *,.drawing-tools-sidebar :focus,.drawing-tools-sidebar :focus-visible,.drawing-tools-sidebar :active{box-shadow:none!important;outline:none!important}.drawing-tool-category{position:relative;border:none!important;outline:none!important}.drawing-tool-category.expanded .drawing-tool-button{color:#fff;background:#2962ff}.drawing-tool-button{color:var(--text-secondary,#787b86);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative;box-shadow:none!important;outline:none!important}.drawing-tool-button:focus,.drawing-tool-button:focus-visible{box-shadow:none!important;outline:none!important}.drawing-tool-button:hover{background:var(--background-tertiary,#2a2e39);color:var(--text-primary,#d1d4dc)}.drawing-tool-button.active{color:#fff;background:#2962ff}.drawing-tool-button svg{width:26px;height:26px}.drawing-tool-indicator{opacity:0;border:3px solid #0000;border-left:none;border-right-color:#fff;width:0;height:0;transition:opacity .2s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.drawing-tool-button:hover .drawing-tool-indicator{opacity:1}.drawing-tool-button{position:relative}.drawing-tool-button[data-tooltip]:after{content:attr(data-tooltip);background:var(--background-secondary,#1a1a1a);color:var(--text-secondary,#787b86);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:10001;border:1px solid var(--border-primary,#2a2e39);box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;border-radius:4px;width:220px;margin-top:20px;padding:10px 16px;font-size:13px;line-height:1.5;transition:opacity .2s,visibility .2s;display:table;position:absolute;top:0;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:2px 2px 8px #00000080}.drawing-tool-button[data-tooltip]:hover:after{opacity:1;visibility:visible}.drawing-tool-button[data-tooltip]:before{content:"";opacity:0;visibility:hidden;pointer-events:none;z-index:10002;border:5px solid #0000;border-left-width:0;border-right-color:#1a1a1a;transition:opacity .2s,visibility .2s;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.drawing-tool-button[data-tooltip]:hover:before{opacity:1;visibility:visible}.flyout-menu{background-color:var(--background-primary,#000);border:1px solid var(--border-primary,#2a2e39);z-index:10000;border-radius:4px;min-width:180px;display:none;position:fixed;box-shadow:2px 2px 8px #00000080}.flyout-menu.active{display:block}.flyout-item{color:var(--text-secondary,#787b86);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .2s;display:flex}.flyout-item:hover{background:var(--background-tertiary,#2a2e39);color:var(--text-primary,#d1d4dc)}.flyout-item.active{color:#fff;background:#2962ff}.flyout-item svg{flex-shrink:0;width:16px;height:16px}.drawing-tool-button.special-tool{border-radius:6px;justify-content:center;align-items:center;height:40px;display:flex;color:gold!important;background:0 0!important;border:1px solid gold!important}.drawing-tool-button.special-tool:hover{box-shadow:0 0 8px #ffd7004d;color:gold!important;background:#ffd7001a!important;border:1px solid gold!important}.drawing-tool-button.special-tool.active{color:gold!important;background:#ffd70033!important;border:1px solid gold!important}.drawing-tool-button.special-tool svg{color:gold;width:28px;height:28px}.drawing-tool-button.special-tool span{text-transform:uppercase;letter-spacing:.5px;color:gold;font-size:32px;font-weight:600}@keyframes sparkle-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.drawing-tool-button.special-tool:hover{transition:all .3s;transform:scale(1.05);color:gold!important;background:#ffd7001a!important;border:1px solid gold!important;box-shadow:0 0 15px #ffd70080!important}.sparkle-animation{justify-content:center;align-items:center;transition:all .3s;display:flex}.drawing-tool-button.special-tool:hover .sparkle-animation{animation:.8s ease-in-out infinite sparkle-pulse}