@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.timeline-container{position:fixed;bottom:20px;left:100px;right:20px;width:80%!important;max-width:1720px;min-width:500px;height:210px;background:rgba(31,41,55,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(75,85,99,.5);z-index:2000;display:flex;flex-direction:column;transform:none!important}.timeline-container.dragging{z-index:9999!important;box-shadow:0 8px 32px #0000004d;width:80%!important;height:210px!important;transform:none!important}.timeline-toolbar{position:absolute;top:-32px;left:0;width:40%;display:flex;align-items:center;padding:0;background:#2c2c2c;border:1px solid #404040;border-radius:8px 8px 0 0;gap:0;height:32px;box-sizing:border-box;font-family:Roboto,sans-serif;z-index:1;flex-shrink:0}.timeline-drag-handle{display:flex;align-items:center;justify-content:center;width:64px;height:32px;cursor:move;cursor:grab;opacity:.7;transition:opacity .2s ease;transform:none!important}.timeline-drag-handle:hover{opacity:1}.timeline-drag-handle:active{cursor:grabbing}.timeline-drag-handle svg{fill:#888;transition:fill .2s ease}.timeline-drag-handle:hover svg{fill:#ccc}.timeline-tool-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:0;background:transparent;cursor:pointer;font-family:system-ui,-apple-system,sans-serif;font-size:18px;font-weight:700;color:#ccc;transition:background-color .2s ease,color .2s ease;line-height:1}.timeline-tool-button.active{background:#404040;color:#f4f686}.timeline-tool-button:hover:not(:disabled){background:#404040;color:#fff}.timeline-tool-button:active:not(:disabled){background:#505050}.timeline-tool-button:disabled,.timeline-tool-button.disabled{color:#666;cursor:default}.timeline-tool-button:disabled:hover,.timeline-tool-button.disabled:hover{background:transparent;color:#666}.timeline-separator{width:1px;height:24px;background:#404040;margin:0}.timeline-spacer{flex:1}.timeline-info{color:#f4f686;font-size:11px;font-family:Roboto,monospace;padding:0 8px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px;border:none;border-radius:4px;background:transparent;cursor:pointer;transition:all .2s ease;outline:none;text-decoration:none;vertical-align:middle;box-sizing:border-box}.button:hover{background:rgba(0,0,0,.04)}.button:focus{background:rgba(0,0,0,.12)}.button:active{background:rgba(0,0,0,.12)}.mat-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons{color:#424242}.mat-icon-no-color{color:inherit}.flex-left{margin-left:auto}.timeline-time-display{color:#757575;font-size:12px;font-family:Roboto,monospace;margin-left:16px;font-weight:400;white-space:nowrap;flex:1;text-align:right}.timeline-overlay{position:fixed!important;top:20px!important;left:20px!important;width:100%!important;z-index:2000!important;max-width:400px!important;background:rgba(31,41,55,.95)!important;border-radius:8px!important;padding:10px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(75,85,99,.5)!important}.timeline-overlay *,.custom-timeline,.custom-timeline *,.timeline-overlay input,.timeline-overlay button,.timeline-overlay div{visibility:visible!important;z-index:inherit!important;position:relative!important;color:#fff!important}.timeline-overlay input[type=range]{-moz-appearance:auto!important;appearance:auto!important;-webkit-appearance:auto!important;width:100%!important;height:20px!important;background:#4B5563!important;cursor:pointer!important}.timeline-status{position:fixed;top:20px;right:20px;background:rgba(255,12,12,.95);color:#fff;padding:12px;border-radius:8px;font-size:12px;z-index:1500;min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.5)}.timeline-canvas{flex:1;background:#1a1a1a!important;border-radius:0 0 8px 8px;margin:0;overflow:visible;position:relative;height:auto;min-height:260px;width:100%}.timeline-main{position:relative;height:100%;width:100%;right:100px}.timeline-track-labels{position:absolute;left:0;top:32px;width:100px;background:#2a2a2a;border-right:1px solid #444;overflow:hidden;z-index:10;height:calc(100% - 32px)}.timeline-track-label{height:26px;margin-bottom:1px;padding:4px 6px;color:#fff;font-size:10px;font-family:Roboto,sans-serif;font-weight:400;background:#3a3a3a;border-bottom:1px solid #555;display:flex;align-items:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.timeline-container.dragging .timeline-canvas{background:#1a1a1a!important;opacity:1!important;visibility:visible!important;z-index:inherit}.timeline-canvas>*{opacity:1!important;visibility:visible!important}.timeline-canvas canvas{opacity:1!important;visibility:visible!important;background:#1a1a1a!important}.timeline-container.dragging .timeline-canvas canvas{opacity:1!important;visibility:visible!important;background:#1a1a1a!important;z-index:inherit}.timeline-leva-status{position:fixed;top:12px;right:12px;background:rgba(31,41,55,.95);color:#fff;padding:12px;border-radius:8px;font-size:12px;z-index:1500;min-width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.5)}.timeline-leva-status h4{margin:0 0 8px;color:#e4f65c}.timeline-leva-status-section{margin-top:8px;border-top:1px solid #374151;padding-top:8px}.timeline-leva-status-label{font-size:11px;color:#9ca3af;margin-bottom:4px}.timeline-leva-status-content{font-size:10px;font-family:monospace}.timeline-leva-status-scroll{font-size:10px;font-family:monospace;max-height:60px;overflow-y:auto}.timeline-leva-keyframe-active{color:#10b981}.timeline-leva-keyframe-full{color:#ef4444}.timeline-leva-tips{margin-top:8px;font-size:10px;color:#6b7280;border-top:1px solid #374151;padding-top:6px}.vfx-status-display{position:fixed;top:260px;right:20px;z-index:1000;background:rgba(0,0,0,.8);color:#fff;padding:12px;border-radius:8px;font-size:14px;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vfx-status-title{margin:0 0 10px;color:#8b5cf6}.vfx-status-parameters{margin-top:8px;font-size:12px;color:#9ca3af;border-top:1px solid #374151;padding-top:6px}.vfx-status-parameter{font-size:10px}.vfx-status-help{margin-top:10px;font-size:12px;color:#9ca3af;border-top:1px solid #374151;padding-top:8px}.debug-info{position:fixed;bottom:10px;left:10px;background:rgba(0,0,0,.8);color:#fff;padding:8px 12px;font-size:11px;z-index:9999;border-radius:4px;font-family:monospace}.leva-c_leva__root{position:fixed!important;top:20px!important;left:440px!important;z-index:3000!important;max-height:80vh!important;overflow-y:auto!important}.leva-c_leva{background:rgba(31,41,55,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:8px!important;border:1px solid rgba(75,85,99,.5)!important}.leva-c_leva__title{color:#8b5cf6!important;font-weight:700!important}.simple-button{background:linear-gradient(145deg,#4f46e5,#3730a3);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e54d;min-width:120px}.simple-button:hover,.simple-button.hovered{transform:translateY(-2px);background:linear-gradient(145deg,#5b52f0,#4338ca);box-shadow:0 6px 16px #4f46e566}.simple-button:active,.simple-button.clicked{transform:translateY(0);background:linear-gradient(145deg,#3730a3,#312e81);box-shadow:0 2px 8px #4f46e533}.simple-button:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.simple-button:disabled:hover{transform:none;background:#6b7280;box-shadow:none}canvas{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:0!important}div[data-html=true],foreignObject,foreignObject>div,.html-element,[class*=drei-]{pointer-events:auto!important;visibility:visible!important;z-index:5000!important}.simple-button:focus{outline:2px solid white;outline-offset:2px}@media (prefers-contrast: high){.timeline-toolbar,.timeline-canvas{border:2px solid white}.timeline-tool-button:hover{border:1px solid white}}@media (max-width: 768px){.timeline-container{left:10px;right:10px;bottom:10px;min-width:300px}.leva-c_leva__root{left:20px!important;max-width:calc(100vw - 40px)!important}.timeline-info{display:none}}@media print{.timeline-container,.leva-c_leva__root,.vfx-status-display{display:none}}