@import"/assets/ui/index.css";.app-header{height:56px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 20px}.app-header .workspace-nav{justify-self:center}.header-tools{justify-self:end}.lessons-page{display:grid;grid-template-columns:220px minmax(0,1fr) 340px;gap:12px;padding:0 12px 12px;height:calc(100dvh - 56px)}.lesson-nav{display:flex;flex-direction:column;gap:6px;overflow:auto}.lesson-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:12px}.lesson-stage{position:relative;min-width:0;overflow:hidden}#lesson-scene{position:absolute;inset:0;width:100%;height:100%;display:block}.lesson-hud{position:absolute;top:20px;left:22px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.lesson-readout{position:absolute;left:22px;right:22px;bottom:64px;margin:0;pointer-events:none}.lesson-timeline{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:12px}.lesson-timeline input{flex:1}.lesson-hint{position:absolute;right:22px;top:24px;margin:0;pointer-events:none}.lesson-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}.lesson-panel{overflow:auto;padding:20px}.lesson-scenarios{display:flex;flex-direction:column;gap:6px;margin:14px 0 0}.lesson-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.lesson-steps button{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:10px 12px}@media(max-width:1100px){.lessons-page{grid-template-columns:1fr;height:auto}.lesson-nav{flex-direction:row;overflow-x:auto}.lesson-nav button{flex:none}.lesson-stage{height:62dvh}.lesson-hint{display:none}}@media(max-width:640px){.app-header{display:flex;flex-wrap:wrap;height:auto;padding:12px}.lesson-stage{height:56dvh}}.app-header{padding-top:env(safe-area-inset-top)}.lessons-page{padding-bottom:max(12px,env(safe-area-inset-bottom))}.lesson-hud{right:22px}.lesson-hud h1{overflow-wrap:anywhere}.lesson-timeline input,.lesson-panel{min-width:0}@media(max-width:1100px){.app-header{display:flex;flex-wrap:wrap;height:auto;gap:10px;padding:12px}.app-header .workspace-nav{order:3;flex:1 1 100%;justify-content:center}.header-tools{margin-left:auto}.lesson-nav{min-width:0;max-width:100%;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.lesson-nav button{scroll-snap-align:start;max-width:240px}.lesson-stage{height:clamp(480px,62dvh,680px)}.lesson-panel{overflow:visible}.lesson-label{max-width:46%;white-space:normal}.lesson-readout{bottom:84px}}@media(max-width:640px){.lesson-timeline{gap:6px;left:10px;right:10px}.lesson-readout,.lesson-hud{left:16px;right:16px}}