.animation-clip{--clip-c1: #4f8dd9;--clip-c2: #2f6bb0;--clip-border: rgba(255, 255, 255, .22);--clip-glow: rgba(79, 141, 217, .35);height:26px!important;resize:none!important;overflow:hidden!important;padding:0!important;border:1px solid var(--clip-border)!important;border-radius:8px!important;background:linear-gradient(135deg,var(--clip-c1),var(--clip-c2))!important;display:flex!important;align-items:center!important;line-height:26px!important;box-sizing:border-box!important;position:relative!important;box-shadow:0 2px 7px #00000059,inset 0 1px #ffffff14!important;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out,filter .15s ease-in-out!important}.timeline-track.collapsed .animation-clip.hidden-by-collapse{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.timeline-track.collapsed .animation-clip[data-first-animation=true]{display:flex!important;visibility:visible!important;opacity:1!important;box-shadow:0 2px 8px #4a90e24d!important}.timeline-track.collapsed .animation-clip[data-first-animation=true]:after{content:"···";position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;font-size:14px!important;font-weight:700!important;color:#fff9!important;letter-spacing:2px!important;pointer-events:none!important}.animation-clip *{line-height:normal!important;vertical-align:middle!important}.animation-clip:hover{transform:translateY(-1px)!important;box-shadow:0 6px 14px #00000059,0 0 0 1px var(--clip-glow)!important;z-index:5!important;filter:saturate(1.06) brightness(1.02)!important}.animation-clip.selected{border:2px solid #ffd76a!important;box-shadow:0 0 0 2px #ffd76a47,0 0 14px #ffd76a73!important;z-index:50!important;transform:translateY(-1px)!important}.clip-vertical-handle{display:none!important}.clip-content{font-weight:600;letter-spacing:.2px;color:#fff!important;padding:0 30px 0 10px!important;display:flex!important;align-items:center!important;height:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 1px 2px rgba(0,0,0,.45)!important;line-height:normal!important;margin:0!important;box-sizing:border-box!important;position:relative!important;width:100%!important;font-size:11.5px!important}.clip-content .clip-type{color:#ffffffe6!important;margin-right:4px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.03em!important}.sequence-number{background:#ff9800cc!important;color:#fff!important;border-radius:10px!important;padding:0 5px!important;margin-left:5px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:14px!important;line-height:1!important;vertical-align:middle!important}.animation-clip[data-is-vertical-resizing=true]{box-shadow:none!important;z-index:1!important}.clip-handle{width:8px!important;background:#00000047!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important;height:100%!important;margin:0!important;padding:0!important}.clip-handle:hover{background:#ffffff52!important}.delete-clip-btn{visibility:visible!important;opacity:.6!important;background:#0000004d!important;color:#fff!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;line-height:18px!important;text-align:center!important;border-radius:50%!important;margin:0!important;padding:0!important}.delete-clip-btn:hover{opacity:1!important;background:#ff00004d!important}.edit-clip-btn{position:absolute!important;right:30px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;line-height:18px!important;padding:0!important;margin:0!important;text-align:center!important}.spawn-animation-clip{--clip-c1: #8a56d7;--clip-c2: #6f45bd;--clip-border: rgba(202, 171, 255, .45);--clip-glow: rgba(167, 117, 245, .38);position:relative!important}.spawn-animation-clip:before{content:"★"!important;position:absolute!important;left:4px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;color:#fc0!important;text-shadow:0 0 4px rgba(255,204,0,.5)!important}.spawn-animation-clip .clip-content{padding-left:24px!important}.stationary-animation-clip{--clip-c1: #b05adf;--clip-c2: #8a3cbf;--clip-border: rgba(220, 172, 255, .44);--clip-glow: rgba(190, 120, 236, .34);position:relative!important}.stationary-animation-clip:before{content:"◆"!important;position:absolute!important;left:4px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;color:#e1bee7!important;text-shadow:0 0 4px rgba(225,190,231,.5)!important}.stationary-animation-clip .clip-content{padding-left:24px!important}.animation-clip[data-group-id]{border-left:3px solid var(--group-color, #4a90e2)!important;box-shadow:inset 0 0 0 1px #ffffff1a!important}.animation-clip[data-group-id]:hover{box-shadow:inset 0 0 0 1px #fff3!important}.animation-clip[data-group-id].selected{box-shadow:inset 0 0 0 2px var(--group-color, #4a90e2)!important}.animation-clip[data-group-id]:after{content:attr(data-group-name);position:absolute!important;right:8px!important;top:4px!important;font-size:10px!important;padding:2px 6px!important;border-radius:10px!important;background:#0000004d!important;color:var(--group-color, #fff)!important;opacity:.8!important}.animation-clip[data-group-id]:hover:after{opacity:1!important}.animation-groups-menu{background:#222831f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.group-menu-header{background:#0003!important}.group-item:hover{background:#ffffff0d!important}.group-action-btn:hover{transform:translateY(-1px)!important}.spawn-object-btn{background:linear-gradient(180deg,#8e44ad,#9b59b6)!important;box-shadow:0 2px 8px #8e44ad4d!important}.spawn-object-btn:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #8e44ad66!important;background:linear-gradient(180deg,#9b59b6,#8e44ad)!important}.sequence-animation-clip{--clip-c1: #8f54e0;--clip-c2: #5c3cb3;border-left:3px solid #ff9800!important}.sequence-animation-clip .clip-type{color:#ff9800!important}.misc-animation-clip{--clip-c1: #d9a84a;--clip-c2: #b27a1e;--clip-border: rgba(245, 204, 120, .55);--clip-glow: rgba(234, 183, 76, .35);position:relative!important}.misc-animation-clip:before{content:"○"!important;position:absolute!important;left:4px!important;top:50%!important;transform:translateY(-50%)!important;font-size:12px!important;color:#fff3d1!important;text-shadow:0 0 4px rgba(120,78,0,.45)!important}.misc-animation-clip .clip-content{padding-left:24px!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.7)!important}.misc-animation-clip .clip-type{color:#fff!important;font-weight:700!important;text-shadow:0 1px 3px rgba(0,0,0,.75)!important}.tether-animation-clip{--clip-c1: #d44b57;--clip-c2: #a9303b;--clip-border: rgba(245, 132, 143, .46);--clip-glow: rgba(224, 88, 102, .34);position:relative!important}.tether-animation-clip .clip-content,.tether-animation-clip .clip-type{color:#fff!important}.frontal-animation-clip{--clip-c1: #ea8d2d;--clip-c2: #c56f1d;--clip-border: rgba(255, 182, 105, .5);--clip-glow: rgba(239, 151, 58, .36);position:relative!important}.frontal-animation-clip .clip-content,.frontal-animation-clip .clip-type{color:#fff!important}.progress-animation-clip{--clip-c1: #39b870;--clip-c2: #248e58;--clip-border: rgba(127, 228, 169, .5);--clip-glow: rgba(66, 199, 129, .34);position:relative!important}.progress-animation-clip .clip-content,.progress-animation-clip .clip-type{color:#fff!important}.group-indicator{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 6px!important;border-radius:10px!important;height:16px!important;font-size:10px!important;font-weight:700!important;color:#fff!important;margin-left:5px!important;box-shadow:0 1px 3px #0000004d!important;opacity:.9!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:80px!important}.timeline-playhead:after{display:none!important}.timeline-track{overflow:visible!important}.animation-clip{--clip-c1: #4d8fe4;--clip-c2: #2f6cc3;--clip-border: rgba(203, 224, 255, .4);--clip-shadow: rgba(8, 16, 30, .42);--clip-accent: rgba(255, 255, 255, .24);height:26px!important;top:4px!important;border-radius:4px!important;border:1px solid var(--clip-border)!important;background:linear-gradient(135deg,var(--clip-c1) 0%,var(--clip-c2) 100%)!important;box-shadow:0 4px 10px var(--clip-shadow),inset 0 1px #ffffff1f,inset 0 -1px #00000029!important;overflow:hidden!important;transform:translateY(0) scale(1)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease!important;pointer-events:auto!important}.animation-clip:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,#ffffff1f,#fff0 48%)!important;pointer-events:none!important}.animation-clip:hover{transform:translateY(-1px)!important;filter:saturate(1.05) brightness(1.02)!important;box-shadow:0 8px 16px #050c1875,0 0 0 1px #ffffff2e,inset 0 1px #ffffff24!important}.animation-clip.dragging{opacity:1!important;transform:translateY(-2px) scale(1.01)!important;box-shadow:0 12px 22px #030a168a,0 0 0 2px #ffffff24!important;animation:none!important}.animation-clip.selected{border-color:#ffe084f2!important;box-shadow:0 0 0 2px #ffd6705c,0 8px 18px #1f180c70!important}.animation-clip.selected.multi-selected{border-color:#99d2fff2!important;box-shadow:0 0 0 2px #6ebbff57,0 8px 18px #0d182670!important;animation:none!important}.animation-clip[data-is-resizing=true]{border-color:#ffda76f2!important;box-shadow:0 0 0 2px #ffda7661,0 10px 22px #1e190b73!important}.clip-content{position:relative!important;z-index:2!important;width:100%!important;height:100%!important;display:flex!important;align-items:center!important;gap:6px!important;padding:0 36px 0 8px!important;font-size:11px!important;font-weight:600!important;color:#fff!important;letter-spacing:.01em!important;text-shadow:0 1px 2px rgba(0,0,0,.42)!important;pointer-events:none!important}.clip-content .clip-type{display:inline-flex!important;align-items:center!important;max-width:60%!important;padding:1px 6px!important;border-radius:999px!important;background:#080c1242!important;border:1px solid rgba(255,255,255,.16)!important;color:#fffffff0!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;pointer-events:none!important}.clip-handle{width:9px!important;right:0!important;top:0!important;bottom:0!important;border-radius:0 4px 4px 0!important;background:linear-gradient(180deg,#00000038,#0000005c)!important;border-left:1px solid rgba(255,255,255,.14)!important;cursor:ew-resize!important;z-index:7!important;pointer-events:auto!important}.clip-handle:after{right:3px!important;width:2px!important;height:14px!important;background:#ffffff70!important}.clip-handle:hover,.animation-clip[data-is-resizing=true] .clip-handle{background:linear-gradient(180deg,#ffffff38,#ffffff24)!important}.delete-clip-btn,.edit-clip-btn{width:18px!important;height:18px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.22)!important;background:#090e166b!important;color:#ffffffe0!important;box-shadow:0 1px 3px #00000059!important;z-index:8!important;pointer-events:auto!important}.delete-clip-btn:hover,.edit-clip-btn:hover{background:#fff3!important;color:#fff!important}.delete-clip-btn{right:8px!important}.edit-clip-btn{right:30px!important}.spawn-animation-clip{--clip-c1: #8d5de0;--clip-c2: #653ec1;--clip-border: rgba(211, 188, 255, .44)}.stationary-animation-clip{--clip-c1: #c060dc;--clip-c2: #8f36b4;--clip-border: rgba(236, 189, 255, .44)}.sequence-animation-clip{--clip-c1: #7058da;--clip-c2: #4f3bba;--clip-border: rgba(198, 191, 255, .4);border-left:2px solid rgba(255,168,67,.9)!important}.misc-animation-clip{--clip-c1: #e0ae4d;--clip-c2: #b77a1f;--clip-border: rgba(248, 214, 143, .48)}.spell-animation-clip{--clip-c1: #e35d6a;--clip-c2: #b93845;--clip-border: rgba(255, 176, 185, .46)}.tether-animation-clip{--clip-c1: #d8525f;--clip-c2: #ac3341;--clip-border: rgba(249, 165, 174, .44)}.frontal-animation-clip{--clip-c1: #f09436;--clip-c2: #c66e1f;--clip-border: rgba(255, 197, 131, .48)}.progress-animation-clip{--clip-c1: #44c177;--clip-c2: #2a945a;--clip-border: rgba(157, 240, 196, .46)}.tts-clip{--clip-c1: #27bba7;--clip-c2: #1f8f83;--clip-border: rgba(150, 239, 227, .46)}.spawn-animation-clip:before,.stationary-animation-clip:before,.misc-animation-clip:before,.sequence-animation-clip:before{content:""!important}.animation-clip{border-radius:3px!important;border-width:1px!important;box-shadow:0 3px 8px #060c1657,inset 0 1px #ffffff1a!important}.animation-clip:hover{transform:translateY(-1px)!important;box-shadow:0 7px 15px #050b146b,0 0 0 1px #ffffff24,inset 0 1px #ffffff1f!important}.animation-clip.dragging{transform:translateY(-2px)!important;box-shadow:0 12px 22px #030a1380,0 0 0 1px #fff3!important}.animation-clip.selected{box-shadow:0 0 0 1px #ffd670e0,0 0 0 3px #ffd67038,0 8px 16px #20180a6b!important}.animation-clip.selected.multi-selected{box-shadow:0 0 0 1px #78c7ffeb,0 0 0 3px #78c7ff38,0 8px 16px #0c16226b!important}.clip-content{gap:5px!important;padding:0 34px 0 9px!important;font-size:11px!important;font-weight:600!important}.clip-content .clip-type{max-width:55%!important;padding:1px 5px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:#070b1147!important;font-size:9.5px!important;letter-spacing:.04em!important}.clip-handle{width:8px!important;border-radius:0 3px 3px 0!important}.clip-handle:after{right:3px!important;height:12px!important;opacity:.85!important}.edit-clip-btn,.delete-clip-btn{border-radius:4px!important;width:17px!important;height:17px!important;font-size:10px!important}.sequence-animation-clip{border-left-width:3px!important}.spawn-animation-clip .clip-content,.stationary-animation-clip .clip-content,.sequence-animation-clip .clip-content,.misc-animation-clip .clip-content,.spell-animation-clip .clip-content,.tether-animation-clip .clip-content,.frontal-animation-clip .clip-content,.progress-animation-clip .clip-content,.tts-clip .clip-content{padding:0 34px 0 9px!important}.tts-clip .clip-content .clip-type i{margin-right:4px!important}