:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}a:hover{background-color:#00bd7e33}body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(135deg,#4caf50,#2196f3)}#app{height:100vh;width:100vw;position:fixed;top:0;left:0}.turtle-app{--primary-green: #4CAF50;--primary-blue: #2196F3;--accent-orange: #FF9800;--accent-purple: #9C27B0;--dark-gray: #4A5568;--light-gray: #F7FAFC}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#45a049}button:focus,input:focus,select:focus{outline:2px solid #4CAF50;outline-offset:2px}@keyframes turtle-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.turtle-animation{animation:turtle-bounce 2s infinite}.code-editor-container[data-v-976a38ba]{display:flex;flex-direction:column;height:100%;background:#f8f9fa;border-radius:8px;overflow:hidden;transition:all .3s ease}.editor-header[data-v-976a38ba]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e9ecef}.editor-header h3[data-v-976a38ba]{margin:0;font-size:14px;font-weight:600;color:#495057}.editor-controls[data-v-976a38ba]{display:flex;gap:8px}.run-btn[data-v-976a38ba]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.run-btn[data-v-976a38ba]:hover:not(:disabled){background:#218838}.run-btn[data-v-976a38ba]:disabled{background:#6c757d;cursor:not-allowed}.editor-wrapper[data-v-976a38ba]{position:relative;flex:1;overflow:hidden}.editor-container[data-v-976a38ba]{width:100%;height:100%}[data-v-976a38ba] .cm-editor{height:100%;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5}[data-v-976a38ba] .cm-focused{outline:none}[data-v-976a38ba] .cm-scroller{padding:16px}[data-v-976a38ba] .cm-content{min-height:100%;padding:0}[data-v-976a38ba] .cm-line{padding-left:4px}[data-v-976a38ba] .cm-error-line{background-color:#ffebee!important;border-left:4px solid #f44336!important;cursor:pointer!important}[data-v-976a38ba] .cm-executing-line{background-color:#e8f5e8!important;border-left:4px solid #4caf50!important;animation:executionPulse-976a38ba 1s ease-in-out infinite alternate}@keyframes executionPulse-976a38ba{0%{background-color:#e8f5e8;box-shadow:0 0 5px #4caf504d}to{background-color:#d4edda;box-shadow:0 0 10px #4caf5099}}[data-v-976a38ba] .cm-focused .cm-selectionBackground{background-color:#ffebee!important}.editor-options-overlay[data-v-976a38ba]{position:absolute;top:12px;right:12px;z-index:100}.options-btn[data-v-976a38ba]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffffe6;border:1px solid rgba(222,226,230,.8);border-radius:6px;color:#6c757d;cursor:pointer;transition:all .2s ease;opacity:.6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.options-btn[data-v-976a38ba]:hover{opacity:1;background:#f8f9faf2;border-color:#adb5bd;color:#495057;transform:scale(1.05)}.options-btn.active[data-v-976a38ba]{opacity:1;background:#e9eceff2;border-color:#adb5bd;color:#495057}.editor-options-dropdown[data-v-976a38ba]{position:absolute;top:100%;right:0;margin-top:8px;min-width:220px;max-width:280px;max-height:300px;background:#fffffff5;border:1px solid rgba(222,226,230,.8);border-radius:8px;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;z-index:1000;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;overflow-x:hidden}@media (max-height: 600px){.editor-options-dropdown[data-v-976a38ba]{max-height:300px}}@media (max-height: 500px){.editor-options-dropdown[data-v-976a38ba]{max-height:250px}}.option-group[data-v-976a38ba]{padding:8px 0}.option-separator[data-v-976a38ba]{height:1px;background:#e9ecef;margin:4px 0}.option-label-header[data-v-976a38ba]{padding:6px 16px 4px;font-weight:600;color:#6c757d;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.option-item[data-v-976a38ba]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;cursor:pointer;transition:background-color .15s}.option-item[data-v-976a38ba]:hover{background:#f8f9fa}.option-label[data-v-976a38ba]{color:#495057;font-weight:400}.option-indicator[data-v-976a38ba]{color:#28a745;font-weight:600;font-size:14px;width:16px;text-align:center}.code-editor-container.zoomed[data-v-976a38ba],.editor-wrapper.zoomed[data-v-976a38ba],.editor-container.zoomed[data-v-976a38ba],.editor-container.zoomed[data-v-976a38ba] .cm-editor{height:100%}.editor-container.zoomed[data-v-976a38ba] .cm-scroller{padding:24px}.cls-1[data-v-9f88c096]{fill:#fdfdfd}.cls-3[data-v-9f88c096]{fill:#dec29b}.cls-6[data-v-9f88c096]{fill:#0f0d08}.turtle-editor-view[data-v-9f88c096]{width:100vw;height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.header[data-v-9f88c096]{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 10px #0000001a;z-index:100}.header-left[data-v-9f88c096]{display:flex;align-items:center;gap:12px;margin-right:10px}.logo[data-v-9f88c096]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.header h1[data-v-9f88c096]{color:#2d3748;font-size:24px;font-weight:700;margin:0}.header-right[data-v-9f88c096]{display:flex;align-items:center;gap:24px}.speed-control.header-control[data-v-9f88c096]{display:flex;align-items:center;gap:6px;background:#ffffffe6;padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000001a}.speed-control.header-control label[data-v-9f88c096]{font-size:12px;font-weight:500;color:#374151;white-space:nowrap}.speed-control.header-control .speed-slider[data-v-9f88c096]{width:60px;height:4px;background:#e5e7eb;border-radius:2px;outline:none;cursor:pointer;transition:all .3s ease}.speed-control.header-control .speed-display[data-v-9f88c096]{font-size:12px;font-weight:600;color:#10b981;min-width:16px;text-align:center;background:#10b9811a;padding:2px 6px;border-radius:4px}.run-btn.header-control[data-v-9f88c096]{background:#10b981;color:#fff;border:2px solid #10B981;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px!important;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.run-btn.header-control[data-v-9f88c096]:hover{background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}button.run-btn.header-control.running[data-v-9f88c096]{background:#ef4444!important;border-color:#ef4444!important}button.run-btn.header-control.running[data-v-9f88c096]:hover{background:#dc2626!important;border-color:#dc2626!important}button.run-btn.header-control.paused[data-v-9f88c096]{background:#f59e0b!important;border-color:#f59e0b!important;animation:pausePulse-9f88c096 2s ease-in-out infinite alternate}button.run-btn.header-control.paused[data-v-9f88c096]:hover{background:#d97706!important;border-color:#d97706!important}@keyframes pausePulse-9f88c096{0%{opacity:1}to{opacity:.7}}.stop-btn.header-control[data-v-9f88c096]{background:#9ca3af;color:#fff;border:2px solid #9CA3AF;padding:8px 12px;border-radius:6px;cursor:not-allowed;display:flex;align-items:center;gap:6px;font-size:14px!important;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a;opacity:.6}.stop-btn.header-control.enabled[data-v-9f88c096]{background:#dc2626;border-color:#dc2626;cursor:pointer;opacity:1}.stop-btn.header-control.enabled[data-v-9f88c096]:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.stop-btn.header-control[data-v-9f88c096]:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6;transform:none;box-shadow:0 2px 4px #0000001a}.step-btn.header-control[data-v-9f88c096]{background:#10b981;color:#fff;border:2px solid #10B981;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px!important;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.step-btn.header-control[data-v-9f88c096]:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.step-btn.header-control[data-v-9f88c096]:disabled,.step-btn.header-control.disabled[data-v-9f88c096]{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:0 2px 4px #0000001a;opacity:.6}.step-btn.header-control[data-v-9f88c096]:disabled:hover,.step-btn.header-control.disabled[data-v-9f88c096]:hover{background:#9ca3af;border-color:#9ca3af;transform:none;box-shadow:0 2px 4px #0000001a}.clear-canvas-btn.header-control[data-v-9f88c096]{background:#6b7280;color:#fff;border:none;border:2px solid #6B7280;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px!important;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.clear-canvas-btn.header-control[data-v-9f88c096]:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.help-btn[data-v-9f88c096]{background:#4caf50;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.help-btn[data-v-9f88c096]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.main-content[data-v-9f88c096]{flex:1;display:flex;overflow:hidden}.main-content.zoomed[data-v-9f88c096]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:#fff}.main-content.zoomed .editor-panel[data-v-9f88c096],.main-content.zoomed .canvas-panel[data-v-9f88c096]{height:100vh}.main-content.zoomed .resize-handle[data-v-9f88c096]{display:none}.editor-panel[data-v-9f88c096]{display:flex;flex-direction:column;background:#fff;border-right:1px solid #ddd}.resize-handle[data-v-9f88c096]{width:8px;background:#fffc;border-left:1px solid rgba(255,255,255,.3);border-right:1px solid rgba(255,255,255,.3);cursor:col-resize;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.resize-handle[data-v-9f88c096]:hover{background:#4caf501a;border-left-color:#4caf504d;border-right-color:#4caf504d;width:12px}.resize-handle[data-v-9f88c096]:focus{outline:2px solid #4CAF50;outline-offset:2px;background:#4caf5026}.resize-handle-line[data-v-9f88c096]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.resize-handle-grip[data-v-9f88c096]{display:flex;flex-direction:column;gap:4px;align-items:center}.grip-dot[data-v-9f88c096]{width:3px;height:3px;background:#75757599;border-radius:50%;transition:all .2s ease}.resize-handle:hover .grip-dot[data-v-9f88c096]{background:#4caf50}.resize-handle.resizing[data-v-9f88c096]{background:#4caf5033;border-left-color:#4caf50;border-right-color:#4caf50}.resize-handle.resizing .grip-dot[data-v-9f88c096]{background:#4caf50;transform:scale(1.2)}.main-content.resizing[data-v-9f88c096]{cursor:col-resize}.main-content.resizing[data-v-9f88c096] *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.canvas-panel[data-v-9f88c096]{display:flex;flex-direction:column;background:#fff}.canvas-header[data-v-9f88c096]{padding:16px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.canvas-header h2[data-v-9f88c096]{margin:0;font-size:18px;font-weight:600}.canvas-controls[data-v-9f88c096]{display:flex;gap:16px;align-items:center}.speed-control[data-v-9f88c096]{display:flex;align-items:center;gap:8px;font-size:14px}.speed-control input[data-v-9f88c096]{width:100px}.clear-btn[data-v-9f88c096]{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.clear-btn[data-v-9f88c096]:hover{background:#c82333}.canvas-container[data-v-9f88c096]{flex:1;position:relative;margin:2px;border:1px solid #ddd;border-radius:2px;overflow:hidden;height:100%}.turtle-canvas[data-v-9f88c096]{position:absolute;top:0;left:0}.grid-canvas[data-v-9f88c096]{z-index:1}.drawing-canvas[data-v-9f88c096]{z-index:2}.turtle-overlay[data-v-9f88c096]{z-index:3}.coordinate-display[data-v-9f88c096]{position:absolute;top:10px;right:10px;background:#ffffffd9;border:1px solid #E0E0E0;border-radius:6px;padding:6px 10px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;font-weight:500;color:#374151;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none}.console-output[data-v-9f88c096]{max-height:70px;border-top:1px solid #ddd;background:#f8f9fa}.console-header[data-v-9f88c096]{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;background:#e9ecef;border-bottom:1px solid #ddd}.console-header h4[data-v-9f88c096]{margin:0;font-size:12px;font-weight:600}.clear-console-btn[data-v-9f88c096]{padding:2px 6px;background:#6c757d;color:#fff;border:none;border-radius:3px;font-size:10px;cursor:pointer}.console-messages[data-v-9f88c096]{max-height:40px;min-height:40px;overflow-y:scroll;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:#4CAF50 #f8f9fa;scroll-behavior:smooth}.console-messages[data-v-9f88c096]::-webkit-scrollbar{width:6px}.console-messages[data-v-9f88c096]::-webkit-scrollbar-track{background:#f8f9fa}.console-messages[data-v-9f88c096]::-webkit-scrollbar-thumb{background:#4caf50;border-radius:3px}.console-messages[data-v-9f88c096]::-webkit-scrollbar-thumb:hover{background:#45a049}.console-message[data-v-9f88c096]{font-family:monospace;font-size:12px;margin:1px 0;display:flex;gap:6px;line-height:1.2}.console-message.info[data-v-9f88c096]{color:#17a2b8}.console-message.success[data-v-9f88c096]{color:#28a745}.console-message.error[data-v-9f88c096]{color:#dc3545}.console-message.log[data-v-9f88c096]{color:#495057}.message-time[data-v-9f88c096]{color:#6c757d;flex-shrink:0}.message-content[data-v-9f88c096]{white-space:pre-line}.modal-overlay[data-v-9f88c096]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-9f88c096]{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:500px;width:90%}.modal-header[data-v-9f88c096]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ddd}.modal-header h3[data-v-9f88c096]{margin:0;font-size:18px}.close-btn[data-v-9f88c096]{background:none;border:none;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-9f88c096]{padding:16px}.error-message[data-v-9f88c096]{padding:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-family:system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;white-space:pre-line}.control-panel[data-v-9f88c096]{padding:12px 16px;background:#fffffff2;border-top:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 -2px 10px #0000001a;flex-shrink:0}.project-controls[data-v-9f88c096],.export-controls[data-v-9f88c096]{display:flex;align-items:center;gap:12px}.project-name-input[data-v-9f88c096]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px;transition:all .3s ease}.project-name-input[data-v-9f88c096]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.save-btn[data-v-9f88c096],.load-btn[data-v-9f88c096],.new-btn[data-v-9f88c096],.export-code-btn[data-v-9f88c096],.export-btn[data-v-9f88c096],.import-btn[data-v-9f88c096]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.save-btn[data-v-9f88c096]{background:#10b981;color:#fff}.save-btn[data-v-9f88c096]:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b98133}.load-btn[data-v-9f88c096]{background:#3b82f6;color:#fff}.load-btn[data-v-9f88c096]:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.new-btn[data-v-9f88c096]{background:#059669;color:#fff}.new-btn[data-v-9f88c096]:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 8px #05966933}.export-code-btn[data-v-9f88c096]{background:#6366f1;color:#fff}.export-code-btn[data-v-9f88c096]:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 8px #6366f133}.export-btn[data-v-9f88c096]{background:#8b5cf6;color:#fff}.export-btn[data-v-9f88c096]:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf633}.import-btn[data-v-9f88c096]{background:#f59e0b;color:#fff}.import-btn[data-v-9f88c096]:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b33}.modal-content.extra-large[data-v-9f88c096]{max-width:900px;width:95vw;height:700px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.help-modal[data-v-9f88c096]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-header h2[data-v-9f88c096]{margin:0;color:#333;font-size:1.25rem}.modal-header-buttons[data-v-9f88c096]{display:flex;gap:.5rem;align-items:center}.tutorial-btn-modal[data-v-9f88c096]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;text-decoration:none;display:flex;align-items:center;gap:.5rem}.tutorial-btn-modal[data-v-9f88c096]:hover{background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-1px);color:#fff;text-decoration:none}.help-modal-body[data-v-9f88c096]{padding:1.5rem;overflow-y:auto;flex:1;background:#fafafa}.help-section[data-v-9f88c096]{background:#fff;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.help-section h3[data-v-9f88c096]{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.1rem;border-bottom:2px solid #4CAF50;padding-bottom:.5rem}.help-section p[data-v-9f88c096]{margin-bottom:1rem;line-height:1.6;color:#555}.help-section ul[data-v-9f88c096],ol[data-v-9f88c096]{margin:0 0 1rem;padding-left:1.5rem}.help-section li[data-v-9f88c096]{margin-bottom:.5rem;line-height:1.5;color:#555}.command-item[data-v-9f88c096]{background:#f8f9fa;border-left:4px solid #4CAF50;padding:.75rem;margin:.5rem 0;border-radius:0 4px 4px 0}.command-name[data-v-9f88c096]{font-family:Courier New,monospace;font-weight:700;color:#2c3e50;font-size:.95rem}.command-desc[data-v-9f88c096]{color:#666;margin-top:.25rem;font-size:.9rem}.example-code[data-v-9f88c096]{background:#2d3748;color:#e2e8f0;padding:1rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.4;margin:1rem 0;overflow-x:auto}.example-code .comment[data-v-9f88c096]{color:#68d391}.example-code .function[data-v-9f88c096]{color:#63b3ed}.example-code .number[data-v-9f88c096]{color:#f687b3}.keyboard-shortcut[data-v-9f88c096]{display:inline-block;background:#e2e8f0;color:#2d3748;padding:.2rem .5rem;border-radius:3px;font-family:Courier New,monospace;font-size:.85rem;margin:0 .25rem;border:1px solid #cbd5e0}.close-btn[data-v-9f88c096]{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#666}.close-btn[data-v-9f88c096]:hover{background:#0000001a;color:#333}.save-form[data-v-9f88c096],.load-projects[data-v-9f88c096]{margin-bottom:1.5rem}.save-form label[data-v-9f88c096]{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.project-input[data-v-9f88c096]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-bottom:1rem;transition:border-color .2s ease}.project-input[data-v-9f88c096]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions[data-v-9f88c096]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn[data-v-9f88c096],.confirm-btn[data-v-9f88c096]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-9f88c096]{background:#6b7280;color:#fff}.cancel-btn[data-v-9f88c096]:hover{background:#4b5563}.confirm-btn[data-v-9f88c096]{background:#3b82f6;color:#fff}.confirm-btn[data-v-9f88c096]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.confirm-btn[data-v-9f88c096]:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auto-save-actions[data-v-9f88c096]{flex-direction:column;gap:.5rem;align-items:stretch}.auto-save-actions .confirm-btn[data-v-9f88c096],.auto-save-actions .cancel-btn[data-v-9f88c096],.auto-save-actions .ignore-btn[data-v-9f88c096]{justify-content:center;min-height:44px;font-weight:500}.save-now-btn[data-v-9f88c096]{background:#10b981!important;order:1}.save-now-btn[data-v-9f88c096]:hover{background:#059669!important}.remind-later-btn[data-v-9f88c096]{background:#f59e0b!important;color:#fff!important;order:2}.remind-later-btn[data-v-9f88c096]:hover{background:#d97706!important}.ignore-btn[data-v-9f88c096]{background:#6b7280!important;color:#fff!important;order:3;font-size:.875rem}.ignore-btn[data-v-9f88c096]:hover{background:#4b5563!important}.existing-projects[data-v-9f88c096],.load-projects[data-v-9f88c096]{margin-top:1.5rem}.existing-projects h4[data-v-9f88c096],.load-projects h4[data-v-9f88c096]{margin-bottom:1rem;color:#374151;font-size:1rem;font-weight:600}.project-list[data-v-9f88c096]{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.project-item[data-v-9f88c096]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.project-item[data-v-9f88c096]:last-child{border-bottom:none}.project-item[data-v-9f88c096]:hover{background:#f3f4f6}.project-item.selected[data-v-9f88c096]{background:#dbeafe;border-color:#3b82f6}.project-info[data-v-9f88c096]{display:flex;flex-direction:column;flex:1}.project-name[data-v-9f88c096]{font-weight:500;color:#111827;margin-bottom:.125rem}.project-date[data-v-9f88c096]{font-size:.75rem;color:#6b7280}.overwrite-warning[data-v-9f88c096]{font-size:.75rem;color:#dc2626;font-weight:500}.delete-btn[data-v-9f88c096]{background:#dc2626;color:#fff;border:none;border-radius:4px;padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:.5rem}.delete-btn[data-v-9f88c096]:hover{background:#b91c1c;transform:scale(1.05)}.no-projects[data-v-9f88c096]{text-align:center;padding:2rem;color:#6b7280}.no-projects p[data-v-9f88c096]{margin:0;font-size:1rem}