.test-component[data-v-a947411c]{padding:20px;border:2px solid #42b883;border-radius:8px;background-color:#f9f9f9;margin:20px}.test-component h2[data-v-a947411c]{color:#42b883;margin-bottom:15px}.test-component p[data-v-a947411c]{color:#333;margin-bottom:15px}.btn[data-v-a947411c]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-primary[data-v-a947411c]{background-color:#007bff;color:#fff}.btn-primary[data-v-a947411c]:hover{background-color:#0056b3}.text-success[data-v-a947411c]{color:#28a745;font-weight:700}.mt-3[data-v-a947411c]{margin-top:1rem}.save-status[data-v-8cf5db26]{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes pulse-8cf5db26{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse[data-v-8cf5db26]{animation:pulse-8cf5db26 2s cubic-bezier(.4,0,.6,1) infinite}.properties-panel[data-v-c869302d]{height:100%;display:flex;flex-direction:column;background:#fff;border-left:1px solid #e5e7eb}.properties-panel.actor-modal[data-v-c869302d]{width:450px;background:linear-gradient(135deg,#f8f9fa,#fff);border-left:3px solid #007bff;box-shadow:-2px 0 20px #007bff1a}.actor-icon[data-v-c869302d]{margin-right:.5rem;font-size:1.2em}.actor-label[data-v-c869302d]{color:#007bff;font-weight:600}.actor-properties-content[data-v-c869302d]{flex:1;overflow-y:auto;padding:1.5rem}.actor-property-group[data-v-c869302d]{margin-bottom:2rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.actor-group-title[data-v-c869302d]{font-size:1rem;font-weight:700;color:#495057;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef;display:flex;align-items:center;gap:.5rem}.actor-property-field[data-v-c869302d]{margin-bottom:1.25rem}.actor-property-row[data-v-c869302d]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actor-property-field .actor-label[data-v-c869302d]{display:block;font-size:.875rem;font-weight:600;color:#495057;margin-bottom:.5rem}.actor-input[data-v-c869302d],.actor-select[data-v-c869302d],.actor-textarea[data-v-c869302d]{width:100%;padding:.75rem;border:2px solid #dee2e6;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#fff}.actor-input[data-v-c869302d]:focus,.actor-select[data-v-c869302d]:focus,.actor-textarea[data-v-c869302d]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;transform:translateY(-1px)}.actor-color-wrapper[data-v-c869302d]{display:flex;gap:.75rem;align-items:center}.actor-color-input[data-v-c869302d]{width:4rem;height:3rem;padding:0;border:2px solid #dee2e6;border-radius:8px;cursor:pointer}.actor-range-wrapper[data-v-c869302d]{display:flex;align-items:center;gap:1rem}.actor-range-input[data-v-c869302d]{flex:1;height:6px;background:#dee2e6;border-radius:3px;outline:none;-webkit-appearance:none}.actor-range-input[data-v-c869302d]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.actor-range-value[data-v-c869302d]{font-size:.875rem;color:#6c757d;min-width:3rem;text-align:right;font-weight:600}.actor-keyframes-section[data-v-c869302d]{margin-bottom:1.5rem}.actor-keyframes-header[data-v-c869302d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.actor-keyframes-title[data-v-c869302d]{font-size:1rem;font-weight:600;color:#495057;margin:0}.actor-add-keyframe-btn[data-v-c869302d]{padding:.5rem 1rem;background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #6b72804d}.actor-add-keyframe-btn[data-v-c869302d]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #6b728066}.actor-add-keyframe-btn[data-v-c869302d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.actor-keyframes-list[data-v-c869302d]{max-height:300px;overflow-y:auto;border:2px solid #e9ecef;border-radius:12px;background:#fff}.actor-keyframe-item[data-v-c869302d]{padding:1rem;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:all .3s ease}.actor-keyframe-item[data-v-c869302d]:last-child{border-bottom:none}.actor-keyframe-item[data-v-c869302d]:hover{background:#f8f9fa;transform:translate(4px)}.actor-keyframe-item.selected[data-v-c869302d]{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:4px solid #6b7280}.actor-keyframe-info[data-v-c869302d]{flex:1}.actor-keyframe-time[data-v-c869302d]{font-weight:700;color:#495057;font-size:.875rem;margin-bottom:.5rem}.actor-keyframe-dialogue[data-v-c869302d]{margin-top:.75rem}.actor-keyframe-textarea[data-v-c869302d]{width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:6px;font-size:.8rem;resize:vertical;min-height:60px}.actor-keyframe-actions[data-v-c869302d]{display:flex;gap:.5rem;margin-top:.75rem}.actor-goto-btn[data-v-c869302d],.actor-delete-btn[data-v-c869302d]{padding:.375rem .75rem;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .3s ease}.actor-goto-btn[data-v-c869302d]{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.actor-goto-btn[data-v-c869302d]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #6b72804d}.actor-delete-btn[data-v-c869302d]{background:linear-gradient(135deg,#374151,#1f2937);color:#fff}.actor-delete-btn[data-v-c869302d]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #3741514d}.actor-no-keyframes[data-v-c869302d]{text-align:center;padding:2rem;color:#6c757d;font-style:italic}.actor-animation-settings[data-v-c869302d]{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.panel-header[data-v-c869302d]{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-title[data-v-c869302d]{font-size:1.125rem;font-weight:600;color:#374151;margin:0}.close-btn[data-v-c869302d]{width:2rem;height:2rem;border:none;background:#e5e7eb;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.close-btn[data-v-c869302d]:hover{background:#d1d5db;color:#374151}.no-selection[data-v-c869302d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280}.no-selection-icon[data-v-c869302d]{font-size:3rem;margin-bottom:1rem;opacity:.5}.properties-content[data-v-c869302d]{flex:1;overflow-y:auto;padding:1rem}.property-group[data-v-c869302d]{margin-bottom:1.5rem}.group-title[data-v-c869302d]{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.property-field[data-v-c869302d]{margin-bottom:1rem}.property-row[data-v-c869302d]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.property-field label[data-v-c869302d]{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.property-input[data-v-c869302d],.property-select[data-v-c869302d],.property-textarea[data-v-c869302d]{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s}.property-input[data-v-c869302d]:focus,.property-select[data-v-c869302d]:focus,.property-textarea[data-v-c869302d]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.color-input-wrapper[data-v-c869302d]{display:flex;gap:.5rem;align-items:center}.color-input[data-v-c869302d]{width:3rem;height:2.5rem;padding:0;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer}.range-input-wrapper[data-v-c869302d]{display:flex;align-items:center;gap:.75rem}.range-input[data-v-c869302d]{flex:1}.range-value[data-v-c869302d]{font-size:.875rem;color:#6b7280;min-width:3rem;text-align:right}.keyframes-section[data-v-c869302d]{margin-bottom:1rem}.keyframes-header[data-v-c869302d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.keyframes-title[data-v-c869302d]{font-size:.875rem;font-weight:600;color:#374151;margin:0}.add-keyframe-btn[data-v-c869302d]{padding:.375rem .75rem;background:#8b5cf6;color:#fff;border:none;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.add-keyframe-btn[data-v-c869302d]:hover{background:#7c3aed;transform:translateY(-1px)}.keyframes-list[data-v-c869302d]{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.375rem}.keyframe-item[data-v-c869302d]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s}.keyframe-item[data-v-c869302d]:last-child{border-bottom:none}.keyframe-item[data-v-c869302d]:hover{background:#f9fafb}.keyframe-item.active[data-v-c869302d]{background:#eff6ff;border-color:#3b82f6}.keyframe-info[data-v-c869302d]{flex:1}.keyframe-time[data-v-c869302d]{display:block;font-weight:600;color:#374151;font-size:.875rem}.keyframe-properties[data-v-c869302d]{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem}.keyframe-actions[data-v-c869302d]{display:flex;gap:.25rem}.keyframe-action-btn[data-v-c869302d]{padding:.25rem;background:transparent;border:1px solid #d1d5db;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:all .2s}.keyframe-action-btn[data-v-c869302d]:hover{background:#f3f4f6;border-color:#9ca3af}.keyframe-action-btn.delete[data-v-c869302d]:hover{background:#fee2e2;border-color:#dc2626}.no-keyframes[data-v-c869302d]{text-align:center;padding:2rem 1rem;color:#6b7280}.no-keyframes p[data-v-c869302d]{margin:0 0 .5rem;font-size:.875rem}.no-keyframes small[data-v-c869302d]{font-size:.75rem;opacity:.8}.legacy-animation[data-v-c869302d]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.save-section[data-v-c869302d]{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.save-btn[data-v-c869302d]{width:100%;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;background:#f3f4f6;color:#6b7280;font-weight:500;cursor:not-allowed;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn[data-v-c869302d]:disabled{opacity:.6}.save-btn.has-changes[data-v-c869302d]{background:#3b82f6;color:#fff;border-color:#2563eb;cursor:pointer;box-shadow:0 2px 4px #3b82f633}.save-btn.has-changes[data-v-c869302d]:hover{background:#2563eb;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.save-btn.has-changes[data-v-c869302d]:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.animation-timeline[data-v-9bd1fb10]{height:100%;min-height:250px;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 -4px 6px -1px #0000000d}.timeline-header[data-v-9bd1fb10]{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;backdrop-filter:blur(10px)}.timeline-header-left[data-v-9bd1fb10]{display:flex;align-items:center;gap:.5rem}.timeline-icon[data-v-9bd1fb10]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;color:#fff;box-shadow:0 2px 4px -1px #3b82f64d}.timeline-title-section[data-v-9bd1fb10]{display:flex;flex-direction:column;gap:.25rem}.timeline-title[data-v-9bd1fb10]{font-size:.875rem;font-weight:600;color:#1e293b;margin:0;letter-spacing:-.025em}.timeline-subtitle[data-v-9bd1fb10]{font-size:.75rem;color:#64748b;margin:0;font-weight:400}.timeline-controls[data-v-9bd1fb10]{display:flex;gap:.5rem}.timeline-btn[data-v-9bd1fb10]{display:flex;align-items:center;gap:.25rem;padding:.375rem .5rem;border:none;background:linear-gradient(135deg,#fff,#f8fafc);color:#475569;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0}.timeline-btn[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px);box-shadow:0 2px 4px -1px #0000001a;border-color:#cbd5e1}.timeline-btn[data-v-9bd1fb10]:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.timeline-btn[data-v-9bd1fb10]:disabled{opacity:.5;cursor:not-allowed;transform:none}.timeline-btn.active[data-v-9bd1fb10]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:#1d4ed8}.timeline-btn.success[data-v-9bd1fb10]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#059669}.timeline-btn.success[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.control-group[data-v-9bd1fb10]{display:flex;gap:.5rem;padding:.5rem;background:#fffc;border-radius:8px;border:1px solid #e2e8f0;backdrop-filter:blur(10px)}.control-btn[data-v-9bd1fb10]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:linear-gradient(135deg,#fff,#f8fafc);color:#475569;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0}.control-btn[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:#cbd5e1}.control-btn[data-v-9bd1fb10]:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.control-btn[data-v-9bd1fb10]:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-btn.play[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#9ca3af;color:#4b5563}.control-btn.pause[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#6b7280;color:#374151}.control-btn.stop[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#374151;color:#1f2937}.control-btn.keyframe[data-v-9bd1fb10]:hover:not(:disabled){background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#6b7280;color:#374151}.timeline-content[data-v-9bd1fb10]{flex:1;overflow:auto}.timeline-ruler[data-v-9bd1fb10]{position:relative;height:2rem;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;overflow:hidden;backdrop-filter:blur(10px)}.ruler-track[data-v-9bd1fb10]{position:relative;height:100%}.ruler-mark[data-v-9bd1fb10]{position:absolute;top:0;height:100%;border-left:1px solid #e2e8f0;transition:border-color .2s ease}.ruler-mark.major[data-v-9bd1fb10]{border-left:2px solid #64748b}.ruler-mark.minor[data-v-9bd1fb10]{border-left:1px solid #cbd5e1}.ruler-label[data-v-9bd1fb10]{position:absolute;top:.25rem;left:.25rem;font-size:.625rem;font-weight:500;color:#475569;background:#ffffffe6;padding:.125rem .25rem;border-radius:3px;border:1px solid #e2e8f0;backdrop-filter:blur(5px)}.time-indicator[data-v-9bd1fb10]{position:absolute;top:.25rem;right:.5rem}.current-time[data-v-9bd1fb10]{font-size:.75rem;font-weight:500;color:#1e293b;background:linear-gradient(135deg,#fff,#f1f5f9);padding:.25rem .5rem;border-radius:4px;border:1px solid #e2e8f0;box-shadow:0 1px 2px -1px #0000001a}.playhead[data-v-9bd1fb10]{position:absolute;top:0;width:3px;height:100%;background:linear-gradient(180deg,#374151,#1f2937);cursor:ew-resize;z-index:20;border-radius:1.5px;box-shadow:0 0 8px #37415180}.playhead-handle[data-v-9bd1fb10]{position:absolute;top:-6px;left:-6px;width:15px;height:15px;background:linear-gradient(135deg,#374151,#1f2937);border-radius:50%;border:2px solid white;box-shadow:0 2px 8px #37415166}.playhead-line[data-v-9bd1fb10]{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#3741514d;transform:translate(-50%)}.timeline-tracks[data-v-9bd1fb10]{min-height:100px;flex:1;overflow-y:auto;background:linear-gradient(180deg,#fff,#f8fafc)}.empty-timeline[data-v-9bd1fb10]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;color:#64748b;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;margin:.5rem;border:2px dashed #cbd5e1}.empty-icon[data-v-9bd1fb10]{font-size:2rem;margin-bottom:.5rem;opacity:.6;background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-title[data-v-9bd1fb10]{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:#1e293b}.empty-description[data-v-9bd1fb10]{font-size:.75rem;text-align:center;max-width:250px;color:#64748b;line-height:1.4}.timeline-track[data-v-9bd1fb10]{display:flex;border-bottom:1px solid #f1f5f9;min-height:12px;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.timeline-track[data-v-9bd1fb10]:hover{background:linear-gradient(90deg,#f8fafc,#f1f5f9);transform:translate(2px);box-shadow:0 2px 4px -1px #0000000d}.timeline-track.selected[data-v-9bd1fb10]{background:linear-gradient(90deg,#f9fafb,#f3f4f6);border-color:#d1d5db;box-shadow:inset 3px 0 #6b7280,0 4px 6px -1px #6b72801a}.track-header[data-v-9bd1fb10]{width:220px;display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-right:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);backdrop-filter:blur(10px);height:12px}.track-icon[data-v-9bd1fb10]{width:10px;height:10px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;font-weight:600;box-shadow:0 1px 2px -1px #0000001a;flex-shrink:0}.track-info[data-v-9bd1fb10]{flex:1;min-width:0;display:flex;align-items:center;gap:.25rem}.track-name[data-v-9bd1fb10]{font-weight:500;font-size:.625rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;line-height:1}.track-type[data-v-9bd1fb10]{font-size:.5rem;color:#64748b;font-weight:400;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;line-height:1}.track-content[data-v-9bd1fb10]{flex:1;position:relative;padding:0;background:linear-gradient(90deg,#fffc,#f8fafccc);backdrop-filter:blur(10px);height:12px}.animation-block[data-v-9bd1fb10]{position:absolute;height:10px;top:1px;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:2px;cursor:move;display:flex;align-items:center;padding:0 .25rem;color:#fff;font-size:.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px -1px #6b72804d;border:1px solid rgba(255,255,255,.2)}.animation-block[data-v-9bd1fb10]:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 16px -4px #6b728066,0 4px 6px -1px #6b728033}.block-content[data-v-9bd1fb10]{flex:1;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.block-label[data-v-9bd1fb10]{font-weight:500}.block-duration[data-v-9bd1fb10]{opacity:.8}.resize-handle[data-v-9bd1fb10]{position:absolute;top:0;width:4px;height:100%;cursor:ew-resize;background:#ffffff4d;opacity:0;transition:opacity .2s}.resize-handle.left[data-v-9bd1fb10]{left:0}.resize-handle.right[data-v-9bd1fb10]{right:0}.animation-block:hover .resize-handle[data-v-9bd1fb10]{opacity:1}.element-duration-block[data-v-9bd1fb10]{position:absolute;height:8px;top:2px;border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.6;z-index:1}.element-duration-block[data-v-9bd1fb10]:hover{opacity:.8;transform:translateY(-1px)}.element-duration-block.selected[data-v-9bd1fb10]{opacity:1;box-shadow:0 0 0 2px #6b728080}.duration-bar[data-v-9bd1fb10]{width:100%;height:100%;border-radius:4px;background:linear-gradient(135deg,currentColor 0%,currentColor 100%);opacity:.7}.keyframe-marker[data-v-9bd1fb10]{position:absolute;top:0;width:12px;height:12px;cursor:pointer;z-index:10;transform:translate(-6px);transition:all .3s cubic-bezier(.4,0,.2,1)}.keyframe-marker[data-v-9bd1fb10]:hover{transform:translate(-6px) scale(1.2)}.keyframe-marker.selected[data-v-9bd1fb10]{transform:translate(-6px) scale(1.3);z-index:15}.keyframe-diamond[data-v-9bd1fb10]{width:12px;height:12px;border-radius:2px;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.keyframe-diamond svg[data-v-9bd1fb10]{transform:rotate(-45deg);width:8px;height:8px}.add-animation-btn[data-v-9bd1fb10]{position:absolute;top:.5rem;width:1.5rem;height:1.5rem;border:1px dashed #9ca3af;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#6b7280;transition:all .2s}.add-animation-btn[data-v-9bd1fb10]:hover{border-color:#6b7280;color:#6b7280;background:#f9fafb}.timeline-footer[data-v-9bd1fb10]{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-top:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fafc);backdrop-filter:blur(10px);box-shadow:0 -2px 4px -1px #0000000d}.zoom-controls[data-v-9bd1fb10]{display:flex;align-items:center;gap:.5rem}.zoom-btn[data-v-9bd1fb10]{width:2rem;height:2rem;border:1px solid #d1d5db;background:#fff;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.zoom-btn[data-v-9bd1fb10]:hover{background:#f3f4f6;border-color:#9ca3af}.zoom-level[data-v-9bd1fb10]{font-size:.875rem;color:#6b7280;min-width:3rem;text-align:center}.timeline-info[data-v-9bd1fb10]{display:flex;gap:1rem;font-size:.875rem;color:#6b7280}.keyframe-info[data-v-9bd1fb10]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.delete-keyframe-btn[data-v-9bd1fb10]{padding:.25rem .5rem;border:1px solid #374151;background:#fff;color:#374151;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:all .2s}.delete-keyframe-btn[data-v-9bd1fb10]:hover{background:#374151;color:#fff}.line-clamp-2[data-v-eda2a5e1]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes float-0b850f78{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float[data-v-0b850f78]{animation:float-0b850f78 3s ease-in-out infinite}