.learning-demo-launch{flex:none;min-height:44px;font:500 15px/1.4 var(--work-font,inherit);margin-left:auto;white-space:normal}
.learning-demo-panel{position:fixed;right:24px;bottom:24px;z-index:1300;width:min(440px,calc(100vw - 48px));max-height:calc(100svh - 48px);overflow:auto;padding:20px 22px;border:1px solid var(--work-line,var(--line));border-radius:10px;background:var(--work-surface,var(--card));color:var(--work-ink,var(--ink));box-shadow:0 10px 42px #0003;font:400 16px/1.6 var(--work-font,inherit)}
.learning-demo-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.learning-demo-head h2{font:600 19px/1.4 var(--work-font,inherit);margin:0;letter-spacing:-.2px}
.learning-demo-head>.btn{font-size:14px;min-height:40px;padding:6px 10px;flex:none}
.learning-demo-progress{color:var(--work-muted,var(--muted));font-size:14px;margin:12px 0 6px}
.learning-demo-body{font-size:16px;line-height:1.6;margin:0 0 16px}
.learning-demo-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.learning-demo-actions>.btn{min-height:44px;font-size:15px;white-space:normal}
.learning-demo-help{display:block;width:100%;margin-top:5px;color:var(--work-accent,var(--primary));text-decoration:underline;text-underline-offset:3px;font-size:15px}
.learning-demo-highlight{outline:3px solid var(--work-accent,var(--primary));outline-offset:6px;scroll-margin-top:140px;scroll-margin-bottom:var(--learning-demo-height,260px)}
.learning-demo-running{scroll-padding-top:140px;scroll-padding-bottom:var(--learning-demo-height,260px)}
.learning-demo-running body{padding-bottom:var(--learning-demo-height,260px)}
.learning-demo-running #overlay.on .modal{padding-bottom:var(--learning-demo-height,260px)}
.learning-demo-chooser{width:min(650px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:24px;border:1px solid var(--work-line,var(--line));border-radius:10px;margin:auto;background:var(--work-surface,var(--card));color:var(--work-ink,var(--ink));font:400 16px/1.6 var(--work-font,inherit)}
.learning-demo-chooser::backdrop{background:#08101c99}
.learning-demo-chooser h2{font-size:24px;line-height:1.3;margin:0 0 12px}
.learning-demo-chooser p{margin:0 0 20px}
.learning-demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
.learning-demo-choices>.btn{justify-content:flex-start;text-align:left;min-height:52px;font-size:16px;white-space:normal}
@media(max-width:760px){
 .learning-demo-launch{margin-left:0;width:100%;text-align:left;justify-content:flex-start}
 .learning-demo-panel{right:8px;left:8px;bottom:8px;width:auto;max-height:46svh;padding:14px 16px;border-radius:8px}
 .learning-demo-head{gap:8px}.learning-demo-head h2{font-size:18px}.learning-demo-head>.btn{padding:5px 7px;font-size:13px}
 .learning-demo-progress{margin-top:8px}.learning-demo-body{margin-bottom:12px}
 .learning-demo-choices{grid-template-columns:1fr}.learning-demo-chooser{padding:20px}
}
@media(prefers-reduced-motion:reduce){.learning-demo-panel,.learning-demo-highlight{scroll-behavior:auto!important}}