.annotation-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:10}.annotation-item{position:relative}.annotation-item:hover{transform:scale(1.02);transition:transform .1s ease}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZG90cyBmaWxsPSIjOTk5IiBkPSJtIDUsNSAwLDEgMSwwIDAsLTEgeiIvPgo8L3N2Zz4K");background-position:100% 100%;padding:0 3px 3px 0}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.post-it{box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:8px;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;word-wrap:break-word;transition:all .2s ease}.post-it:hover{box-shadow:0 6px 12px rgba(0,0,0,.2)}.arrow{width:0;height:0;border-style:solid;transition:all .2s ease}.highlight{border-radius:4px;transition:opacity .2s ease}.annotation-toolbar{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-picker-button{border:2px solid transparent;border-radius:50%;transition:all .2s ease}.color-picker-button:hover{transform:scale(1.1)}.color-picker-button.selected{border-color:#000;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.annotation-item{animation:fadeIn .3s ease-out}.dnd-dragging{opacity:.5;transform:rotate(5deg)}.dnd-over{background-color:rgba(0,123,255,.1);border:2px dashed #007bff}@media (max-width:768px){.annotation-toolbar{transform:scale(.9)}.post-it{font-size:12px;padding:8px}}.annotation-temporary{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.shape-rectangle{border-radius:4px}.shape-circle{border-radius:50%}.shape-triangle{width:0;height:0;background:transparent}@media (prefers-color-scheme:dark){.annotation-toolbar{background:rgba(0,0,0,.95);border-color:rgba(255,255,255,.1)}}