:root{--sidebar-bg-primary:#1a1f21;--sidebar-bg-secondary:#252a2c;--sidebar-bg-button:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));--sidebar-bg-button-hover:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.04));--sidebar-bg-convex:linear-gradient(180deg,#2a2f31,#1f2325);--sidebar-border-subtle:rgba(255,255,255,0.08);--sidebar-border-hover:rgba(255,255,255,0.15);--sidebar-border-active:#3b82f6;--sidebar-text-primary:#ffffff;--sidebar-text-muted:rgba(255,255,255,0.7);--sidebar-text-dim:rgba(255,255,255,0.4);--sidebar-accent-blue:#3b82f6;--sidebar-accent-green:#4caf50;--sidebar-accent-red:#f44336;--sidebar-shadow-inset:inset 0 1px 2px rgba(0,0,0,0.2);--sidebar-shadow-convex:inset 0 3px 6px rgba(0,0,0,0.4),inset 0 1px 2px rgba(255,255,255,0.02),0 -2px 8px rgba(0,0,0,0.3);--sidebar-shadow-glow:0 0 16px rgba(255,255,255,0.3);--sidebar-button-size:clamp(30px,3.4vw,38px);--sidebar-button-radius:10px;--sidebar-container-radius:24px;--sidebar-icon-size:clamp(16px,2vw,20px);--sidebar-item-gap:clamp(4px,0.55vw,6px);--sidebar-padding:clamp(9px,1vw,11px);--sidebar-transition-fast:0.15s ease;--sidebar-transition-normal:0.2s ease}.premium-panel{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sidebar-item-gap);padding:clamp(12px,1.6vw,16px) clamp(4px,.6vw,6px) clamp(8px,1.2vw,12px);margin:clamp(4px,.6vw,8px) clamp(3px,.4vw,5px) clamp(3px,.5vw,6px);background:var(--sidebar-bg-convex);border-radius:var(--sidebar-container-radius);flex-shrink:0;box-shadow:var(--sidebar-shadow-convex);overflow:hidden}.premium-panel:before{top:-10px;left:-2px;right:-2px;height:22px;background:linear-gradient(180deg,var(--sidebar-bg-primary) 0,var(--sidebar-bg-primary) 50%,transparent 100%);border-radius:0 0 50% 50%;z-index:1}.premium-panel:after,.premium-panel:before{content:"";position:absolute;pointer-events:none}.premium-panel:after{top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 70%,transparent);border-radius:1px;z-index:2}.premium-btn{width:clamp(34px,3.8vw,42px);height:clamp(34px,3.8vw,42px);border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.premium-btn svg{flex-shrink:0}.premium-btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.15);color:#fff;transform:scale(1.05)}.premium-btn:active:not(:disabled){transform:scale(.95)}.premium-btn:disabled{opacity:.25;cursor:not-allowed}.premium-btn.active,.premium-btn[data-active=true]{background:linear-gradient(180deg,rgba(59,130,246,.25),rgba(59,130,246,.1));border-color:rgba(59,130,246,.5);color:#3b82f6}.premium-btn.add:hover:not(:disabled){background:linear-gradient(180deg,rgba(76,175,80,.25),rgba(76,175,80,.1));border-color:rgba(76,175,80,.5);color:#4caf50}.premium-btn.remove:hover:not(:disabled){background:linear-gradient(180deg,rgba(244,67,54,.25),rgba(244,67,54,.1));border-color:rgba(244,67,54,.5);color:#f44336}.premium-sidebar{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.7vw,8px);padding:clamp(20px,2.2vw,24px) clamp(4px,.6vw,6px) clamp(16px,1.8vw,20px);position:relative;background:linear-gradient(180deg,#2a2f31,#1f2325);border-radius:28px;box-shadow:inset 0 3px 6px rgba(0,0,0,.4),inset 0 1px 2px rgba(255,255,255,.02),inset 4px 0 8px -4px rgba(0,0,0,.3),inset -4px 0 8px -4px rgba(0,0,0,.3),0 -2px 8px rgba(0,0,0,.3);overflow:hidden}.premium-sidebar:before{top:-10px;left:-2px;right:-2px;height:22px;background:linear-gradient(180deg,#1a1f21,#1a1f21 50%,transparent);border-radius:0 0 50% 50%;z-index:1}.premium-sidebar:after,.premium-sidebar:before{content:"";position:absolute;pointer-events:none}.premium-sidebar:after{top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 70%,transparent);border-radius:1px;z-index:2}.premium-sidebar .sidebar-bg-shape-1{position:absolute;top:10px;bottom:10px;left:2px;right:2px;border:1px solid rgba(255,255,255,.04);border-radius:22px;pointer-events:none;z-index:3;box-shadow:inset 3px 0 6px -3px rgba(0,0,0,.25),inset -3px 0 6px -3px rgba(0,0,0,.25)}.premium-sidebar .sidebar-bg-shape-2{display:none}.premium-separator{height:1px;width:clamp(19px,2.1vw,23px);background:rgba(255,255,255,.15);margin:clamp(2px,.3vw,4px) 0}.premium-tool-btn{width:var(--sidebar-button-size);height:var(--sidebar-button-size);border-radius:8px;border:1px solid var(--sidebar-border-subtle);background:rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:all var(--sidebar-transition-normal);color:var(--sidebar-text-primary);font-size:8px;font-weight:600;padding:0;margin:0;position:relative;flex-shrink:0}.premium-tool-btn:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:scale(1.05)}.premium-tool-btn.active{border-color:currentColor;box-shadow:0 0 12px rgba(0,0,0,.3)}.premium-tool-btn.selected{border-color:var(--sidebar-text-primary);box-shadow:var(--sidebar-shadow-glow)}.premium-tool-btn-icon{font-size:clamp(12px,1.5vw,14px);font-weight:400;line-height:1}.premium-tool-btn-label{font-size:clamp(7px,.8vw,9px);font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1}.premium-badge{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;border-radius:7px;background:var(--sidebar-accent-blue);color:var(--sidebar-text-primary);font-size:8px;font-weight:700;justify-content:center;padding:0 3px;z-index:10}.premium-badge,.premium-subbar{display:flex;align-items:center}.premium-subbar{flex-direction:column;gap:clamp(1px,.2vw,2px);padding:clamp(4px,.6vw,6px) clamp(2px,.3vw,3px);position:relative;background:linear-gradient(180deg,#2a2f31,#1f2325);border-radius:16px;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.02),inset 2px 0 4px -2px rgba(0,0,0,.3),inset -2px 0 4px -2px rgba(0,0,0,.3),0 -1px 2px rgba(0,0,0,.3),0 2px 6px -1px rgba(0,0,0,.5);overflow:hidden}.premium-subbar:before{top:-8px;left:-2px;right:-2px;height:18px;background:linear-gradient(180deg,#1a1f21,#1a1f21 50%,transparent);border-radius:8px 8px 0 0;z-index:1}.premium-subbar:after,.premium-subbar:before{content:"";position:absolute;pointer-events:none}.premium-subbar:after{top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 70%,transparent);border-radius:1px;z-index:2}.premium-subbar .subbar-ellipse{position:absolute;top:10px;bottom:10px;left:2px;right:2px;border:1px solid rgba(255,255,255,.04);border-radius:22px;pointer-events:none;z-index:3;box-shadow:inset 3px 0 6px -3px rgba(0,0,0,.25),inset -3px 0 6px -3px rgba(0,0,0,.25)}.premium-subbar .subbar-btn{width:clamp(30px,3.4vw,38px);height:clamp(30px,3.4vw,38px);border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2;flex-shrink:0}.premium-subbar .subbar-btn svg{flex-shrink:0;width:clamp(16px,1.8vw,20px)!important;height:clamp(16px,1.8vw,20px)!important}.premium-subbar .subbar-btn:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.15);color:#fff;transform:scale(1.05)}.premium-subbar .subbar-btn:active:not(:disabled){transform:scale(.95)}.premium-subbar .subbar-btn:disabled{opacity:.25;cursor:not-allowed}.premium-subbar .subbar-btn.active{background:linear-gradient(180deg,rgba(59,130,246,.25),rgba(59,130,246,.1));border-color:rgba(59,130,246,.5);color:#3b82f6}.premium-subbar .subbar-separator{height:1px;width:clamp(19px,2.1vw,23px);background:rgba(255,255,255,.12);margin:clamp(2px,.3vw,4px) 0}.premium-bottombar{display:flex;flex-direction:row;align-items:center;gap:clamp(6px,.7vw,8px);padding:clamp(4px,.6vw,6px) clamp(16px,1.8vw,20px);position:relative;background:linear-gradient(180deg,#2a2f31,#1f2325);border-radius:28px;box-shadow:inset 0 3px 6px rgba(0,0,0,.4),inset 0 1px 2px rgba(255,255,255,.02),inset 4px 0 8px -4px rgba(0,0,0,.3),inset -4px 0 8px -4px rgba(0,0,0,.3),0 -2px 8px rgba(0,0,0,.3);overflow:hidden;pointer-events:auto}.premium-bottombar:after{content:"";position:absolute;top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 70%,transparent);border-radius:1px;pointer-events:none;z-index:2}.premium-bottombar .bottombar-bg-shape{position:absolute;top:2px;bottom:2px;left:10px;right:10px;border:1px solid rgba(255,255,255,.04);border-radius:22px;pointer-events:none;z-index:3;box-shadow:inset 0 3px 6px -3px rgba(0,0,0,.25),inset 0 -3px 6px -3px rgba(0,0,0,.25)}.premium-separator-vertical{width:1px;height:clamp(19px,2.1vw,23px);background:rgba(255,255,255,.15);margin:0 clamp(2px,.3vw,4px)}.premium-bottombar .premium-btn{width:32px;height:32px;border-radius:50%!important;border:1px solid rgba(255,255,255,.05)}.premium-bottombar .premium-btn.active,.premium-bottombar .premium-btn[data-active=true]{background:#e5f3dc!important;color:#1a1f21!important;border-color:transparent!important;box-shadow:0 0 12px rgba(229,243,220,.3)!important}.premium-sidebar .premium-btn.active,.premium-sidebar .premium-btn[data-active=true]{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))!important;color:rgba(255,255,255,.7)!important;border-color:#31bbff!important;box-shadow:0 0 12px rgba(49,187,255,.3)!important}.premium-scroll-hidden{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--sidebar-item-gap);padding:4px 0;margin-bottom:0;min-height:0;scroll-behavior:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.premium-scroll-hidden::-webkit-scrollbar{display:none}.animate-panel-v2{position:fixed;right:160px;top:80px;width:296px;height:80vh;max-height:80vh;min-height:500px;background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transition:opacity .2s ease,visibility .2s,transform .2s ease;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.animate-panel-v2--closed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.95)}.animate-panel-v2--open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.animate-panel-v2__header{flex-shrink:0;background:transparent;border-bottom:1px solid #333;position:relative}.animate-panel-v2__drag-handle{position:absolute;left:0;right:0;top:0;height:100%;cursor:grab;z-index:5}.animate-panel-v2__drag-handle:active{cursor:grabbing}.animate-panel-v2__header-content{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;position:relative;z-index:10;pointer-events:none}.animate-panel-v2__title{display:flex;align-items:center;gap:8px;color:#d1d5db;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.animate-panel-v2__header-buttons{display:flex;align-items:center;gap:4px}.animate-panel-v2__pin-btn{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s;pointer-events:auto}.animate-panel-v2__pin-btn:hover{background:#2a2a2a;color:#fff}.animate-panel-v2__pin-btn--active{background:rgba(59,130,246,.2);color:#3b82f6}.animate-panel-v2__pin-btn--active:hover{background:rgba(59,130,246,.3);color:#3b82f6}.animate-panel-v2__close-btn{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:all .15s;pointer-events:auto}.animate-panel-v2__close-btn:hover{background:#2a2a2a;color:#fff}.animate-panel-v2__content{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.animate-panel-v2__fixed-content{padding:8px 8px 0;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.animate-panel-v2__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:#6b7280;gap:8px}.animate-panel-v2__placeholder p{font-size:10px;margin:0}.animate-panel-v2__preview{margin:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;width:100%;flex-shrink:0}.shape-preview-viewport{position:relative}.shape-preview-viewport--loading{display:flex;align-items:center;justify-content:center}.shape-preview-viewport__loading-text{color:#6b7280;font-size:10px}.shape-preview-viewport__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#4b5563;font-size:10px}.animate-panel-v2__timeline{margin:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.2));border:1px solid rgba(255,255,255,.06);border-radius:8px;overflow:hidden;width:100%;flex-shrink:0}.keyframe-mini-timeline{background:transparent!important;border:none!important;padding:6px 8px!important}.keyframe-mini-timeline .timeline-controls{display:flex;align-items:center;gap:4px;margin-bottom:6px}.keyframe-mini-timeline .timeline-controls button{width:24px;height:24px;border-radius:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.keyframe-mini-timeline .timeline-controls button:hover{background:rgba(255,255,255,.1);color:#fff}.keyframe-mini-timeline .timeline-controls button.active,.keyframe-mini-timeline .timeline-controls button[data-active=true]{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#3b82f6}.keyframe-mini-timeline .timeline-time{font-size:10px;color:#6b7280;margin-left:auto;font-family:SF Mono,Monaco,monospace}.keyframe-mini-timeline .timeline-scrubber{position:relative;height:24px;background:rgba(0,0,0,.3);border-radius:4px;overflow:hidden;margin-bottom:4px}.keyframe-mini-timeline .timeline-scrubber__track{position:absolute;inset:0;display:flex;align-items:center}.keyframe-mini-timeline .timeline-scrubber__playhead{position:absolute;top:0;bottom:0;width:2px;background:#3b82f6;cursor:ew-resize;z-index:10}.keyframe-mini-timeline .timeline-scrubber__playhead:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:8px;background:#3b82f6;clip-path:polygon(50% 100%,0 0,100% 0)}.keyframe-mini-timeline .timeline-keyframe-diamond{position:absolute;width:8px;height:8px;background:#f59e0b;transform:rotate(45deg);border-radius:1px;margin-left:-4px;cursor:pointer;transition:transform .1s}.keyframe-mini-timeline .timeline-keyframe-diamond:hover{transform:rotate(45deg) scale(1.2)}.keyframe-mini-timeline .timeline-actions{display:flex;align-items:center;justify-content:space-between}.keyframe-mini-timeline .timeline-add-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#9ca3af;font-size:10px;cursor:pointer;transition:all .15s}.keyframe-mini-timeline .timeline-add-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#3b82f6}.keyframe-mini-timeline .timeline-keyframe-count{font-size:10px;color:#6b7280}.animate-panel-v2__properties{padding:0 8px 8px;max-height:none;visibility:visible}.animate-panel-v2__properties,.animate-panel-v2__properties-scroll{width:100%;flex:1 1 0;min-height:150px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:transparent}.animate-panel-v2__properties-scroll{height:100%;max-height:100%}.animate-panel-v2__properties-scroll [data-slot=scroll-area]{width:100%;height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;flex:1 1 0;min-height:0}.animate-panel-v2__properties-scroll [data-slot=scroll-area-viewport]{width:100%!important;max-height:100%!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;position:relative!important;background:#1e1e1e!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar],.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar][data-state=hidden],.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar][data-state=visible]{display:flex!important;opacity:1!important;visibility:visible!important;z-index:10!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:0!important;bottom:0!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar][data-orientation=vertical]{width:12px!important;right:0!important;top:0!important;bottom:0!important;padding:4px 2px!important;background:rgba(0,0,0,.2)!important;border-left:1px solid rgba(255,255,255,.1)!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-thumb]{background:rgba(156,163,175,1)!important;border-radius:6px!important;min-height:40px!important;width:8px!important;cursor:pointer!important;transition:background .2s!important;opacity:1!important;visibility:visible!important;position:relative!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-thumb]:hover{background:rgba(209,213,219,1)!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar]:hover{background:rgba(0,0,0,.3)!important}.animate-panel-v2__properties-scroll [data-slot=scroll-area-scrollbar]:hover [data-slot=scroll-area-thumb]{background:rgba(229,231,235,1)!important}.animate-panel-v2__properties-content{display:flex;flex-direction:column;gap:2px;width:100%;min-height:min-content;visibility:visible;flex-shrink:0;padding:0 0 8px}.animate-panel-v2__no-category{padding:20px;text-align:center;color:#6b7280;font-size:10px}.property-group{margin-bottom:0;width:100%}.property-group__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.04);border-radius:6px;color:#d1d5db;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s}.property-group__header:hover{background:rgba(255,255,255,.04)}.property-group__title{display:flex;align-items:center;gap:6px}.property-group__title svg{color:#6b7280}.property-group__content{padding:4px 6px 6px;margin-top:1px;background:rgba(0,0,0,.12);border-radius:0 0 6px 6px;display:flex;flex-direction:column;gap:2px}.property-row{padding:4px 2px;width:100%}.property-row__header{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:8px;width:100%}.property-row__label{display:flex;align-items:center;gap:6px;color:#9ca3af;font-size:10px;flex:0 0 80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.property-row__controls{flex:1;justify-content:flex-end}.property-row__controls,.property-row__input-group{display:flex;align-items:center;gap:4px}.property-row__number-input{width:52px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px 6px;color:#fff;font-size:10px;text-align:right;outline:none;transition:all .15s}.property-row__number-input:focus{background:rgba(255,255,255,.08);border-color:rgba(59,130,246,.5)}.property-row__number-input::-webkit-inner-spin-button,.property-row__number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.property-row__slider{-webkit-appearance:none;appearance:none;width:50px;height:3px;background:rgba(255,255,255,.1);border-radius:2px;outline:none}.property-row__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:var(--slider-color,#3b82f6);border-radius:50%;cursor:pointer;transition:transform .15s}.property-row__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.property-row__unit{color:#6b7280;font-size:9px;min-width:16px}.property-row__select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:4px 6px;color:#fff;font-size:10px;outline:none;cursor:pointer;max-width:100px}.property-row__select option{background:#2a2a2a}.property-row__toggle{position:relative;display:inline-flex;cursor:pointer}.property-row__toggle input{position:absolute;opacity:0;width:0;height:0}.property-row__toggle-track{width:28px;height:14px;background:rgba(255,255,255,.1);border-radius:7px;position:relative;transition:all .2s}.property-row__toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%;transition:all .2s}.property-row__toggle input:checked+.property-row__toggle-track{background:var(--toggle-color,#3b82f6)}.property-row__toggle input:checked+.property-row__toggle-track:after{transform:translateX(14px)}.property-row__keyframe-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#4b5563;cursor:pointer;transition:all .15s}.property-row__keyframe-btn:hover{background:rgba(59,130,246,.2);color:#3b82f6}.animate-panel-v2__footer{flex-shrink:0;padding:6px 12px;border-top:1px solid #333;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6b7280}.enhanced-animate-panel,.shared-preview-box,.shared-preview-box__label,.shared-preview-box__play-btn,.shared-preview-box__scene,.shared-preview-box__shape{display:none}.keyframe-timeline{position:fixed;left:20px;top:80px;background:#1a1f21;border:1px solid #4b5563;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s;z-index:1000;overflow:hidden}.keyframe-timeline.recording{animation:recordingPulse 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 2px transparent}50%{box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 2px rgba(239,68,68,.5)}}.keyframe-timeline.closed{opacity:0;visibility:hidden;pointer-events:none}.keyframe-timeline.open{opacity:1;visibility:visible;pointer-events:auto}.keyframe-timeline-content{position:relative;width:clamp(42px,4.2vw,48px);display:flex;flex-direction:column;padding:clamp(12px,1.5vw,16px) 0 0;gap:0;max-height:calc(100vh - 160px);overflow:hidden}.keyframe-timeline-header{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 8px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.keyframe-timeline-drag-handle{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:center;cursor:grab;z-index:50;height:12px;padding-top:4px}.keyframe-timeline-drag-handle:active{cursor:grabbing}.keyframe-timeline-record-btn{width:20px;height:20px;border-radius:50%;border:none;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.keyframe-timeline-record-btn:hover{background:rgba(255,255,255,.15)}.keyframe-timeline-record-btn.active{background:rgba(239,68,68,.3)}.keyframe-timeline-record-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;transition:all .2s ease}.keyframe-timeline-record-btn.active .keyframe-timeline-record-dot{background:#ef4444;animation:recordBlink 1s ease-in-out infinite}@keyframes recordBlink{0%,to{opacity:1}50%{opacity:.4}}.keyframe-timeline-toggle-btn{width:20px;height:20px;border-radius:6px;border:none;background:rgba(255,255,255,.1);color:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.keyframe-timeline-toggle-btn:hover{background:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}.keyframe-timeline-toggle-btn.active{background:rgba(99,102,241,.3);color:#818cf8}.keyframe-timeline-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.55vw,6px);padding:4px 0;margin-bottom:0;min-height:0;scroll-behavior:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.keyframe-timeline-scroll::-webkit-scrollbar{display:none}.keyframe-button-pill{width:clamp(34px,3.8vw,42px);height:clamp(34px,3.8vw,42px);border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:all .2s ease;color:#fff;font-size:8px;font-weight:600;padding:0;margin:0 auto;position:relative;pointer-events:auto;flex-shrink:0}.keyframe-button-pill:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);transform:scale(1.05)}.keyframe-button-pill.active{border-color:currentColor;box-shadow:0 0 12px rgba(0,0,0,.3)}.keyframe-button-pill.selected{border-color:#fff;box-shadow:0 0 16px rgba(255,255,255,.3)}.keyframe-button-icon{font-size:clamp(12px,1.5vw,14px);font-weight:400}.keyframe-button-icon,.keyframe-button-label{line-height:1;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;margin:0;padding:0}.keyframe-button-label{font-size:clamp(7px,.8vw,9px);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.keyframe-timeline-controls{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.7vw,8px);padding:clamp(20px,2.2vw,24px) clamp(4px,.6vw,6px) clamp(16px,1.8vw,20px);margin:clamp(8px,1vw,12px) clamp(3px,.4vw,5px) clamp(6px,.8vw,10px);position:relative;background:linear-gradient(180deg,#2a2f31,#1f2325);border-radius:28px;flex-shrink:0;box-shadow:inset 0 3px 6px rgba(0,0,0,.4),inset 0 1px 2px rgba(255,255,255,.02),inset 4px 0 8px -4px rgba(0,0,0,.3),inset -4px 0 8px -4px rgba(0,0,0,.3),0 -2px 8px rgba(0,0,0,.3);overflow:hidden}.keyframe-timeline-controls .bg-shape-1{position:absolute;top:10px;bottom:10px;left:2px;right:2px;border:1px solid rgba(255,255,255,.04);border-radius:22px;pointer-events:none;z-index:3;box-shadow:inset 3px 0 6px -3px rgba(0,0,0,.25),inset -3px 0 6px -3px rgba(0,0,0,.25)}.keyframe-timeline-controls .bg-shape-2{display:none}.keyframe-timeline-controls:before{content:"";position:absolute;top:-10px;left:-2px;right:-2px;height:22px;background:linear-gradient(180deg,#1a1f21,#1a1f21 50%,transparent);border-radius:0 0 50% 50%;pointer-events:none;z-index:1}.keyframe-timeline-controls:after{content:"";position:absolute;top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 30%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 70%,transparent);border-radius:1px;pointer-events:none;z-index:2}.keyframe-control-button{width:clamp(34px,3.8vw,42px);height:clamp(34px,3.8vw,42px);border-radius:10px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.keyframe-control-button svg{flex-shrink:0}.keyframe-control-button:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-color:rgba(255,255,255,.15);color:#fff;transform:scale(1.05)}.keyframe-control-button:active:not(:disabled){transform:scale(.95)}.keyframe-control-button:disabled{opacity:.25;cursor:not-allowed}.keyframe-control-button.add:hover:not(:disabled){background:linear-gradient(180deg,rgba(76,175,80,.25),rgba(76,175,80,.1));border-color:rgba(76,175,80,.5);color:#4caf50}.keyframe-control-button.snapshot:hover:not(:disabled){background:linear-gradient(180deg,rgba(99,102,241,.25),rgba(99,102,241,.1));border-color:rgba(99,102,241,.5);color:#818cf8}.keyframe-control-button.remove:hover:not(:disabled){background:linear-gradient(180deg,rgba(244,67,54,.25),rgba(244,67,54,.1));border-color:rgba(244,67,54,.5);color:#f44336}.keyframe-control-icon{width:clamp(16px,2vw,20px);height:clamp(16px,2vw,20px);display:block}.keyframe-timeline-time{text-align:center;font-size:10px;font-family:SF Mono,Fira Code,monospace;color:rgba(255,255,255,.4);padding:4px 0;margin-top:4px}