.header.svelte-1p3tch6{max-width:1400px;margin:40px auto;padding-top:1rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;color:#2a2a72;text-align:center}.container.svelte-1p3tch6{display:flex;flex-direction:row;gap:20px;max-width:1800px;margin:20px auto;padding:20px;box-shadow:0 4px 12px #0000001a;border-radius:12px;background-color:#fff;min-height:800px}h1.svelte-1p3tch6{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;color:#2a2a72;text-align:center;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;border-bottom:3px solid #0071BD;text-shadow:1px 1px 2px rgba(0,0,0,.1);display:block}.editor.svelte-1p3tch6{display:flex;flex-direction:column;gap:15px;flex:1;min-width:400px}.editor-content.svelte-1p3tch6{display:flex;gap:15px;flex:1}.code-section.svelte-1p3tch6{flex:1;display:flex;flex-direction:column}.trace-panel.svelte-1p3tch6{flex:0 0 250px;display:flex;flex-direction:column}.canvas-panel.svelte-1p3tch6{flex:0 0 800px;display:flex;flex-direction:column}.canvas-container.svelte-1p3tch6{border:1px solid #ccc;border-radius:8px;width:800px;height:800px;overflow:hidden}.code-display.svelte-1p3tch6{width:100%;height:720px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;font-family:monospace;background-color:#f9f9f9;font-size:13px;line-height:1.4;box-sizing:border-box}.editor-mode.svelte-1p3tch6{position:relative}.syntax-highlighting.svelte-1p3tch6{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 15px 15px 0;font-family:Consolas,Monaco,Courier New,monospace;pointer-events:none;white-space:pre-wrap;overflow:hidden!important;box-sizing:border-box;z-index:1;font-size:14px;line-height:1.5;margin:0}.editor-mode.svelte-1p3tch6 textarea:where(.svelte-1p3tch6){position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;padding-left:calc(3.8em + 15px);font-family:Consolas,Monaco,Courier New,monospace;border:none;outline:none;background-color:transparent;color:transparent;caret-color:#000;resize:none;white-space:pre-wrap;-moz-tab-size:2;tab-size:2;font-size:14px;line-height:1.5;overflow:auto;z-index:2;margin:0;box-sizing:border-box}.syntax-highlighting.svelte-1p3tch6 pre.line-numbers{position:relative;padding-left:calc(3.8em + 15px)!important;padding-top:0!important;padding-bottom:0!important;padding-right:15px!important;counter-reset:linenumber;margin:0!important;overflow:hidden!important}.syntax-highlighting.svelte-1p3tch6 .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:14px;left:-4.2em;width:3.8em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none;line-height:1.5;box-sizing:border-box;padding-left:15px}.syntax-highlighting.svelte-1p3tch6 .line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right;height:1.5em;line-height:1.5}.controls.svelte-1p3tch6{display:flex;align-items:center;gap:15px;padding:10px 0}.control-button.svelte-1p3tch6{padding:10px 18px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s;box-shadow:0 2px 4px #0000001a}.control-button.svelte-1p3tch6:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 3px 5px #00000026}.control-button.svelte-1p3tch6:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.control-button.active.svelte-1p3tch6{background-color:#f44336}.speed-control.svelte-1p3tch6{display:flex;align-items:center;margin-left:auto;background-color:#f5f5f5;padding:8px 12px;border-radius:6px}.speed-control.svelte-1p3tch6 label:where(.svelte-1p3tch6){display:flex;align-items:center;gap:10px}.speed-control.svelte-1p3tch6 input[type=range]:where(.svelte-1p3tch6){width:120px}.btn-icon.svelte-1p3tch6{display:none}.btn-text.svelte-1p3tch6,.speed-label.svelte-1p3tch6{display:inline}@media (max-width: 1400px){.container.svelte-1p3tch6{flex-direction:column;max-width:1200px}.canvas-panel.svelte-1p3tch6{flex:none;order:3}.canvas-container.svelte-1p3tch6{width:100%;max-width:500px;margin:0 auto}.editor.svelte-1p3tch6{min-width:auto;width:100%}.editor-content.svelte-1p3tch6{gap:10px}.trace-panel.svelte-1p3tch6{flex:0 0 250px}}@media (max-width: 767px){.header.svelte-1p3tch6{margin:10px auto;padding-top:0;margin-bottom:.5rem}.container.svelte-1p3tch6{margin:15px auto;padding:15px;gap:10px;min-height:auto}h1.svelte-1p3tch6{font-size:1.8rem;margin-bottom:.6rem;padding:.2rem 0}.editor.svelte-1p3tch6,.editor-content.svelte-1p3tch6{gap:8px}.controls.svelte-1p3tch6{gap:4px;padding:0;margin:0 0 3px;flex-wrap:wrap}.btn-text.svelte-1p3tch6{display:none}.btn-icon.svelte-1p3tch6{display:inline}.control-button.svelte-1p3tch6{padding:6px 10px;min-width:36px;font-size:13px}.speed-control.svelte-1p3tch6{padding:3px 5px;margin-left:auto}.speed-label.svelte-1p3tch6{display:none}.speed-control.svelte-1p3tch6 input[type=range]:where(.svelte-1p3tch6){width:70px}.code-display.svelte-1p3tch6{height:160px;font-size:10px}.editor-mode.svelte-1p3tch6 textarea:where(.svelte-1p3tch6),.syntax-highlighting.svelte-1p3tch6{padding:8px;font-size:10px;line-height:1.4}.canvas-container.svelte-1p3tch6{width:300px;height:300px;margin:0 auto;border:1px solid #ccc;border-radius:8px;overflow:hidden;background-color:gray}.canvas-container canvas{border:1px solid #ccc}.trace-panel.svelte-1p3tch6{flex:0 0 120px}.trace-table-container.svelte-1p3tch6{height:160px;padding:6px;font-size:9px}.trace-settings.svelte-1p3tch6{gap:3px;margin-bottom:6px;padding:3px}.trace-settings.svelte-1p3tch6 label:where(.svelte-1p3tch6){font-size:9px}.trace-settings.svelte-1p3tch6 input[type=text]:where(.svelte-1p3tch6){padding:2px 3px;font-size:9px}.trace-table.svelte-1p3tch6{font-size:8px}.trace-table.svelte-1p3tch6 th:where(.svelte-1p3tch6){padding:2px 3px;font-size:8px}.trace-table.svelte-1p3tch6 td:where(.svelte-1p3tch6){padding:1px 3px;font-size:7px;line-height:1.1}.variable-controls.svelte-1p3tch6{padding:6px}.variable-controls.svelte-1p3tch6 h4:where(.svelte-1p3tch6){font-size:12px;margin-bottom:6px}.variable-control.svelte-1p3tch6{margin-bottom:4px}.variable-control.svelte-1p3tch6 label:where(.svelte-1p3tch6){font-size:10px}.variable-control.svelte-1p3tch6 input:where(.svelte-1p3tch6){font-size:10px;padding:3px}.desktop-text.svelte-1p3tch6{display:none}.mobile-text.svelte-1p3tch6{display:inline}.desktop-placeholder.svelte-1p3tch6{display:none}.mobile-placeholder.svelte-1p3tch6{display:inline-block}}@media (min-width: 768px) and (max-width: 1024px){.code-display.svelte-1p3tch6,.trace-table-container.svelte-1p3tch6{height:400px}}.trace-table-container.svelte-1p3tch6{padding:8px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;height:720px;overflow-y:auto;font-size:12px;display:flex;flex-direction:column}.trace-settings.svelte-1p3tch6{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;padding:4px;background-color:#f0f0f0;border-radius:4px;flex-shrink:0}.trace-settings.svelte-1p3tch6 label:where(.svelte-1p3tch6){font-size:11px;font-weight:500}.trace-settings.svelte-1p3tch6 input[type=text]:where(.svelte-1p3tch6){padding:2px 4px;border:1px solid #ccc;border-radius:3px;font-size:10px;width:100%}.trace-table.svelte-1p3tch6{width:100%;border-collapse:collapse;font-size:11px;flex:1;overflow-y:auto}.trace-table.svelte-1p3tch6 th:where(.svelte-1p3tch6){background-color:#4caf50;color:#fff;padding:4px 6px;text-align:left;font-weight:600;font-size:10px;position:sticky;top:0;z-index:1}.trace-table.svelte-1p3tch6 td:where(.svelte-1p3tch6){padding:2px 6px;border-bottom:1px solid #eee;font-family:monospace;font-size:10px;line-height:1.2;vertical-align:top}.trace-table.svelte-1p3tch6 td:where(.svelte-1p3tch6):first-child{font-weight:500;color:#333;white-space:nowrap}.trace-table.svelte-1p3tch6 td:where(.svelte-1p3tch6):last-child{color:#666;word-break:break-all;max-width:0}.trace-table.svelte-1p3tch6 tbody:where(.svelte-1p3tch6){display:block;max-height:calc(100% - 30px);overflow-y:auto}.trace-table.svelte-1p3tch6 thead:where(.svelte-1p3tch6),.trace-table.svelte-1p3tch6 tbody:where(.svelte-1p3tch6) tr:where(.svelte-1p3tch6){display:table;width:100%;table-layout:fixed}@media (max-width: 1400px){.trace-panel.svelte-1p3tch6{flex:0 0 200px}.trace-table-container.svelte-1p3tch6{height:400px}}@media (max-width: 767px){.trace-panel.svelte-1p3tch6{flex:0 0 100px}.trace-table-container.svelte-1p3tch6{height:160px;padding:4px;font-size:8px}.trace-settings.svelte-1p3tch6{gap:2px;margin-bottom:4px;padding:2px}.trace-settings.svelte-1p3tch6 label:where(.svelte-1p3tch6){font-size:8px}.trace-settings.svelte-1p3tch6 input[type=text]:where(.svelte-1p3tch6){padding:1px 2px;font-size:8px}.trace-table.svelte-1p3tch6{font-size:8px}.trace-table.svelte-1p3tch6 th:where(.svelte-1p3tch6){padding:2px 3px;font-size:8px}.trace-table.svelte-1p3tch6 td:where(.svelte-1p3tch6){padding:1px 3px;font-size:7px;line-height:1.1}}@media (min-width: 768px) and (max-width: 1024px){.trace-table-container.svelte-1p3tch6{height:400px}}.desktop-text.svelte-1p3tch6{display:inline}.mobile-text.svelte-1p3tch6{display:none}.desktop-placeholder.svelte-1p3tch6{display:inline-block}.mobile-placeholder.svelte-1p3tch6{display:none}.lessons-dropdown.svelte-1p3tch6{display:flex;align-items:center;gap:8px}.lessons-dropdown.svelte-1p3tch6 select:where(.svelte-1p3tch6){padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:14px;min-width:200px}.lessons-dropdown.svelte-1p3tch6 select:where(.svelte-1p3tch6):disabled{background-color:#f5f5f5;color:#999}.loading-text.svelte-1p3tch6{font-size:12px;color:#666;font-style:italic}@media (max-width: 767px){.lessons-dropdown.svelte-1p3tch6 select:where(.svelte-1p3tch6){min-width:80px;font-size:12px;padding:6px 8px}.loading-text.svelte-1p3tch6{font-size:10px}}.control-button.start-button.svelte-1p3tch6{background-color:#4caf50}.control-button.start-button.svelte-1p3tch6:hover{background-color:#45a049}.control-button.pause-button.svelte-1p3tch6{background-color:#ff9800}.control-button.pause-button.svelte-1p3tch6:hover{background-color:#f57c00}.control-button.restart-button.svelte-1p3tch6{background-color:#2196f3}.control-button.restart-button.svelte-1p3tch6:hover{background-color:#1976d2}.control-button.restart-button.svelte-1p3tch6:disabled{background-color:#ccc;cursor:not-allowed}