._container_1ducp_1{min-height:100vh;background:var(--color-neutral-1);display:flex;flex-direction:column}._header_1ducp_8{background:var(--color-neutral-2);border-bottom:1px solid var(--color-neutral-6);padding:var(--space-4) var(--space-6)}._headerContent_1ducp_14{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}._backLink_1ducp_23{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-neutral-11);text-decoration:none;font:var(--font-body);transition:color .2s var(--ease)}._backLink_1ducp_23:hover{color:var(--color-accent-9)}._backIcon_1ducp_37{width:18px;height:18px}._lessonInfo_1ducp_42{flex:1;text-align:center}._lessonNumber_1ducp_47{font:var(--font-caption);color:var(--color-accent-9);font-weight:700;text-transform:uppercase;letter-spacing:var(--font-letterspacing-2);font-size:var(--font-size-00)}._lessonTitle_1ducp_56{font:var(--font-heading);color:var(--color-neutral-12);margin:var(--space-1) 0 0;font-size:var(--font-size-3)}._navigation_1ducp_63{display:flex;gap:var(--space-3)}._navButton_1ducp_68{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-magenta-9);color:var(--color-magenta-contrast);border:none;border-radius:var(--radius-2);font:var(--font-body);font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s var(--ease)}._navButton_1ducp_68:hover{background:var(--color-magenta-10);box-shadow:0 0 20px var(--color-magenta-6)}._navButton_1ducp_68:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}._navButton_1ducp_68:disabled:hover{background:var(--color-magenta-9)}._navIcon_1ducp_99{width:16px;height:16px}._contentSection_1ducp_104{background:var(--color-neutral-2);border-bottom:1px solid var(--color-neutral-6)}._contentToggle_1ducp_109{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background:transparent;border:none;cursor:pointer;color:var(--color-accent-9);font:var(--font-subheading);font-size:var(--font-size-2);font-weight:600;text-transform:uppercase;letter-spacing:var(--font-letterspacing-1);transition:all .2s var(--ease)}._contentToggle_1ducp_109:hover{background:var(--color-neutral-3);color:var(--color-accent-10)}._contentToggleLabel_1ducp_132{flex:1;text-align:left}._contentToggleIcon_1ducp_137{width:20px;height:20px}._contentPanel_1ducp_142{padding:var(--space-6);background:var(--color-neutral-1);border-top:1px solid var(--color-neutral-6);max-width:1600px;margin:0 auto}._main_1ducp_150{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1600px;width:100%;margin:0 auto;overflow:hidden}._panel_1ducp_161{display:flex;flex-direction:column;border-right:1px solid var(--color-neutral-6);overflow:hidden}._panel_1ducp_161:last-child{border-right:none}._panelHeader_1ducp_172{background:var(--color-neutral-2);border-bottom:1px solid var(--color-neutral-6);padding:var(--space-3) var(--space-5)}._panelTitle_1ducp_178{font:var(--font-subheading);color:var(--color-accent-9);margin:0;font-size:var(--font-size-2);font-weight:600;text-transform:uppercase;letter-spacing:var(--font-letterspacing-1)}._panelContent_1ducp_188{flex:1;overflow-y:auto;padding:var(--space-6);background:var(--color-neutral-1)}._content_1ducp_104{font:var(--font-body);color:var(--color-neutral-11);line-height:var(--font-lineheight-4)}._content_1ducp_104 h3{font:var(--font-subheading);color:var(--color-neutral-12);margin:var(--space-6) 0 var(--space-3);font-size:var(--font-size-2)}._content_1ducp_104 h3:first-child{margin-top:0}._content_1ducp_104 p{margin:0 0 var(--space-4)}._content_1ducp_104 strong{color:var(--color-neutral-12);font-weight:600}._codePanel_1ducp_221{background:var(--color-neutral-2);padding:0}._codeBlock_1ducp_226{font:var(--font-code);color:var(--color-neutral-12);background:var(--color-neutral-2);margin:0;padding:var(--space-6);overflow-x:auto;line-height:var(--font-lineheight-3);white-space:pre;tab-size:2}._canvasWrapper_1ducp_238{display:flex;align-items:center;justify-content:center;background:var(--color-neutral-1);padding:var(--space-6)}._canvas_1ducp_238{width:100%;max-width:500px;aspect-ratio:1;background:#000;border-radius:var(--radius-2);box-shadow:0 0 40px var(--color-accent-3)}@media(max-width:1024px){._main_1ducp_150{grid-template-columns:1fr;grid-template-rows:auto 1fr}._panel_1ducp_161{border-right:none;border-bottom:1px solid var(--color-neutral-6)}._panel_1ducp_161:last-child{border-bottom:none}._canvasWrapper_1ducp_238{min-height:400px}}