:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#1a1a1a;color:#fff}#app{width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2a2a2a}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#5a5a5a}button{font-family:inherit;font-size:inherit;line-height:inherit}::selection{background-color:#4a4a4a;color:#fff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.code-editor[data-v-4e3d7262]{display:flex;flex-direction:column;height:100%}.editor-container[data-v-4e3d7262]{flex:1;position:relative;background-color:#1e1e1e}[data-v-4e3d7262] .monaco-editor,[data-v-4e3d7262] .monaco-editor .margin,[data-v-4e3d7262] .monaco-editor .monaco-editor-background{background-color:#1e1e1e!important}[data-v-4e3d7262] .current-execution-line{background-color:#ff03!important;border:1px solid rgba(255,255,0,.5);border-radius:3px}[data-v-4e3d7262] .current-execution-glyph{background-color:#ffeb3b;width:8px!important;border-radius:2px;margin-left:2px}.animation-canvas[data-v-ce16494f]{display:flex;flex-direction:column;height:100%}.canvas-header[data-v-ce16494f]{padding:16px;border-bottom:1px solid #333;background-color:#2a2a2a}.canvas-header h3[data-v-ce16494f]{margin:0;color:#fff;font-size:16px;font-weight:500}.canvas-container[data-v-ce16494f]{flex:1;position:relative;background-color:#1a1a1a;overflow:hidden;-webkit-user-select:none;user-select:none}.canvas-container.development[data-v-ce16494f]{cursor:grab}.canvas-container.development[data-v-ce16494f]:active{cursor:grabbing}.canvas-container[data-v-ce16494f]:hover{background-color:#1e1e1e}.canvas-container[data-v-ce16494f] canvas{display:block;width:100%;height:100%}.canvas-placeholder[data-v-ce16494f]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#888;text-align:center;padding:20px}.canvas-placeholder p[data-v-ce16494f]{margin:8px 0;font-size:14px}.control-panel[data-v-9875520d]{display:flex;flex-direction:column;height:100%}.control-content[data-v-9875520d]{flex:1;display:flex;align-items:center;justify-content:space-between;padding:16px 16px 24px}.control-label[data-v-9875520d]{color:#888;font-size:12px;font-weight:500}.playback-controls[data-v-9875520d]{display:flex;gap:8px;align-items:center}.control-btn[data-v-9875520d]{width:48px;height:48px;border:none;border-radius:8px;background-color:#3a3a3a;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.control-btn[data-v-9875520d]:hover{background-color:#4a4a4a;transform:scale(1.05)}.control-btn[data-v-9875520d]:active{transform:scale(.95)}.play-btn[data-v-9875520d]{background-color:#2d5a2d}.play-btn[data-v-9875520d]:hover{background-color:#3a6a3a}.play-btn.playing[data-v-9875520d]{background-color:#5a2d2d}.play-btn.playing[data-v-9875520d]:hover{background-color:#6a3a3a}.reset-btn[data-v-9875520d]{background-color:#5a2d2d}.reset-btn[data-v-9875520d]:hover{background-color:#6a3a3a}.progress-info[data-v-9875520d]{color:#ccc;font-size:14px}.step-counter[data-v-9875520d]{font-family:Courier New,monospace}.loading-overlay[data-v-60251bc2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-overlay.fade-in[data-v-60251bc2]{animation:fadeIn-60251bc2 .3s ease-out}.loading-overlay.fade-out[data-v-60251bc2]{animation:fadeOut-60251bc2 .3s ease-out}@keyframes fadeIn-60251bc2{0%{opacity:0}to{opacity:1}}@keyframes fadeOut-60251bc2{0%{opacity:1}to{opacity:0}}.loading-modal[data-v-60251bc2]{background-color:#2a2a2a;border:2px solid #4CAF50;border-radius:16px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #000000b3;animation:modalSlideIn-60251bc2 .4s ease-out}@keyframes modalSlideIn-60251bc2{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-60251bc2]{text-align:center;margin-bottom:30px}.modal-title[data-v-60251bc2]{color:#fff;font-size:24px;font-weight:600;margin:0 0 10px;display:flex;align-items:center;justify-content:center;gap:10px}.title-icon[data-v-60251bc2]{font-size:28px;animation:rocket-60251bc2 2s ease-in-out infinite}@keyframes rocket-60251bc2{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.modal-subtitle[data-v-60251bc2]{color:#ccc;font-size:16px;margin:0}.progress-section[data-v-60251bc2]{margin-bottom:25px}.progress-bar-container[data-v-60251bc2]{display:flex;align-items:center;gap:15px}.progress-bar[data-v-60251bc2]{flex:1;height:12px;background-color:#444;border-radius:6px;overflow:hidden;position:relative}.progress-fill[data-v-60251bc2]{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:6px;transition:width .3s ease;position:relative}.progress-fill[data-v-60251bc2]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-60251bc2 2s infinite}@keyframes shimmer-60251bc2{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text[data-v-60251bc2]{color:#fff;font-weight:600;font-size:14px;min-width:40px}.current-step[data-v-60251bc2]{display:flex;align-items:center;gap:15px;padding:15px;background-color:#333;border-radius:8px;margin-bottom:20px}.step-icon[data-v-60251bc2]{font-size:24px}.step-info[data-v-60251bc2]{flex:1}.step-name[data-v-60251bc2]{color:#fff;font-weight:500;margin-bottom:5px}.step-progress[data-v-60251bc2]{display:flex;align-items:center;gap:10px}.mini-progress-bar[data-v-60251bc2]{flex:1;height:6px;background-color:#555;border-radius:3px;overflow:hidden}.mini-progress-fill[data-v-60251bc2]{height:100%;background-color:#4caf50;border-radius:3px;transition:width .3s ease}.mini-progress-text[data-v-60251bc2]{color:#ccc;font-size:12px;min-width:30px}.step-error[data-v-60251bc2]{color:#f44336;font-size:14px}.steps-list[data-v-60251bc2]{margin-bottom:20px}.step-item[data-v-60251bc2]{display:flex;align-items:center;gap:10px;padding:8px 0;transition:all .2s ease}.step-item.step-active[data-v-60251bc2]{color:#4caf50;font-weight:500}.step-item.step-completed[data-v-60251bc2]{color:#888}.step-item.step-error[data-v-60251bc2]{color:#f44336}.step-icon-small[data-v-60251bc2]{font-size:16px;width:20px}.step-name-small[data-v-60251bc2]{color:#ccc;font-size:14px}.error-section[data-v-60251bc2]{text-align:center;margin-top:20px}.error-message[data-v-60251bc2]{color:#f44336;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:8px}.error-icon[data-v-60251bc2]{font-size:18px}.error-actions[data-v-60251bc2]{display:flex;gap:10px;justify-content:center}.retry-btn[data-v-60251bc2],.skip-btn[data-v-60251bc2]{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn[data-v-60251bc2]{background-color:#4caf50;color:#fff}.retry-btn[data-v-60251bc2]:hover{background-color:#45a049}.skip-btn[data-v-60251bc2]{background-color:#666;color:#fff}.skip-btn[data-v-60251bc2]:hover{background-color:#777}.completion-section[data-v-60251bc2]{text-align:center;margin-top:20px}.completion-message[data-v-60251bc2]{color:#4caf50;font-size:18px;font-weight:500;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:10px}.completion-icon[data-v-60251bc2]{font-size:24px;animation:bounce-60251bc2 1s ease-in-out infinite}@keyframes bounce-60251bc2{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.continue-btn[data-v-60251bc2]{background-color:#4caf50;color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.continue-btn[data-v-60251bc2]:hover{background-color:#45a049;transform:translateY(-2px)}.loading-animation[data-v-60251bc2]{display:flex;justify-content:center;margin-top:20px}.spinner[data-v-60251bc2]{width:40px;height:40px;border:4px solid #333;border-top:4px solid #4CAF50;border-radius:50%;animation:spin-60251bc2 1s linear infinite}@keyframes spin-60251bc2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.loading-modal[data-v-60251bc2]{padding:30px 20px;margin:20px}.modal-title[data-v-60251bc2]{font-size:20px}.progress-bar-container[data-v-60251bc2]{flex-direction:column;gap:10px}.current-step[data-v-60251bc2]{flex-direction:column;align-items:flex-start;gap:10px}}.app-container[data-v-a25db04a]{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#1a1a1a;color:#fff}.header-section[data-v-a25db04a]{background-color:#2a2a2a;border-bottom:1px solid #333;padding:16px 20px}.site-title[data-v-a25db04a]{margin:0 0 12px;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px}.editor-controls[data-v-a25db04a]{display:flex;align-items:center;gap:15px}.main-content[data-v-a25db04a]{display:flex;flex:1;min-height:0}.editor-section[data-v-a25db04a]{min-width:300px;border-right:1px solid #333;background-color:#2a2a2a;display:flex;flex-direction:column}.resizer[data-v-a25db04a]{width:8px;background-color:#333;cursor:col-resize;position:relative;transition:background-color .2s;flex-shrink:0}.resizer[data-v-a25db04a]:hover{background-color:#4caf50}.resizer[data-v-a25db04a]:active{background-color:#45a049}body.resizing[data-v-a25db04a]{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.editor-header[data-v-a25db04a]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #333;background-color:#2a2a2a}.editor-title[data-v-a25db04a]{margin:0;color:#fff;font-size:16px;font-weight:500}.example-selector[data-v-a25db04a]{display:flex;align-items:center;gap:8px}.example-selector label[data-v-a25db04a]{color:#fff;font-size:14px;white-space:nowrap}.example-select[data-v-a25db04a]{background-color:#3a3a3a;border:1px solid #555;color:#fff;padding:8px 12px;font-size:14px;border-radius:4px;cursor:pointer;min-width:150px}.example-select[data-v-a25db04a]:hover{border-color:#777}.example-select[data-v-a25db04a]:focus{outline:none;border-color:#4caf50}.example-select option[data-v-a25db04a]{background-color:#3a3a3a;color:#fff}.button-group[data-v-a25db04a]{display:flex;gap:10px}.run-btn[data-v-a25db04a]{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color .2s}.run-btn[data-v-a25db04a]:hover:not(:disabled){background-color:#45a049}.run-btn[data-v-a25db04a]:disabled{background-color:#666;cursor:not-allowed;opacity:.6}.canvas-section[data-v-a25db04a]{flex:1;min-width:500px;background-color:#1a1a1a;position:relative}.control-section[data-v-a25db04a]{height:80px;background-color:#2a2a2a;border-top:1px solid #333;padding:0}.mobile-warning-overlay[data-v-a25db04a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-warning-modal[data-v-a25db04a]{background-color:#2a2a2a;border:2px solid #4CAF50;border-radius:12px;padding:30px;max-width:400px;width:90%;text-align:center;box-shadow:0 10px 30px #00000080;animation:modalSlideIn-a25db04a .3s ease-out}@keyframes modalSlideIn-a25db04a{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.warning-icon[data-v-a25db04a]{font-size:48px;margin-bottom:20px;display:block}.mobile-warning-modal h2[data-v-a25db04a]{color:#fff;margin:0 0 15px;font-size:24px;font-weight:600}.mobile-warning-modal p[data-v-a25db04a]{color:#ccc;margin:10px 0;font-size:16px;line-height:1.5}.warning-close-btn[data-v-a25db04a]{background-color:#4caf50;border:none;color:#fff;padding:12px 24px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;margin-top:20px;transition:background-color .2s}.warning-close-btn[data-v-a25db04a]:hover{background-color:#45a049}@media (max-width: 768px){.mobile-warning-modal[data-v-a25db04a]{margin:20px;padding:25px}.mobile-warning-modal h2[data-v-a25db04a]{font-size:20px}.mobile-warning-modal p[data-v-a25db04a]{font-size:14px}}