@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";#annotation-fixed-container,#annotation-flowing-container,#annotation-fixed-container .canvas-container,#annotation-flowing-container .canvas-container{pointer-events:none}#annotation-fixed-container.active,#annotation-flowing-container.active,#annotation-fixed-container.active .canvas-container,#annotation-flowing-container.active .canvas-container{pointer-events:auto}#annotation-toolbar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(0);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #0000001a,0 0 0 1px #fff3 inset;padding:6px;display:flex;gap:6px;z-index:2147483647;max-width:90vw;overflow-x:auto;white-space:nowrap;scrollbar-width:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Outfit,sans-serif;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}#annotation-toolbar.drawing-active{pointer-events:none}#annotation-toolbar::-webkit-scrollbar{display:none}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}#annotation-toolbar:hover{background:#fffffff2}#annotation-toolbar.collapsed-left{transform:translate(calc(-100% + 50px))}#annotation-toolbar.collapsed-left.expanded{transform:translate(0)}#annotation-toolbar.collapsed-right{transform:translate(calc(100% - 50px))}#annotation-toolbar.collapsed-right.expanded{transform:translate(0)}#annotation-toolbar.collapsed-top{transform:translateY(calc(-100% + 50px))}#annotation-toolbar.collapsed-top.expanded{transform:translateY(0)}#annotation-toolbar.collapsed-bottom{transform:translateY(calc(100% - 50px))}#annotation-toolbar.collapsed-bottom.expanded{transform:translateY(0)}.tool-btn{background:transparent;border:none;padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:44px;height:44px;position:relative;-webkit-user-select:none;user-select:none;color:#475569}.tool-btn:hover{background-color:#00000014;box-shadow:0 2px 4px #0000001f,0 1px 2px #00000014;color:#1e293b}.tool-btn:active{background-color:#0000001f;box-shadow:0 1px 2px #0000001a}.tool-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #4f46e54d}.tool-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.goboard-btn{width:110px;border-radius:22px;padding:0 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;gap:8px;justify-content:space-between}.goboard-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.goboard-btn span{font-size:13px;letter-spacing:.5px}.goboard-btn svg{width:18px;height:18px}.tool-color-dot{position:absolute;bottom:6px;right:6px;width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 2px #0000001a}.tool-btn.dragging{opacity:.3;transform:scale(.9)}.tool-btn[data-index]{transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease}.tool-btn-ghost{box-shadow:0 8px 24px #0003}#add-tool-panel{position:fixed;background:#fff;padding:16px;border-radius:12px;border:1px solid #e2e8f0;z-index:2147483649;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:320px;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000026}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-tool-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:12px;border-radius:12px;transition:all .2s;background:#f8fafc;border:1px solid transparent}.add-tool-item:hover{background:#fff;box-shadow:0 2px 8px #0000001a,0 1px 4px #0000000f;border-color:#e2e8f0}.add-tool-item svg{width:24px;height:24px;stroke:#64748b;stroke-width:2;fill:none}.add-tool-item:hover svg{stroke:#4f46e5}.add-tool-item span{font-size:11px;font-weight:500;color:#64748b}.selection-toolbar{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.selection-btn:hover{background:#f1f5f9!important}#floating-trash-bin{position:fixed;bottom:100px;right:40px;width:80px;height:80px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2147483649;transform:scale(0);opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff}#floating-trash-bin.visible{transform:scale(1);opacity:1}#floating-trash-bin.active{transform:scale(1.2);background:#dc2626;box-shadow:0 15px 50px #ef444499;animation:shake .3s ease}#floating-trash-bin svg{width:32px;height:32px;stroke:currentColor;fill:none}@keyframes shake{0%,to{transform:scale(1.2) rotate(0)}25%{transform:scale(1.2) rotate(-5deg)}75%{transform:scale(1.2) rotate(5deg)}}.canvas-container{position:absolute!important}.upper-canvas{cursor:crosshair}