:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;--primary: #6f42c1;--primary-light: #8a63d2;--primary-dark: #5a2f9f;--primary-lighter: #a084e6;--primary-darker: #4d2080;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--bg-elevated: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--border-primary: #404040;--border-secondary: #525252;--border-accent: var(--primary);--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: var(--primary);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}input,textarea,select,button{font-family:inherit;color:inherit}input,textarea,select{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:8px 12px;color:var(--text-primary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6f42c133}#container{min-height:100vh;background:var(--bg-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.timeline-labels-column{position:absolute;left:0;top:0;width:120px;bottom:0;background:var(--bg-tertiary);border-right:1px solid var(--border-primary);z-index:3;display:flex;flex-direction:column}.timeline-labels-header{height:24px;background:var(--bg-elevated);border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;flex-shrink:0}.timeline-labels-title{padding:0 8px;font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline-property-row{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;font-size:10px;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);margin-bottom:2px;box-sizing:border-box;transition:background-color .2s}.timeline-property-row:hover{background-color:var(--bg-elevated)}.timeline-nav-btn{border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--text-muted);padding:2px 4px;border-radius:3px;transition:all .2s}.timeline-nav-btn:hover{background:transparent;color:var(--primary-light)}.timeline-nav-btn:disabled{color:var(--text-muted);opacity:.3;cursor:auto}#gsap-tree-preview{position:relative;width:854px;height:500px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-primary)}.with-devtools #gsap-tree-preview{--size: 20px;--c1: #818181;--c2: #585858;background:conic-gradient(var(--c1) 25%,var(--c2) 0 50%,var(--c1) 0 75%,var(--c2) 0) 0 0 / var(--size) var(--size)}.draggable-panel{position:fixed;background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,monospace;font-size:13px;z-index:999;border-radius:12px;padding:0 16px 12px;box-sizing:border-box;border:1px solid var(--border-primary);box-shadow:0 8px 32px #0006;overflow:hidden}.draggable-panel__handle{cursor:grab;font-weight:600;-webkit-user-select:none;user-select:none;padding:12px 16px 0;font-size:14px;display:flex;align-items:center;gap:8px;margin:0 -16px 12px}.draggable-panel__handle:before{content:"⋮ ⋮";color:var(--text-muted);font-weight:400;letter-spacing:-2px}.draggable-panel__handle:active{cursor:grabbing}.draggable-panel__resize-handle{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:col-resize;background:transparent;border-right:2px solid var(--border-secondary);transition:border-color .2s}.draggable-panel__resize-handle:hover{border-color:var(--primary)}.hide-scrollbar::-webkit-scrollbar{display:none}#devtools ul{padding:0;list-style:none}#devtools li{margin-bottom:8px;padding:8px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-primary)}#devtools input[type=checkbox]{width:16px;height:16px;margin-right:8px;accent-color:var(--primary)}#devtools label{display:flex;align-items:center;font-weight:500;cursor:pointer;color:var(--text-primary)}#devtools .expand-button{background:var(--bg-elevated);border:1px solid var(--border-secondary);color:var(--text-secondary);border-radius:4px;padding:4px 8px;margin-left:8px;font-size:11px;cursor:pointer;transition:all .2s}#devtools .expand-button:hover{background:var(--primary);color:#fff;border-color:var(--primary)}#devtools .form-container{margin-top:8px;padding:12px;background:var(--bg-primary);border-radius:6px;border:1px solid var(--border-secondary)}#devtools .form-group{margin-bottom:16px}#devtools .form-group label{display:block;margin-bottom:4px;font-weight:500;color:var(--text-primary);font-size:13px}#devtools .form-control{width:100%;padding:8px 12px;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:13px;font-family:inherit}#devtools .form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6f42c133}#devtools .field-description{font-size:11px;color:var(--text-muted);margin-top:4px}#devtools .field-error{color:var(--error);font-size:11px;margin-top:4px}#devtools .array-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;padding:12px;margin-bottom:8px}#devtools .array-item-add,#devtools .array-item-remove{background:var(--primary);color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer;margin:2px}#devtools .array-item-remove{background:var(--error)}#devtools .array-item-add:hover{background:var(--primary-dark)}#devtools .array-item-remove:hover{background:#dc2626}.timeline-track{background:var(--bg-tertiary);border-radius:4px;margin:4px 0}.tree-node{padding:4px 8px;border-radius:4px;margin:2px 0;cursor:pointer;transition:background-color .2s}.tree-node:hover{background:var(--bg-tertiary)}.tree-node.selected{background:var(--primary);color:#fff}.tree-node-children{margin-left:16px;border-left:1px solid var(--border-primary);padding-left:8px}.property-panel .property-group{background:var(--bg-tertiary);border-radius:6px;padding:12px;margin-bottom:12px;border:1px solid var(--border-primary)}.property-panel .property-label{font-weight:600;color:var(--primary-light);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.property-panel .property-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:var(--text-secondary);background:var(--bg-primary);padding:6px 8px;border-radius:4px;border:1px solid var(--border-secondary)}.ant-typography,.ant-btn,.ant-input,.ant-select,.ant-tree,.ant-form,.ant-checkbox-wrapper,.ant-radio-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.ant-typography,.ant-typography h1,.ant-typography h2,.ant-typography h3,.ant-typography h4,.ant-typography h5,.ant-typography h6,.ant-typography p,.ant-typography div,.ant-typography span{font-family:Inter,sans-serif!important}.timeline-container{background:var(--bg-secondary);font-family:Inter,sans-serif}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.timeline-controls{display:flex;align-items:center;gap:8px}.timeline-time-display{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;border:1px solid var(--border-secondary);min-width:80px;text-align:center}.timeline-track{background:var(--bg-tertiary);border-radius:4px;margin:6px 0;border:1px solid var(--border-primary);position:relative;min-height:24px}.timeline-track-label{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:500;color:var(--text-secondary);pointer-events:none;z-index:2}.timeline-keyframe{position:absolute;height:18px;cursor:pointer}.timeline-keyframe:hover{transform:scale(1.05)}.timeline-playhead{position:absolute;top:0;width:7px;bottom:0;z-index:15;cursor:ew-resize;-webkit-user-select:none;user-select:none;pointer-events:all}.timeline-playhead-header{position:sticky;top:0;left:0;width:7px;height:24px;background:#e91e63;border-radius:2px;z-index:16;transition:box-shadow .2s}.timeline-playhead-header.dragging{box-shadow:0 0 8px #e91e63}.timeline-playhead-line{position:absolute;left:3px;top:24px;bottom:0;width:1px;background:#e91e63;transition:box-shadow .2s}.timeline-playhead-line.dragging{box-shadow:0 0 4px #e91e63}.timeline-ruler{background:var(--bg-primary);border:1px solid var(--border-primary);height:24px;position:sticky;top:0;z-index:12;border-bottom:1px solid var(--border-secondary);overflow:hidden;cursor:pointer}.timeline-tick{position:absolute;top:0;width:1px;height:24px;background:var(--border-secondary)}.timeline-tick-label{position:absolute;left:4px;top:8px;font-size:10px;color:var(--text-muted);font-weight:500}.timeline-keyframe{width:12px;height:12px;display:flex;align-items:center;justify-content:center}.timeline-keyframe svg{width:100%;height:100%}.timeline-keyframe.selected svg{color:var(--primary-light);filter:drop-shadow(0 0 4px var(--primary-light))}.timeline-keyframe:hover{transform:scale(1.2);filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.timeline-play-btn{padding:6px;background:var(--success);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:32px;height:32px}.timeline-play-btn svg{width:16px;height:16px;fill:#fff}.timeline-play-btn.playing{background:var(--error)}.timeline-play-btn:hover{opacity:.9}.draggable-panel{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ant-tree-node-content-wrapper,.ant-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::-webkit-scrollbar-corner{background:var(--bg-primary)}.dock-layout{height:calc(100vh - 32px);width:100%;display:flex;flex-direction:column;overflow:hidden}.dock-layout__horizontal{display:flex;flex:1;overflow:hidden;min-height:0}.dock-layout__left-center-container{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.dock-layout__left-center-top{flex:1;display:flex;overflow:hidden;min-height:0}.dock-layout__center-preview{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.dock-layout__preview{flex:1;display:flex;overflow:hidden;min-height:0;position:relative}.dock-layout__panel{background:var(--bg-secondary);border:1px solid var(--border-primary);overflow:hidden;display:flex;flex-direction:column}.dock-layout__panel--left{border-right:none}.dock-layout__panel--right{border-left:none}.dock-layout__panel--bottom{border-top:none;overflow:hidden}.dock-layout__panel-content{flex:1;overflow:hidden;min-height:0;padding:0}.dock-layout__splitter{background:var(--bg-elevated);transition:background-color .2s;z-index:100}.dock-layout__splitter:hover{background:var(--primary)}.dock-layout__splitter--vertical{width:4px;cursor:col-resize}.dock-layout__splitter--horizontal{height:4px;cursor:row-resize}.docked-panel{display:flex;flex-direction:column;height:100%}.docked-panel__content{flex:1;overflow:auto;min-height:0;padding:16px;display:flex;flex-direction:column}.docked-panel__content:has(.timeline-container){padding:0;overflow:visible}.docked-panel__content:has(.gsap-tree-preview-container){padding:0;overflow:hidden}