.gsap-animator[data-v-cbe39d4c]{position:relative;border-radius:12px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.animation-stage[data-v-cbe39d4c]{position:relative;background:transparent;overflow:hidden}.gsap-element[data-v-cbe39d4c]{position:relative;display:inline-block;margin:8px}.particles-system[data-v-cbe39d4c]{top:0;left:0;right:0;bottom:0;z-index:1}.particle[data-v-cbe39d4c],.particles-system[data-v-cbe39d4c]{position:absolute;pointer-events:none}.controls-panel[data-v-cbe39d4c]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));padding:16px;gap:12px;backdrop-filter:blur(10px);z-index:10}.control-btn[data-v-cbe39d4c],.controls-panel[data-v-cbe39d4c]{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-btn[data-v-cbe39d4c]{width:40px;height:40px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);font-size:16px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.control-btn[data-v-cbe39d4c]:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.control-btn.active[data-v-cbe39d4c]{background:#667eea}.progress-control[data-v-cbe39d4c]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 16px}.progress-slider[data-v-cbe39d4c]{width:100%;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-slider[data-v-cbe39d4c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.progress-labels[data-v-cbe39d4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;margin-top:4px;opacity:.8}.speed-control[data-v-cbe39d4c],.timeline-control[data-v-cbe39d4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:12px}.speed-slider[data-v-cbe39d4c]{width:60px;height:4px}.speed-value[data-v-cbe39d4c]{min-width:30px;text-align:center}.presets-panel[data-v-cbe39d4c]{position:absolute;top:16px;right:16px;background:hsla(0,0%,100%,.9);padding:12px;border-radius:8px;backdrop-filter:blur(10px);z-index:10}.presets-panel h4[data-v-cbe39d4c]{margin:0 0 12px 0;font-size:14px;color:#333}.preset-buttons[data-v-cbe39d4c]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preset-btn[data-v-cbe39d4c]{padding:6px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.preset-btn[data-v-cbe39d4c]:hover{background:#f0f0f0;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.preset-btn.active[data-v-cbe39d4c]{background:#667eea;color:#fff;border-color:#667eea}.status-indicator[data-v-cbe39d4c]{position:absolute;top:16px;left:16px;background:rgba(0,0,0,.8);color:#fff;padding:12px;border-radius:8px;backdrop-filter:blur(10px);font-size:12px;z-index:10}.status-item[data-v-cbe39d4c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px;min-width:120px}.status-item[data-v-cbe39d4c]:last-child{margin-bottom:0}.status-label[data-v-cbe39d4c]{opacity:.8}.status-value[data-v-cbe39d4c]{font-weight:700}.status-value.playing[data-v-cbe39d4c]{color:#4caf50}.status-value.paused[data-v-cbe39d4c]{color:#ff9800}.status-value.stopped[data-v-cbe39d4c]{color:#f44336}.theme-dark[data-v-cbe39d4c]{background:linear-gradient(135deg,#2c3e50,#34495e)}.theme-colorful[data-v-cbe39d4c]{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-light[data-v-cbe39d4c]{background:linear-gradient(135deg,#f8f9fa,#fff)}.gsap-animator.playing[data-v-cbe39d4c]{border:2px solid rgba(102,126,234,.5);-webkit-box-shadow:0 0 20px rgba(102,126,234,.3);box-shadow:0 0 20px rgba(102,126,234,.3)}.gsap-animator.paused[data-v-cbe39d4c]{-webkit-filter:grayscale(.3);filter:grayscale(.3)}.gsap-animator.interactive[data-v-cbe39d4c]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15)}@media (max-width:768px){.controls-panel[data-v-cbe39d4c]{padding:12px;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.control-btn[data-v-cbe39d4c]{width:36px;height:36px;font-size:14px}.progress-control[data-v-cbe39d4c]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:100%;margin:0 0 8px 0}.speed-control[data-v-cbe39d4c],.timeline-control[data-v-cbe39d4c]{font-size:11px}.presets-panel[data-v-cbe39d4c]{top:8px;right:8px;padding:8px}.preset-buttons[data-v-cbe39d4c]{grid-template-columns:1fr}.status-indicator[data-v-cbe39d4c]{display:none}}.level-system[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1)}.level-card[data-v-42dd2d44]{position:relative;background:#fff;border-radius:20px;padding:32px;overflow:hidden;border:2px solid #e9ecef;-webkit-transition:all .3s ease;transition:all .3s ease}.level-card[data-v-42dd2d44]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 16px 48px rgba(102,126,234,.2);box-shadow:0 16px 48px rgba(102,126,234,.2)}.level-card.level-1[data-v-42dd2d44]{border-color:#4facfe}.level-card.level-2[data-v-42dd2d44]{border-color:#667eea}.level-card.level-3[data-v-42dd2d44]{border-color:#f093fb}.level-card.level-4[data-v-42dd2d44]{border-color:#43e97b}.level-card.level-5[data-v-42dd2d44]{border-color:#ffc107;background:linear-gradient(135deg,#fff9c4,#fff)}.card-decoration[data-v-42dd2d44]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.decoration-pattern[data-v-42dd2d44]{position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0,transparent 70%);-webkit-animation:rotate-data-v-42dd2d44 20s linear infinite;animation:rotate-data-v-42dd2d44 20s linear infinite}.glow-effect[data-v-42dd2d44]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);-webkit-animation:shimmer-data-v-42dd2d44 3s ease-in-out infinite;animation:shimmer-data-v-42dd2d44 3s ease-in-out infinite}.level-info[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px;margin-bottom:24px}.avatar-section[data-v-42dd2d44]{position:relative}.user-avatar[data-v-42dd2d44]{width:80px;height:80px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border:4px solid #fff;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15)}.user-avatar img[data-v-42dd2d44]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-avatar[data-v-42dd2d44]{font-size:32px;font-weight:700;color:#fff}.level-badge[data-v-42dd2d44]{position:absolute;bottom:-8px;right:-8px;width:36px;height:36px;background:linear-gradient(135deg,#ffc107,#ff9800);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:3px solid #fff;-webkit-box-shadow:0 4px 12px rgba(255,193,7,.4);box-shadow:0 4px 12px rgba(255,193,7,.4)}.level-number[data-v-42dd2d44]{font-size:16px;font-weight:700;color:#fff}.user-details[data-v-42dd2d44]{-webkit-box-flex:1;-ms-flex:1;flex:1}.username[data-v-42dd2d44]{font-size:24px;font-weight:700;color:#333;margin:0 0 8px 0}.level-title[data-v-42dd2d44]{font-size:16px;color:#667eea;margin:0 0 12px 0;font-weight:500}.stats-row[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.stat-item[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:14px;color:#666}.stat-item .icon[data-v-42dd2d44]{font-size:16px}.exp-progress[data-v-42dd2d44]{position:relative}.progress-info[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}.current-exp[data-v-42dd2d44]{font-weight:700;color:#333}.next-level[data-v-42dd2d44]{color:#666;font-size:14px}.progress-bar[data-v-42dd2d44]{position:relative}.progress-track[data-v-42dd2d44]{width:100%;height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden}.progress-fill[data-v-42dd2d44]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#764ba2));background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;position:relative;-webkit-transition:width 1s ease;transition:width 1s ease}.progress-glow[data-v-42dd2d44]{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(50%,hsla(0,0%,100%,.4)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);-webkit-animation:progress-shine-data-v-42dd2d44 2s ease-in-out infinite;animation:progress-shine-data-v-42dd2d44 2s ease-in-out infinite}.daily-quests[data-v-42dd2d44],.quick-achievements[data-v-42dd2d44]{background:#fff;border-radius:16px;padding:24px;border:1px solid #e9ecef}.section-title[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#333;margin:0 0 20px 0}.title-icon[data-v-42dd2d44]{font-size:20px}.quest-progress[data-v-42dd2d44]{color:#666;font-weight:400;font-size:14px}.achievement-list[data-v-42dd2d44],.quest-list[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.achievement-item[data-v-42dd2d44],.quest-item[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.achievement-item[data-v-42dd2d44]:hover,.quest-item[data-v-42dd2d44]:hover{background:#e9ecef;-webkit-transform:translateX(4px);transform:translateX(4px)}.achievement-item.new[data-v-42dd2d44]{background:linear-gradient(135deg,#fff3cd,#f8f9fa);border:2px solid #ffc107}.quest-item.completed[data-v-42dd2d44]{background:linear-gradient(135deg,#d4edda,#f8f9fa);border:2px solid #28a745}.achievement-icon[data-v-42dd2d44],.quest-icon[data-v-42dd2d44]{font-size:24px;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-radius:50%;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.achievement-info[data-v-42dd2d44],.quest-info[data-v-42dd2d44]{-webkit-box-flex:1;-ms-flex:1;flex:1}.achievement-name[data-v-42dd2d44],.quest-name[data-v-42dd2d44]{display:block;font-weight:600;color:#333;margin-bottom:4px}.achievement-date[data-v-42dd2d44]{font-size:12px;color:#666}.quest-progress[data-v-42dd2d44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.progress-bar.mini[data-v-42dd2d44]{width:120px}.progress-bar.mini .progress-track[data-v-42dd2d44]{height:6px}.progress-text[data-v-42dd2d44]{font-size:12px;color:#666}.quest-reward[data-v-42dd2d44]{text-align:right}.reward-exp[data-v-42dd2d44]{color:#ffc107;font-weight:700;font-size:14px}.new-indicator[data-v-42dd2d44]{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700}@-webkit-keyframes rotate-data-v-42dd2d44{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-data-v-42dd2d44{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes shimmer-data-v-42dd2d44{0%,to{opacity:0}50%{opacity:1}}@keyframes shimmer-data-v-42dd2d44{0%,to{opacity:0}50%{opacity:1}}@-webkit-keyframes progress-shine-data-v-42dd2d44{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%,to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes progress-shine-data-v-42dd2d44{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%,to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media (max-width:768px){.level-system[data-v-42dd2d44]{padding:16px;gap:16px}.level-card[data-v-42dd2d44]{padding:20px}.level-info[data-v-42dd2d44]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;gap:16px}.stats-row[data-v-42dd2d44]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.daily-quests[data-v-42dd2d44],.quick-achievements[data-v-42dd2d44]{padding:16px}}.lottie-player[data-v-1917a4e9]{position:relative;display:inline-block;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.lottie-player.interactive[data-v-1917a4e9]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15)}.lottie-container[data-v-1917a4e9]{width:100%;height:100%;position:relative}.loading-overlay[data-v-1917a4e9]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);z-index:10}.loading-spinner[data-v-1917a4e9]{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;-webkit-animation:spin-data-v-1917a4e9 1s linear infinite;animation:spin-data-v-1917a4e9 1s linear infinite;margin-bottom:16px}.loading-text[data-v-1917a4e9]{font-size:14px;color:#666}.error-overlay[data-v-1917a4e9]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);z-index:10;padding:20px}.error-icon[data-v-1917a4e9]{font-size:48px;margin-bottom:16px}.error-message[data-v-1917a4e9]{font-size:14px;color:#ff4d4f;text-align:center;margin-bottom:20px;line-height:1.4}.retry-button[data-v-1917a4e9]{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease}.retry-button[data-v-1917a4e9]:hover{background:#5a6fd8}.controls-panel[data-v-1917a4e9]{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));padding:16px;gap:12px;z-index:5}.control-button[data-v-1917a4e9],.controls-panel[data-v-1917a4e9]{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.control-button[data-v-1917a4e9]{width:40px;height:40px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);font-size:16px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;backdrop-filter:blur(10px)}.control-button[data-v-1917a4e9]:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.control-button.active[data-v-1917a4e9]{background:#667eea}.progress-container[data-v-1917a4e9]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 16px}.progress-slider[data-v-1917a4e9]{width:100%;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-slider[data-v-1917a4e9]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.3);box-shadow:0 2px 8px rgba(0,0,0,.3)}.progress-slider[data-v-1917a4e9]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.progress-info[data-v-1917a4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;margin-top:4px;opacity:.8}.speed-control[data-v-1917a4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.speed-label[data-v-1917a4e9]{font-size:12px;white-space:nowrap}.speed-selector[data-v-1917a4e9]{background:hsla(0,0%,100%,.2);color:#fff;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.info-panel[data-v-1917a4e9]{position:absolute;top:16px;right:16px;background:rgba(0,0,0,.8);color:#fff;padding:12px;border-radius:8px;backdrop-filter:blur(10px);font-size:12px;z-index:5;min-width:200px}.info-item[data-v-1917a4e9]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.info-item[data-v-1917a4e9]:last-child{margin-bottom:0}.info-label[data-v-1917a4e9]{opacity:.8}.info-value[data-v-1917a4e9]{font-weight:700}.theme-dark[data-v-1917a4e9]{background:linear-gradient(135deg,#2c3e50,#34495e)}.theme-colorful[data-v-1917a4e9]{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-default[data-v-1917a4e9]{background:linear-gradient(135deg,#f8f9fa,#fff)}.lottie-player.playing[data-v-1917a4e9]{border:2px solid rgba(102,126,234,.5)}.lottie-player.paused[data-v-1917a4e9]{-webkit-filter:grayscale(.2);filter:grayscale(.2)}.lottie-player.loading[data-v-1917a4e9]{pointer-events:none}.lottie-player.error[data-v-1917a4e9]{border:2px solid rgba(255,77,79,.5)}@-webkit-keyframes spin-data-v-1917a4e9{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-1917a4e9{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.controls-panel[data-v-1917a4e9]{padding:12px;gap:8px}.control-button[data-v-1917a4e9]{width:36px;height:36px;font-size:14px}.progress-container[data-v-1917a4e9]{margin:0 12px}.info-panel[data-v-1917a4e9]{top:12px;right:12px;padding:8px;font-size:11px;min-width:160px}.speed-control[data-v-1917a4e9]{display:none}}@media (max-width:480px){.controls-panel[data-v-1917a4e9]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px}.progress-container[data-v-1917a4e9]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;width:100%;margin:0 0 8px 0}.info-panel[data-v-1917a4e9]{display:none}}.animations-demo[data-v-4594ad06]{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-header[data-v-4594ad06]{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;-webkit-box-shadow:0 4px 20px rgba(102,126,234,.3);box-shadow:0 4px 20px rgba(102,126,234,.3)}.page-title[data-v-4594ad06]{font-size:2.5em;margin:0 0 10px 0;font-weight:700}.page-subtitle[data-v-4594ad06]{font-size:1.2em;margin:0;opacity:.9}.demo-content[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1400px;margin:0 auto;padding:30px 20px;gap:30px}.control-sidebar[data-v-4594ad06]{width:320px;-ms-flex-negative:0;flex-shrink:0}.control-section[data-v-4594ad06]{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #e0e0e0}.section-title[data-v-4594ad06]{font-size:1.1em;font-weight:700;margin:0 0 20px 0;color:#333;border-bottom:2px solid #667eea;padding-bottom:8px}.control-group[data-v-4594ad06]{margin-bottom:16px}.control-group label[data-v-4594ad06]{display:block;font-weight:500;margin-bottom:8px;color:#555}.control-group input[type=range][data-v-4594ad06]{width:100%;margin-top:8px}.control-group select[data-v-4594ad06]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.control-group input[type=checkbox][data-v-4594ad06]{margin-right:8px}.theme-grid[data-v-4594ad06]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-button[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px;border:2px solid transparent;border-radius:8px;background:#f8f9fa;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.theme-button[data-v-4594ad06]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.theme-button.active[data-v-4594ad06]{border-color:#667eea;background:rgba(102,126,234,.1)}.theme-preview[data-v-4594ad06]{width:40px;height:30px;border-radius:4px;margin-bottom:8px;border:1px solid #ddd}.theme-name[data-v-4594ad06]{font-size:12px;font-weight:500;color:#333}.demo-showcase[data-v-4594ad06]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}.showcase-section[data-v-4594ad06]{background:#fff;border-radius:12px;padding:24px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1);border:1px solid #e0e0e0}.showcase-header[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #eee}.showcase-header h3[data-v-4594ad06]{margin:0;font-size:1.3em;color:#333}.status-indicator[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.status-dot[data-v-4594ad06]{width:12px;height:12px;border-radius:50%;background:#ccc;-webkit-transition:all .3s ease;transition:all .3s ease}.status-dot.playing[data-v-4594ad06]{background:#52c41a;-webkit-box-shadow:0 0 8px rgba(82,196,26,.5);box-shadow:0 0 8px rgba(82,196,26,.5)}.status-dot.paused[data-v-4594ad06]{background:#faad14;-webkit-box-shadow:0 0 8px rgba(250,173,20,.5);box-shadow:0 0 8px rgba(250,173,20,.5)}.status-dot.stopped[data-v-4594ad06]{background:#ff4d4f}.status-dot.ready[data-v-4594ad06]{background:#1890ff;-webkit-box-shadow:0 0 8px rgba(24,144,255,.5);box-shadow:0 0 8px rgba(24,144,255,.5)}.status-dot.completed[data-v-4594ad06]{background:#722ed1}.status-dot.error[data-v-4594ad06]{background:#ff4d4f;-webkit-animation:pulse-data-v-4594ad06 1s infinite;animation:pulse-data-v-4594ad06 1s infinite}.status-text[data-v-4594ad06]{font-size:14px;font-weight:500;color:#555}.animation-container[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px;background:linear-gradient(135deg,#f0f4f8,#fff);border-radius:8px;border:1px solid #e0e0e0;margin-bottom:16px}.animation-info[data-v-4594ad06]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.info-item[data-v-4594ad06]{font-size:14px;color:#555}.status-bar[data-v-4594ad06]{background:#fff;border-top:1px solid #e0e0e0;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-webkit-box-shadow:0 -2px 8px rgba(0,0,0,.1);box-shadow:0 -2px 8px rgba(0,0,0,.1)}.status-section[data-v-4594ad06]{-webkit-box-flex:1;-ms-flex:1;flex:1}.status-section h4[data-v-4594ad06]{margin:0 0 16px 0;font-size:1.1em;color:#333}.stats-grid[data-v-4594ad06]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-item[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e0e0e0}.stat-label[data-v-4594ad06]{font-size:14px;color:#666}.stat-value[data-v-4594ad06]{font-size:14px;font-weight:700;color:#333}.logs-container[data-v-4594ad06]{height:200px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fafafa}.logs-viewport[data-v-4594ad06]{height:160px;overflow-y:auto;padding:12px}.log-entry[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;padding:8px 12px;background:#fff;border-radius:4px;border-left:4px solid #ddd;font-size:13px}.log-entry.info[data-v-4594ad06]{border-left-color:#1890ff}.log-entry.success[data-v-4594ad06]{border-left-color:#52c41a}.log-entry.warning[data-v-4594ad06]{border-left-color:#faad14}.log-entry.error[data-v-4594ad06]{border-left-color:#ff4d4f}.log-time[data-v-4594ad06]{color:#999;margin-right:12px;white-space:nowrap;font-family:monospace}.log-message[data-v-4594ad06]{color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}.logs-controls[data-v-4594ad06]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e0e0e0}.log-button[data-v-4594ad06]{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.log-button[data-v-4594ad06]:hover{background:#f0f0f0}.log-button.active[data-v-4594ad06]{background:#667eea;color:#fff;border-color:#667eea}@-webkit-keyframes pulse-data-v-4594ad06{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-data-v-4594ad06{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1200px){.demo-content[data-v-4594ad06]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.control-sidebar[data-v-4594ad06]{width:100%}.theme-grid[data-v-4594ad06]{grid-template-columns:repeat(3,1fr)}.stats-grid[data-v-4594ad06]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header[data-v-4594ad06]{padding:20px}.page-title[data-v-4594ad06]{font-size:2em}.demo-content[data-v-4594ad06]{padding:20px 10px}.control-section[data-v-4594ad06],.showcase-section[data-v-4594ad06]{padding:16px}.status-bar[data-v-4594ad06]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.stats-grid[data-v-4594ad06]{grid-template-columns:1fr}.theme-grid[data-v-4594ad06]{grid-template-columns:repeat(2,1fr)}}