#diagramPanel{position:fixed;left:62px;top:64px;max-height:calc(100dvh - 88px);width:315px;max-width:calc(100vw - 78px);z-index:16;padding:16px;display:flex;flex-direction:column;gap:13px;color:var(--ink);background:var(--surface,#fff);border-radius:12px}
#diagramPanel[hidden]{display:none}#diagramPanel header{display:flex;align-items:center;justify-content:space-between;font:600 16px Arial}#diagramPanel header button{font-size:24px;line-height:24px;padding:0 4px}
.diagram-colors{display:flex;gap:12px;align-items:center;font:11px Arial}.diagram-colors label{display:flex;align-items:center;gap:5px;cursor:pointer}.diagram-colors input[type=color]{width:23px;height:23px;border:0;background:none;padding:0;cursor:pointer}
#diagramCatalog{overflow-x:hidden;overflow-y:auto;min-height:0;scrollbar-width:none}#diagramCatalog::-webkit-scrollbar{display:none}
.diagram-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}.diagram-grid button{height:40px;padding:0;min-width:0;display:grid;place-items:center;border:1px solid transparent;border-radius:6px;cursor:grab;color:var(--diagram-stroke,#303147)}.diagram-grid button svg{width:30px;height:30px;pointer-events:none}.diagram-grid button:hover{background:var(--ui-hover,#f1f2f5)}.diagram-grid button[aria-pressed=true]{background:#4262ff12;border-color:#4262ff}
.diagram-symbol{overflow:visible}#diagramButton svg{width:21px;height:21px}.night #diagramPanel{--diagram-stroke:#e8ebf3}.presenting #diagramPanel{display:none}
.diagram-grid button{touch-action:none}.diagram-drag-preview{position:fixed;z-index:200;pointer-events:none;width:100px;height:100px;transform:translate(-50%,-50%);opacity:.65}.diagram-drag-preview svg{width:100%;height:100%}
@media(max-width:600px){#diagramPanel{left:58px;top:62px;max-height:calc(100dvh - 82px);width:300px;padding:12px}.diagram-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}