.lesson-pg{border:1.5px solid var(--border, #e2e8f0);border-radius:10px;overflow:hidden;margin:2rem 0;background:#0d1117;box-shadow:0 4px 24px #0000002e}.lesson-pg-trigger{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;cursor:pointer;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06);user-select:none;transition:background .15s}.lesson-pg-trigger:hover{background:#1c2230}.lesson-pg-trigger-left{display:flex;align-items:center;gap:.85rem}.lesson-pg-icon{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#16a34a,#15803d);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;flex-shrink:0}.lesson-pg-trigger-title{font-size:.88rem;font-weight:700;color:#e6edf3}.lesson-pg-trigger-sub{font-size:.72rem;color:#8b949e;margin-top:.05rem}.lesson-pg-trigger-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#8b949e;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;flex-shrink:0;transition:background .15s,color .15s;padding:0}.lesson-pg-trigger-btn:hover{background:#ffffff1f;color:#fff}.lesson-pg-chevron{transition:transform .25s}.lesson-pg.is-open .lesson-pg-chevron{transform:rotate(180deg)}.lesson-pg-toolbar{background:#161b22;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;flex-wrap:wrap}.lesson-pg-langs{display:flex;gap:.3rem;flex-wrap:wrap}.lesson-pg-lang-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#8b949e;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.25rem}.lesson-pg-lang-btn:hover{background:#ffffff24;color:#e6edf3}.lesson-pg-lang-btn.active{background:#238636;border-color:#2ea043;color:#fff}.lesson-pg-actions{display:flex;gap:.35rem;margin-left:auto}.lesson-pg-run{background:linear-gradient(90deg,#16a34a,#15803d);color:#fff;border:none;font-size:.78rem;font-weight:700;padding:.3rem .9rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:opacity .15s}.lesson-pg-run:hover{opacity:.88}.lesson-pg-run:disabled{opacity:.45;cursor:not-allowed}.lesson-pg-kbd{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:3px;padding:.02rem .3rem;font-size:.62rem}.lesson-pg-reset{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#8b949e;font-size:.78rem;width:28px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;padding:0}.lesson-pg-reset:hover{background:#ffffff24;color:#fff}.lesson-pg-split{display:flex;min-height:0;height:340px}.lesson-pg-editor-col{flex:1;min-width:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.lesson-pg-editor-col .CodeMirror{flex:1;height:340px!important;font-family:Fira Code,Courier New,monospace;font-size:.83rem;line-height:1.65}.lesson-pg-editor-col .CodeMirror-scroll{height:340px}.lesson-pg-output-col{width:38%;display:flex;flex-direction:column;background:#0d1117;min-width:0}.lesson-pg-output-label{background:#161b22;color:#8b949e;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.3rem .75rem;display:flex;align-items:center;gap:.35rem;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.lesson-pg-console{flex:1;overflow-y:auto;padding:.6rem .8rem;font-family:Fira Code,Courier New,monospace;font-size:.78rem}.lesson-pg-console-line{padding:.05rem 0;line-height:1.6;white-space:pre-wrap;word-break:break-all}.lesson-pg-console-line--out{color:#c9d1d9}.lesson-pg-console-line--err{color:#f85149}.lesson-pg-console-line--info{color:#58a6ff}.lesson-pg-console-line--ok{color:#3fb950}.lesson-pg-console-empty{color:#30363d;font-style:italic;font-size:.75rem}.lesson-pg-status-bar{background:#161b22;color:#484f58;font-size:.65rem;font-family:Fira Code,monospace;padding:.2rem .75rem;display:flex;align-items:center;gap:.5rem;flex-shrink:0;border-top:1px solid rgba(255,255,255,.05)}.lesson-pg-dot{width:6px;height:6px;border-radius:50%;background:#484f58;flex-shrink:0;transition:background .2s}.lesson-pg-dot--run{background:#f0883e}.lesson-pg-dot--ok{background:#3fb950}.lesson-pg-dot--err{background:#f85149}@media(max-width:640px){.lesson-pg-split{flex-direction:column;height:auto}.lesson-pg-output-col{width:100%;height:180px;border-top:1px solid rgba(255,255,255,.07);border-right:none}.lesson-pg-editor-col .CodeMirror,.lesson-pg-editor-col .CodeMirror-scroll{height:240px!important}}