.styles_wrap__JgQqB{flex-direction:column;height:100%;overflow:hidden;background:var(--bg)}.styles_header__ozpJK,.styles_wrap__JgQqB{display:flex;border-bottom:1px solid var(--border)}.styles_header__ozpJK{align-items:center;justify-content:space-between;padding:8px 16px;background:var(--surface);flex-shrink:0;gap:12px}.styles_headerLeft__ddD7z{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.styles_headerRight__8_P4S{display:flex;align-items:center;gap:10px;flex-shrink:0}.styles_headerTitle__Y3dTn{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}.styles_accent___NjSM{color:#f97316}.styles_lessonBreadcrumb__9Yc8E{font-size:12px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.styles_progressBadge__aSCd6{font-size:11px;background:rgba(249,115,22,.1);color:#c2410c;border-radius:20px;padding:3px 10px;font-weight:600;white-space:nowrap}.styles_tooltipWrap__d_C7r{position:relative;flex-shrink:0}.styles_tooltipWrap__d_C7r:hover .styles_tooltip__1fLV4{opacity:1;transform:translateY(0);pointer-events:none}.styles_tooltip__1fLV4{position:absolute;top:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(-4px);background:var(--text);color:var(--bg);font-size:11px;font-weight:500;font-family:var(--font-ui);white-space:nowrap;padding:5px 10px;border-radius:6px;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;z-index:100}.styles_tooltip__1fLV4:before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom:5px solid var(--text)}.styles_sidebarToggle__EZxl2{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--text2);cursor:pointer;border-radius:6px;flex-shrink:0;transition:background .12s,color .12s}.styles_sidebarToggle__EZxl2:hover{background:var(--surface2);color:var(--text)}.styles_body__K0VWx{display:flex;flex:1 1;overflow:hidden;min-height:0}.styles_sidebar__MHf7r{width:220px;flex-shrink:0;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface);padding:0 0 12px}.styles_sidebarTopBar__zyA55{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-bottom:1px solid var(--border)}.styles_sidebarHideBtn__NRplK{display:flex;align-items:center;padding:3px 5px;border-radius:5px;border:1px solid var(--border2);background:none;color:var(--text3);cursor:pointer;transition:background .12s,color .12s}.styles_sidebarHideBtn__NRplK:hover{background:var(--surface2);color:var(--text)}.styles_sidebarReopenTab__N34ZW{display:flex;flex-direction:column;align-items:center;gap:6px;width:28px;padding:14px 0;flex-shrink:0;border:none;border-right:1px solid var(--border);background:var(--surface);color:var(--text3);cursor:pointer;transition:background .12s,color .12s}.styles_sidebarReopenTab__N34ZW:hover{background:var(--surface2);color:#f97316}.styles_sidebarReopenLabel__OGkMn{font-size:10px;font-weight:700;font-family:var(--font-ui);writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;letter-spacing:.06em;text-transform:uppercase}.styles_sidebarProgress__HIC4k{padding:10px 12px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);margin-bottom:4px}.styles_progressLabel__8_B_e{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--text2)}.styles_progressCount__i4JQ5{font-size:10px;font-weight:700;color:#c2410c;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.25);border-radius:20px;padding:2px 8px;white-space:nowrap}.styles_progressBar__qIUFd{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.styles_progressFill__CsRGJ{height:100%;background:#f97316;border-radius:2px;transition:width .3s ease}.styles_progressText__wtq6v{font-size:10px;color:var(--text3);font-style:italic}.styles_searchWrap__th_kc{padding:6px 10px;border-bottom:1px solid var(--border)}.styles_searchInput__LMM_K{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:11px;color:var(--text);outline:none;font-family:var(--font-ui)}.styles_searchInput__LMM_K::placeholder{color:var(--text3)}.styles_searchInput__LMM_K:focus{border-color:#f97316}.styles_chapterGroup__nrVd4{padding-bottom:8px}.styles_chapterTitle__fqlWm{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:8px 12px 4px}.styles_lessonBtn__LJikE{width:100%;text-align:left;background:none;border:none;padding:6px 12px 6px 10px;font-size:13px;color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s;font-family:var(--font-ui,inherit)}.styles_lessonBtn__LJikE:hover{background:var(--surface2)}.styles_lessonBtnActive__XvZBL{background:rgba(249,115,22,.1);color:#c2410c;font-weight:600}.styles_lessonBtnActive__XvZBL:hover{background:rgba(249,115,22,.15)}.styles_lessonDot__Mr4mV{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border2,var(--border));font-size:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#16a34a;transition:background .15s,border-color .15s}.styles_lessonBtnDone__JkGj4 .styles_lessonDot__Mr4mV{background:rgba(22,163,74,.15);border-color:rgba(22,163,74,.4);color:#16a34a}.styles_lessonBtnActive__XvZBL .styles_lessonDot__Mr4mV{border-color:#f97316}.styles_main__E1hKw{flex:1 1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:24px;min-width:0}.styles_lessonTitle__uxj37{font-size:22px;font-weight:700;color:var(--text);margin:0 0 12px}.styles_conceptText__aGXfa{font-size:14px;line-height:1.75;color:var(--text2);display:flex;flex-direction:column;gap:10px}.styles_conceptText__aGXfa p{margin:0}.styles_demoSection__T_KUM{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.styles_demoHeader__VFwT4{padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface2,var(--surface))}.styles_demoSectionLabel__XWAq4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.styles_demoWrap__cQ_uF{padding:16px}.styles_demoLabel__RZELs{font-size:13px;color:var(--text2);margin:0 0 12px}.styles_demoNote__NwOOR{font-size:11px;color:var(--text3);margin:10px 0 0;font-style:italic}.styles_pickerBtns__nrf5V{display:flex;flex-wrap:wrap;gap:8px}.styles_pickerBtn__3qxim{padding:6px 14px;border-radius:6px;border:1px solid var(--border2,var(--border));background:var(--surface2,var(--bg));color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;font-family:var(--font-ui,inherit)}.styles_pickerBtnActive__1C7aI,.styles_pickerBtn__3qxim:hover{border-color:#f97316;color:#c2410c}.styles_pickerBtnActive__1C7aI{background:rgba(249,115,22,.1)}.styles_toggleBtns__Cp1Fc{display:flex;flex-wrap:wrap;gap:8px}.styles_toggleBtn__wbf1A{padding:6px 14px;border-radius:6px;border:1px solid var(--border2,var(--border));background:var(--surface2,var(--bg));color:var(--text2);font-size:12px;font-weight:600;cursor:pointer;transition:all .12s;font-family:var(--font-ui,inherit);display:flex;align-items:center;gap:2px}.styles_toggleBtnActive__BDldH,.styles_toggleBtn__wbf1A:hover{border-color:#16a34a;color:#16a34a}.styles_toggleBtnActive__BDldH{background:rgba(22,163,74,.1)}.styles_toggleNote__tfbRq{font-size:10px;color:var(--text3);margin-left:4px;font-weight:400}.styles_sandboxTextarea__zPExL{width:100%;min-height:120px;background:var(--bg);border:1px solid var(--border2,var(--border));border-radius:6px;padding:10px;font-size:13px;font-family:var(--font-mono,monospace);color:var(--text);resize:vertical;outline:none;box-sizing:border-box;transition:border-color .12s}.styles_sandboxTextarea__zPExL:focus{border-color:#f97316}.styles_outputWrap___aQ9v{display:flex;flex-direction:column}.styles_outputSection__VwE0H{display:flex;gap:0;min-height:180px;border:1px solid var(--border);border-radius:10px 10px 0 0;overflow:hidden;flex-shrink:0}.styles_heightHandle__019IF{height:8px;background:var(--border);cursor:row-resize;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;flex-shrink:0;transition:background .15s}.styles_heightHandle__019IF:hover{background:#f97316}.styles_heightHandleLine__G4LpF{width:32px;height:2px;background:currentColor;border-radius:1px;opacity:.4}.styles_codePane__YF0tR,.styles_previewPane__1JXwq{display:flex;flex-direction:column;overflow:hidden;min-width:0}.styles_splitHandle__FJVTI{width:8px;flex-shrink:0;background:var(--border);cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background .15s;position:relative}.styles_splitHandle__FJVTI:active,.styles_splitHandle__FJVTI:hover{background:#f97316}.styles_splitHandleLine__QupKS{width:2px;height:32px;background:currentColor;border-radius:1px;opacity:.4}.styles_paneLabel__0E_YR{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3);padding:6px 12px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.styles_iframe__5iMUg{flex:1 1;border:none;width:100%;min-height:0;background:white}.styles_codeBlock__4QoZ1{flex:1 1;margin:0;padding:12px;font-size:12px;line-height:1.6;font-family:var(--font-mono,monospace);color:var(--text2);overflow:auto;background:var(--surface2,var(--surface));white-space:pre-wrap;word-break:break-all}.styles_lessonNav__xnweU{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border);margin-top:8px;gap:8px}.styles_navBtn__6SYj_{padding:8px 18px;border-radius:8px;border:1px solid var(--border2,var(--border));background:var(--surface2,var(--surface));color:var(--text2);font-size:13px;font-weight:600;font-family:var(--font-ui,inherit);cursor:pointer;transition:all .12s}.styles_navBtn__6SYj_:hover:not(:disabled){border-color:#f97316;color:#c2410c}.styles_navBtn__6SYj_:disabled{opacity:.35;cursor:default}.styles_navBtnNext__HEfgA{margin-left:auto}@media (max-width:768px){.styles_sidebar__MHf7r{display:none}.styles_main__E1hKw{padding:16px;gap:16px}.styles_outputSection__VwE0H{flex-direction:column}.styles_splitHandle__FJVTI{width:100%;height:8px;cursor:row-resize}.styles_lessonTitle__uxj37{font-size:18px}.styles_headerTitle__Y3dTn{font-size:13px}.styles_lessonBreadcrumb__9Yc8E{display:none}}.styles_copyBtn__F0e3v{padding:2px 10px;border-radius:5px;border:1px solid var(--border2);background:var(--surface2);color:var(--text3);font-size:10px;font-weight:600;font-family:var(--font-ui);cursor:pointer;text-transform:none;letter-spacing:0;transition:border-color .12s,color .12s}.styles_copyBtn__F0e3v:hover{border-color:#f97316;color:#c2410c}.styles_copyBtnDone__fg43g{border-color:#16a34a!important;color:#16a34a!important;background:rgba(22,163,74,.08)!important}.styles_codeLine__adary{transition:background .1s;border-radius:2px}.styles_codeLineChanged__4x9XA{background:rgba(249,115,22,.15);animation:styles_lineFlash__Mm2gF .8s ease-out forwards}@keyframes styles_lineFlash__Mm2gF{0%{background:rgba(249,115,22,.3)}to{background:transparent}}.styles_lessonContent__beiNB{display:flex;flex-direction:column;gap:24px;animation:styles_lessonFadeIn__ejAvR .2s ease-out}@keyframes styles_lessonFadeIn__ejAvR{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.styles_noteCallout__dooBx{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;background:rgba(249,115,22,.07);border-left:3px solid #f97316;border-radius:0 6px 6px 0;font-size:12px;color:var(--text2);line-height:1.5}.styles_noteIcon__cKJXb{font-size:13px;flex-shrink:0;margin-top:1px}.styles_keyboardHint__bLFWN{font-size:10px;color:var(--text3);margin:8px 0 0;display:flex;align-items:center;gap:4px}.styles_keyboardHint__bLFWN kbd{display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border2);border-radius:3px;padding:1px 5px;font-size:9px;font-family:var(--font-mono,monospace);color:var(--text2)}.styles_challengeBox__OGRFC{border:1.5px solid rgba(249,115,22,.3);border-radius:12px;padding:16px;background:rgba(249,115,22,.04);max-width:600px}.styles_challengeHeader__Nr6o2{display:flex;align-items:center;gap:8px;margin-bottom:10px}.styles_challengeIcon__fca_e{font-size:18px}.styles_challengeTitle__viG0r{font-size:13px;font-weight:700;color:var(--text)}.styles_challengePrompt__803K8{font-size:13px;color:var(--text2);margin:0 0 12px;line-height:1.5}.styles_challengeOptions__xCSCM{display:flex;flex-wrap:wrap;gap:8px}.styles_challengeOpt__jJpoH{padding:6px 16px;border-radius:6px;border:1px solid var(--border2);background:var(--surface2);color:var(--text2);font-size:13px;font-weight:600;font-family:var(--font-mono,monospace);cursor:pointer;transition:all .12s}.styles_challengeOpt__jJpoH:hover:not(:disabled){border-color:#f97316;color:#c2410c}.styles_challengeOpt__jJpoH:disabled{cursor:default}.styles_challengeCorrect__rMjJh{background:rgba(22,163,74,.1)!important;border-color:#16a34a!important;color:#16a34a!important}.styles_challengeWrong__WTw_2{background:rgba(239,68,68,.1)!important;border-color:#dc2626!important;color:#dc2626!important}.styles_challengeMsgRight__fukF7{margin:10px 0 0;font-size:12px;color:#16a34a;font-weight:600}.styles_challengeMsgWrong__fkaOg{margin:10px 0 0;font-size:12px;color:#dc2626}.styles_challengeDone__3kmm6{font-size:13px;font-weight:600;color:#16a34a;padding:10px 14px;background:rgba(22,163,74,.08);border:1px solid rgba(22,163,74,.25);border-radius:8px;max-width:400px}.styles_infoBlock__L_E4R{margin-top:14px;display:flex;flex-direction:column;gap:10px}.styles_infoCode__IF2xs{background:var(--bg);border:1px solid var(--border2);border-radius:8px;padding:14px 16px;font:13px/1.7 var(--font-mono);overflow-x:auto;margin:0}.styles_infoDesc__6HzX_{font-size:13px;color:var(--text2);line-height:1.65;margin:0}