.LessonPlayer_player__LPbBu{max-width:1240px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.LessonPlayer_lessonHeader__ciZmc{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.LessonPlayer_progress__3BhXc{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.LessonPlayer_layout__9H5i3{display:grid;grid-template-columns:minmax(0,68fr) minmax(320px,32fr);grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.LessonPlayer_stage__mzKnh{position:relative;background:var(--white);border:1px solid var(--line-200);border-radius:var(--radius);overflow:hidden;height:min(72vh,680px);min-height:420px}.LessonPlayer_stage__mzKnh canvas{display:block;width:100%;height:100%;touch-action:none}.LessonPlayer_stageLoading__TW5E_{display:grid;place-items:center;height:100%;color:var(--ink-600);font-size:14px}.LessonPlayer_stageFallback__kRtJo{display:grid;align-content:center;grid-gap:var(--space-2);gap:var(--space-2);height:100%;padding:var(--space-6);text-align:left;background:var(--blue-100)}.LessonPlayer_stageFallback__kRtJo button{justify-self:start;margin-top:var(--space-2)}.LessonPlayer_toolbar__khFl9{position:absolute;left:var(--space-3);bottom:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap;background:hsla(0,0%,100%,.92);border:1px solid var(--line-200);border-radius:var(--radius-compact);padding:var(--space-2)}.LessonPlayer_panel__ip62M{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.LessonPlayer_actions__jQ6lL{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;margin-top:var(--space-3)}.LessonPlayer_hints__JlwHd{margin:var(--space-3) 0;padding-left:var(--space-5);font-size:14px;color:var(--ink-600)}.LessonPlayer_feedbackNo__ZKoNw,.LessonPlayer_feedbackOk__bR5Kq{font-size:14px;border-radius:var(--radius-compact);padding:var(--space-2) var(--space-3);margin-top:var(--space-3)}.LessonPlayer_feedbackOk__bR5Kq{background:rgba(18,165,148,.12);border-left:4px solid var(--teal-600)}.LessonPlayer_feedbackNo__ZKoNw{background:rgba(233,107,22,.12);border-left:4px solid var(--orange-600)}.LessonPlayer_sequence__DDkM4{margin:var(--space-3) 0;padding-left:var(--space-5);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.LessonPlayer_sequence__DDkM4 li{display:flex;align-items:center;gap:var(--space-3);font-size:15px}.LessonPlayer_sequenceButtons__HvIgH{margin-left:auto;display:flex;gap:var(--space-1)}.LessonPlayer_componentList__OlIh_{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.LessonPlayer_componentList__OlIh_ button{width:100%;text-align:left;display:flex;align-items:center;gap:var(--space-2)}.LessonPlayer_swatch__rGuvs{width:12px;height:12px;border-radius:3px;flex:none;border:1px solid rgba(0,0,0,.18)}.LessonPlayer_explanation__NS2Gx{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line-200)}.LessonPlayer_explanation__NS2Gx p{margin-bottom:var(--space-1)}@media (max-width:900px){.LessonPlayer_layout__9H5i3{grid-template-columns:1fr}.LessonPlayer_stage__mzKnh{height:58vh;min-height:340px;order:2}.LessonPlayer_panel__ip62M{order:1}}