.progress[data-v-44e01b15]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-44e01b15]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-44e01b15]{font-size:16px;color:#43266d}.progress .outside[data-v-44e01b15]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-44e01b15]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-44e01b15]{height:100%}.progress .bar .left[data-v-44e01b15]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-44e01b15]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-44e01b15]{width:100px}.tooltip[data-v-44e01b15]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-44e01b15]{flex:1;white-space:nowrap}.python-editor[data-v-44e01b15]{display:flex;flex-direction:column;height:100%;min-height:500px;background:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3)}.toolbar[data-v-44e01b15]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#2d2d2d,#1a1a2e);border-bottom:2px solid #3498db}.toolbar .toolbar-left .file-name[data-v-44e01b15]{color:#e0e0e0;font-size:14px;font-weight:600}.toolbar .toolbar-left .file-name svg[data-v-44e01b15]{margin-right:8px;color:#3498db}.toolbar .toolbar-right[data-v-44e01b15]{display:flex;gap:10px}.toolbar .toolbar-right button[data-v-44e01b15]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.toolbar .toolbar-right button[data-v-44e01b15]:disabled{opacity:.5;cursor:not-allowed}.toolbar .toolbar-right .btn-run[data-v-44e01b15]{background:linear-gradient(135deg,#3498db,#2471a3);color:#fff}.toolbar .toolbar-right .btn-run[data-v-44e01b15]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(52,152,219,.4)}.toolbar .toolbar-right .btn-stop[data-v-44e01b15]{background:#ef4444;color:#fff}.toolbar .toolbar-right .btn-stop[data-v-44e01b15]:hover:not(:disabled){background:#dc2626}.toolbar .toolbar-right .btn-clear[data-v-44e01b15]{background:#ef4444;color:#fff}.toolbar .toolbar-right .btn-clear[data-v-44e01b15]:hover:not(:disabled){background:#dc2626}.toolbar .toolbar-right .btn-reset[data-v-44e01b15]{background:#555;color:#fff}.toolbar .toolbar-right .btn-reset[data-v-44e01b15]:hover:not(:disabled){background:#666}.editor-container[data-v-44e01b15]{display:flex;flex:1;min-height:0}@media (max-width:768px){.editor-container[data-v-44e01b15]{flex-direction:column}}.code-panel[data-v-44e01b15],.output-panel[data-v-44e01b15]{flex:1;display:flex;flex-direction:column;min-width:0}@media (max-width:768px){.code-panel[data-v-44e01b15]{border-bottom:1px solid #404040}}.resize-handle[data-v-44e01b15]{width:8px;background:#2d2d2d;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.resize-handle[data-v-44e01b15]:hover{background:#4fc3f7}.resize-handle .resize-dots[data-v-44e01b15]{display:flex;flex-direction:column;gap:3px}.resize-handle .resize-dots span[data-v-44e01b15]{width:3px;height:3px;background:#666;border-radius:50%}.resize-handle:hover .resize-dots span[data-v-44e01b15]{background:#fff}@media (max-width:768px){.resize-handle[data-v-44e01b15]{display:none}}.panel-header[data-v-44e01b15]{padding:10px 16px;background:#2d2d2d;color:#888;font-size:13px;border-bottom:1px solid #404040}.panel-header svg[data-v-44e01b15]{margin-right:8px}.panel-header .code-label[data-v-44e01b15]{color:#4fc3f7;font-weight:600}.editor-wrapper[data-v-44e01b15]{flex:1;min-height:300px;font-size:16px}.output-panel[data-v-44e01b15]{background:#0d1117;border-left:3px solid #4fc3f7}.output-panel .panel-header[data-v-44e01b15]{background:#161b22;color:#4fc3f7;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between}.output-panel .panel-header .btn-fullscreen[data-v-44e01b15]{background:rgba(79,195,247,.15);border:1px solid rgba(79,195,247,.3);color:#4fc3f7;padding:4px 10px;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.output-panel .panel-header .btn-fullscreen[data-v-44e01b15]:hover{background:rgba(79,195,247,.3);border-color:#4fc3f7}.output-panel.fullscreen[data-v-44e01b15]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-left:none;border-radius:0;flex:none!important}.output-panel.fullscreen .panel-header[data-v-44e01b15]{padding:14px 24px;font-size:16px}.output-panel.fullscreen .output-wrapper[data-v-44e01b15]{padding:24px}.output-panel.fullscreen .output-content[data-v-44e01b15]{font-size:18px;min-height:auto}.output-panel.fullscreen .turtle-container[data-v-44e01b15]{padding:30px}.output-panel.fullscreen .turtle-container .turtle-canvas-wrapper[data-v-44e01b15]{width:600px;height:460px}.turtle-container[data-v-44e01b15]{display:flex;flex-direction:column;align-items:center;padding:20px;background:#1a1f26;border-bottom:2px solid #4fc3f7}.turtle-container .turtle-label[data-v-44e01b15]{color:#4fc3f7;font-size:14px;font-weight:600;margin-bottom:12px}.turtle-container .turtle-canvas-wrapper[data-v-44e01b15]{border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4);border:3px solid #4fc3f7;background:#fff;width:450px;height:350px;overflow:hidden}.turtle-container .turtle-canvas-wrapper[data-v-44e01b15] canvas{display:block}.output-wrapper[data-v-44e01b15]{flex:1;padding:20px;overflow:auto;background:#0a0e14;min-height:150px}.loading-state[data-v-44e01b15]{display:flex;align-items:center;justify-content:center;gap:12px;color:#4fc3f7;font-size:16px;padding:30px}.loading-state svg[data-v-44e01b15]{color:#4fc3f7;font-size:20px}.output-content[data-v-44e01b15]{margin:0;padding:16px;font-family:Consolas,Monaco,Courier New,monospace;font-size:16px;line-height:1.8;color:#58d68d;white-space:pre-wrap;word-break:break-word;background:#1a1f26;border-radius:8px;border:1px solid #2d3748;min-height:80px}.output-content.has-error[data-v-44e01b15]{color:#ff6b6b;background:#2d1f1f;border-color:#ff6b6b}.inline-input[data-v-44e01b15]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#1a1a2e;border-top:1px solid #3498db;flex-shrink:0}.inline-input .input-prompt-label[data-v-44e01b15]{color:#4fc3f7;font-size:13px;font-weight:600;white-space:nowrap;font-family:monospace}.inline-input .input-field[data-v-44e01b15]{flex:1;padding:6px 10px;border:1px solid #555;border-radius:6px;background:#2d2d2d;color:#e0e0e0;font-size:14px;font-family:monospace}.inline-input .input-field[data-v-44e01b15]:focus{outline:none;border-color:#4fc3f7}.inline-input .btn-submit[data-v-44e01b15]{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.inline-input .btn-submit[data-v-44e01b15]:hover{background:#45a049}@media (max-width:768px){.toolbar[data-v-44e01b15]{flex-direction:column;gap:10px}.toolbar .toolbar-right[data-v-44e01b15]{width:100%;justify-content:center;flex-wrap:wrap}}.progress[data-v-26db8c99]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-26db8c99]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-26db8c99]{font-size:16px;color:#43266d}.progress .outside[data-v-26db8c99]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-26db8c99]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-26db8c99]{height:100%}.progress .bar .left[data-v-26db8c99]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-26db8c99]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-26db8c99]{width:100px}.tooltip[data-v-26db8c99]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-26db8c99]{flex:1;white-space:nowrap}.python-playground[data-v-26db8c99]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:80px 20px 40px}.playground-container[data-v-26db8c99]{max-width:1400px;margin:0 auto}.header-section[data-v-26db8c99]{text-align:center;margin-bottom:20px}.header-section h1[data-v-26db8c99]{color:#fff;font-size:32px;margin:0 0 10px}.header-section h1 svg[data-v-26db8c99]{margin-right:10px}.header-section .subtitle[data-v-26db8c99]{color:#aaa;font-size:16px;margin:0}.tabs[data-v-26db8c99]{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.tabs button[data-v-26db8c99]{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);padding:10px 24px;font-size:14px;color:#aaa;cursor:pointer;border-radius:25px;transition:all .2s}.tabs button svg[data-v-26db8c99]{margin-right:6px}.tabs button.python.active[data-v-26db8c99]{background:linear-gradient(135deg,#3498db,#2471a3);color:#fff;border-color:transparent}.tabs button.game.active[data-v-26db8c99]{background:linear-gradient(135deg,#6c5ce7,#a855f7);color:#fff;border-color:transparent}.tabs button.webcam.active[data-v-26db8c99]{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff;border-color:transparent}.tabs button[data-v-26db8c99]:hover:not(.active){background:hsla(0,0%,100%,.15);color:#fff}.examples-section[data-v-26db8c99]{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.examples-section .examples-label[data-v-26db8c99]{color:#aaa;font-size:14px}.examples-section .examples-buttons[data-v-26db8c99]{display:flex;gap:10px;flex-wrap:wrap}.examples-section .example-btn[data-v-26db8c99]{padding:8px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:20px;cursor:pointer;font-size:13px;transition:all .2s}.examples-section .example-btn.python[data-v-26db8c99]{background:rgba(52,152,219,.2);border-color:rgba(52,152,219,.4)}.examples-section .example-btn.python[data-v-26db8c99]:hover{background:rgba(52,152,219,.4);border-color:#3498db;transform:translateY(-2px)}.examples-section .example-btn.game[data-v-26db8c99]{background:rgba(108,92,231,.2);border-color:rgba(108,92,231,.4)}.examples-section .example-btn.game[data-v-26db8c99]:hover{background:rgba(108,92,231,.4);border-color:#6c5ce7;transform:translateY(-2px)}.examples-section .example-btn.webcam[data-v-26db8c99]{background:rgba(26,188,156,.2);border-color:rgba(26,188,156,.4)}.examples-section .example-btn.webcam[data-v-26db8c99]:hover{background:rgba(26,188,156,.4);border-color:#1abc9c;transform:translateY(-2px)}.editor-section[data-v-26db8c99]{height:600px;margin-bottom:30px}.tips-section .tip-card[data-v-26db8c99]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:20px}.tips-section .tip-card.python[data-v-26db8c99]{border-color:rgba(52,152,219,.3)}.tips-section .tip-card.game[data-v-26db8c99]{border-color:rgba(108,92,231,.3)}.tips-section .tip-card.webcam[data-v-26db8c99]{border-color:rgba(26,188,156,.3)}.tips-section .tip-card h3[data-v-26db8c99]{color:#4fc3f7;margin:0 0 15px;font-size:16px}.tips-section .tip-card h3 svg[data-v-26db8c99]{margin-right:8px}.tips-section .tip-card.python h3[data-v-26db8c99]{color:#3498db}.tips-section .tip-card.game h3[data-v-26db8c99]{color:#6c5ce7}.tips-section .tip-card.webcam h3[data-v-26db8c99]{color:#1abc9c}.tips-section .tip-card ul[data-v-26db8c99]{margin:0;padding-left:20px;color:#ccc}.tips-section .tip-card ul li[data-v-26db8c99]{margin-bottom:8px;font-size:14px}.tips-section .tip-card kbd[data-v-26db8c99]{background:#333;padding:2px 6px;border-radius:4px;font-size:12px;border:1px solid #555}.tips-section .tip-card code[data-v-26db8c99]{background:rgba(79,195,247,.2);padding:2px 6px;border-radius:4px;font-size:13px;color:#4fc3f7}.tips-section .tip-card.python code[data-v-26db8c99]{background:rgba(52,152,219,.2);color:#5dade2}.tips-section .tip-card.game code[data-v-26db8c99]{background:rgba(108,92,231,.2);color:#a855f7}.tips-section .tip-card.webcam code[data-v-26db8c99]{background:rgba(26,188,156,.2);color:#48d6b5}.tips-section .tip-card .api-docs[data-v-26db8c99]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tips-section .tip-card .api-group h4[data-v-26db8c99]{color:#a855f7;font-size:14px;margin:0 0 10px}.tips-section .tip-card .api-group ul[data-v-26db8c99]{padding-left:0;list-style:none}.tips-section .tip-card .api-group ul li[data-v-26db8c99]{font-size:13px;padding-left:15px;position:relative}.tips-section .tip-card .api-group ul li[data-v-26db8c99]:before{content:"•";color:#6c5ce7;position:absolute;left:0}.tips-section .tip-card.webcam .api-group h4[data-v-26db8c99]{color:#48d6b5}.tips-section .tip-card.webcam .api-group ul li[data-v-26db8c99]:before{color:#1abc9c}@media (max-width:768px){.python-playground[data-v-26db8c99]{padding:70px 15px 30px}.header-section h1[data-v-26db8c99]{font-size:24px}.editor-section[data-v-26db8c99]{height:500px}.examples-section[data-v-26db8c99]{flex-direction:column;align-items:flex-start}}