.header.svelte-latgvi{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-latgvi{display:flex;flex-direction:row;gap:30px;max-width:1400px;margin:40px auto;padding:30px;box-shadow:0 4px 12px #0000001a;border-radius:12px;background-color:#fff}h1.svelte-latgvi{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-latgvi{display:flex;flex-direction:column;gap:15px;flex:1;min-width:500px}.language-tabs.svelte-latgvi{display:flex;border-bottom:1px solid #ddd;margin-bottom:8px;padding-bottom:2px;align-items:center}.tab-button.svelte-latgvi{padding:10px 20px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;font-size:15px;transition:all .2s;border-radius:6px 6px 0 0}.tab-button.active.svelte-latgvi{border-bottom:2px solid #4CAF50;font-weight:700;background-color:#f5f5f5}.canvas-container.svelte-latgvi{border:1px solid #ccc;border-radius:8px;width:800px;height:800px;overflow:hidden;background-color:#fcfcfc}.code-display.svelte-latgvi{width:100%;height:665px;overflow-y:auto;border:1px solid #ddd;border-radius:8px;font-family:monospace;background-color:#f9f9f9;font-size:14px;line-height:1.5;box-shadow:inset 0 0 6px #0000000d}.code-line.svelte-latgvi{display:flex;padding:2px 4px;font-size:14px}.code-line.active.svelte-latgvi{background-color:#ffff004d;border-radius:4px}.line-number.svelte-latgvi{color:#999;margin-right:10px;text-align:right;width:25px;-webkit-user-select:none;user-select:none;font-size:14px}.editor-mode.svelte-latgvi{position:relative}.syntax-highlighting.svelte-latgvi{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;font-family:monospace;pointer-events:none;white-space:pre-wrap;overflow:auto;box-sizing:border-box;z-index:1;font-size:14px;line-height:1.5}.editor-mode.svelte-latgvi textarea:where(.svelte-latgvi){position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;font-family: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}pre.svelte-latgvi{margin:0;white-space:pre-wrap;flex-grow:1;font-size:14px;line-height:1.5}.code-line.active.svelte-latgvi pre:where(.svelte-latgvi) *{background:transparent!important}.playback-controls.svelte-latgvi{display:flex;align-items:center;gap:15px;margin:2px 0;padding:2px 0;border-radius:6px}.control-button.svelte-latgvi{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-latgvi:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 3px 5px #00000026}.control-button.svelte-latgvi:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.speed-control.svelte-latgvi{display:flex;align-items:center;margin-left:auto;background-color:#f5f5f5;padding:8px 12px;border-radius:6px}.speed-control.svelte-latgvi label:where(.svelte-latgvi){display:flex;align-items:center;gap:10px}.speed-control.svelte-latgvi input[type=range]:where(.svelte-latgvi){width:120px}@media (max-width: 1200px){.container.svelte-latgvi{flex-direction:column;align-items:center}.editor.svelte-latgvi{min-width:auto;width:100%}.canvas-container.svelte-latgvi{width:100%;max-width:800px;height:auto;aspect-ratio:1 / 1}}.lessons-dropdown.svelte-latgvi{display:flex;align-items:center;gap:8px;margin-left:auto}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi){padding:8px;border-radius:4px;border:1px solid #ddd;min-width:200px;font-size:14px}.file-actions.svelte-latgvi{display:flex;align-items:center;gap:8px}.icon-button.svelte-latgvi{padding:4px;border:none;background:none;cursor:pointer;font-size:24px;transition:color .2s}.icon-button.svelte-latgvi:hover{color:#4caf50}.copied{background-color:#4caf5033;border-radius:50%;transform:scale(1.1);transition:all .2s ease}.btn-icon.svelte-latgvi,.mobile-text.svelte-latgvi{display:none}.desktop-text.svelte-latgvi{display:inline}@media (max-width: 767px){.header.svelte-latgvi{margin:10px auto;padding-top:0;margin-bottom:.5rem}.container.svelte-latgvi{margin:15px auto;padding:15px;gap:10px}h1.svelte-latgvi{font-size:1.8rem;margin-bottom:.6rem;padding:.2rem 0}.btn-text.svelte-latgvi{display:none}.btn-icon.svelte-latgvi{display:inline}.control-button.svelte-latgvi{padding:6px 10px;min-width:36px;font-size:13px}.playback-controls.svelte-latgvi{gap:4px;padding:0;margin:0 0 3px}.speed-control.svelte-latgvi{padding:3px 5px}.speed-label.svelte-latgvi{display:none}.speed-control.svelte-latgvi input[type=range]:where(.svelte-latgvi){width:70px}.file-actions.svelte-latgvi{margin-left:auto}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi){min-width:120px;font-size:12px}.editor-mode.svelte-latgvi textarea:where(.svelte-latgvi),.syntax-highlighting.svelte-latgvi{padding:10px;font-size:13px}.canvas-container.svelte-latgvi{width:100%;max-width:100%;height:auto;aspect-ratio:1 / 1}.desktop-text.svelte-latgvi{display:none}.mobile-text.svelte-latgvi{display:inline}.tab-button.svelte-latgvi{padding:9px 14px;font-size:15px;min-width:45px}.language-tabs.svelte-latgvi{flex-wrap:wrap;gap:5px;margin-bottom:5px;padding-bottom:0}.lessons-dropdown.svelte-latgvi{order:2;width:100%;margin-top:4px}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi){max-width:120px;font-size:12px;padding:6px}.file-actions.svelte-latgvi{margin-left:auto;gap:6px}.icon-button.svelte-latgvi{padding:4px}.icon-button.svelte-latgvi img:where(.svelte-latgvi){width:18px;height:18px}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi) option[value=""]:where(.svelte-latgvi){font-size:0}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi) option[value=""]:where(.svelte-latgvi):before{content:"Lessons";font-size:12px}.language-tabs.svelte-latgvi{flex-wrap:nowrap;gap:2px;align-items:center}.tab-button.svelte-latgvi{padding:6px 8px;font-size:12px;min-width:30px}.file-actions.svelte-latgvi{margin-left:4px;margin-right:4px;gap:2px}.icon-button.svelte-latgvi{padding:2px}.icon-button.svelte-latgvi img:where(.svelte-latgvi){width:14px;height:14px}.lessons-dropdown.svelte-latgvi{order:0;width:auto;margin-top:0}.lessons-dropdown.svelte-latgvi select:where(.svelte-latgvi){max-width:80px;font-size:12px;padding:4px}.editor.svelte-latgvi{gap:8px}.code-display.svelte-latgvi{height:160px;font-size:10px}.editor-mode.svelte-latgvi textarea:where(.svelte-latgvi),.syntax-highlighting.svelte-latgvi{padding:8px;font-size:10px;line-height:1.4}.code-line.svelte-latgvi{font-size:10px;padding:1px 2px}.line-number.svelte-latgvi{font-size:10px;width:20px;margin-right:8px}pre.svelte-latgvi{font-size:10px;line-height:1.4}}@media (min-width: 768px) and (max-width: 1024px){.code-display.svelte-latgvi{height:400px}}