body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.canvas-stage-container{align-items:center;background-color:#f4f4f4;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:20px auto;max-width:90%;padding:20px}.canvas-stage{background-color:#fff;border:2px solid #000;border-radius:8px;box-shadow:0 4px 6px #0000001a}.konva-circle{stroke:#000;stroke-width:2px}.konva-text{fill:#333;font-family:Arial,sans-serif;font-size:14px}.konva-arrow{stroke:#fc0;stroke-width:3px;pointer-events:none}.toolbar-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;gap:10px;padding:10px}.toolbar-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.toolbar-button.clear{background-color:#007bff}.toolbar-button.clear:hover{background-color:#0056b3}.toolbar-button.save-tactic{background-color:#28a745}.toolbar-button.save-tactic:hover{background-color:#1e7e34}.toolbar-button.export-image{background-color:#dc3545}.toolbar-button.export-image:hover{background-color:#a71d2a}.toolbar-button.import-tactic{background-color:#ffc107}.toolbar-button.import-tactic:hover{background-color:#e0a800}.toolbar-button.toggle-draw{background-color:#17a2b8}.toolbar-button.toggle-draw:hover{background-color:#138496}.hidden{display:none}.toolbar-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin-top:10px;outline:none;padding:8px 12px;transition:border-color .3s ease,box-shadow .3s ease}.toolbar-select:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.toolbar-select option{background-color:#fff;color:#333;padding:8px}.timeline-editor{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px;padding:16px;width:100%}.timeline-controls{align-items:center;display:flex;gap:12px}.timeline-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:background-color .3s ease}.timeline-button:hover{background-color:#0056b3}.timeline-current-frame{color:#333;font-size:14px}.timeline-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:4px;cursor:pointer;height:6px;max-width:300px;outline:none;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:16px}.timeline-slider::-webkit-slider-thumb:hover{background:#0056b3}.timeline-slider::-moz-range-thumb{background:#007bff;border-radius:50%;cursor:pointer;height:16px;-moz-transition:background-color .3s ease;transition:background-color .3s ease;width:16px}.timeline-slider::-moz-range-thumb:hover{background:#0056b3}