/* Mugennot Learning SCORM Pro App */
.mgn-lsp{--brand:#3b82f6;--green:#12b76a;--bg:#f4f7fb;--panel:#fff;--text:#101828;--muted:#667085;--line:#e4e7ec;--shadow:0 22px 70px rgba(16,24,40,.10);max-width:1500px;margin:20px auto;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
.mgn-lsp *{box-sizing:border-box}.mgn-lsp button,.mgn-lsp input,.mgn-lsp textarea,.mgn-lsp select{font:inherit}.mgn-lsp-top{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:30px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:var(--shadow);margin-bottom:18px}.mgn-lsp-brand{display:flex;align-items:center;gap:12px}.mgn-lsp-logo{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--green));color:white;display:grid;place-items:center;font-weight:950}.mgn-lsp-brand strong{display:block;font-size:18px;line-height:1.15}.mgn-lsp-brand span{display:block;color:var(--muted);font-size:12px;font-weight:750}.mgn-lsp-actions{display:flex;gap:10px;flex-wrap:wrap}.mgn-lsp-btn{border:0;border-radius:16px;padding:12px 15px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.mgn-lsp-btn.primary{background:linear-gradient(135deg,var(--brand),#8b7cff);color:#fff;box-shadow:0 14px 32px rgba(59,130,246,.25)}.mgn-lsp-btn.secondary{background:#eef2f7;color:#243047}.mgn-lsp-btn.ghost{background:white;color:#344054;border:1px solid var(--line)}.mgn-lsp-btn.danger{background:#fee4e2;color:#b42318}.mgn-lsp-btn.full{width:100%}
.mgn-lsp-grid{display:grid;grid-template-columns:340px 1fr 430px;gap:18px}.mgn-lsp-sidebar{display:grid;gap:16px;align-content:start}.mgn-lsp-panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.mgn-lsp-panel.tall{min-height:820px}.mgn-lsp-panel-title{padding:18px 18px 0;display:flex;gap:12px;align-items:center}.mgn-lsp-panel-title b{width:34px;height:34px;border-radius:13px;background:#eff6ff;color:var(--brand);display:grid;place-items:center;font-weight:950}.mgn-lsp-panel-title h3{margin:0;font-size:17px}.mgn-lsp-panel-title p{margin:2px 0 0;color:var(--muted);font-size:12px;font-weight:750}.mgn-lsp-body{padding:18px}.mgn-lsp label{display:block;font-size:12px;color:#475467;font-weight:850;margin:0 0 7px}.mgn-lsp input,.mgn-lsp textarea,.mgn-lsp select{width:100%;border:1px solid #d0d5dd;background:#fff;border-radius:16px;padding:12px;margin-bottom:14px;outline:none}.mgn-lsp textarea{min-height:92px;resize:vertical;line-height:1.55}.mgn-lsp input:focus,.mgn-lsp textarea:focus,.mgn-lsp select:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.mgn-lsp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mgn-lsp-hint{background:#fffbeb;border:1px solid #fedf89;color:#93370d;border-radius:18px;padding:12px;font-size:13px;font-weight:700;line-height:1.45;margin-top:12px}
.mgn-lsp-structure{display:grid;gap:10px;margin-top:12px}.mgn-lsp-module{border:1px solid var(--line);border-radius:20px;background:#fbfcfe;overflow:hidden}.mgn-lsp-module-top{display:flex;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.mgn-lsp-module-top input{margin:0;border:0;background:transparent;padding:6px;font-weight:850}.mgn-lsp-module-top input:focus{box-shadow:none}.mgn-lsp-lessons{padding:8px;display:grid;gap:6px}.mgn-lsp-lesson{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:#fff;color:#344054;border:1px solid var(--line);padding:10px;border-radius:15px;cursor:pointer;font-weight:800}.mgn-lsp-lesson.active{background:var(--brand);color:#fff;border-color:var(--brand)}.mgn-lsp-lesson span{width:26px;height:26px;border-radius:10px;background:rgba(16,24,40,.07);display:grid;place-items:center;font-size:11px;font-weight:900}.mgn-lsp-lesson.active span{background:rgba(255,255,255,.25)}
.mgn-lsp-editor-head{padding:24px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(18,183,106,.08));border-bottom:1px solid var(--line)}.mgn-lsp-kicker{color:var(--brand);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.13em}.mgn-lsp-editor-head h2{font-size:34px;line-height:1;margin:6px 0 20px;letter-spacing:-.045em}.mgn-lsp-editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.mgn-lsp-blocks{padding:18px;display:grid;gap:14px}.mgn-lsp-empty{border:1.5px dashed #c7d7fe;background:#f8f9ff;border-radius:24px;padding:32px;text-align:center;color:#475467}.mgn-lsp-empty b{display:block;color:#344054;margin-bottom:5px}.mgn-lsp-block{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(16,24,40,.06)}.mgn-lsp-block-head{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.mgn-lsp-block-type{font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;color:#344054}.mgn-lsp-block-body{padding:14px}.mgn-lsp-quiz-row{display:grid;grid-template-columns:1fr 46px;gap:8px;margin-bottom:8px}.mgn-lsp-ok{padding:0;background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.mgn-lsp-ok.active{background:#12b76a;color:#fff;border-color:#12b76a}
.mgn-lsp-preview-side{position:relative}.preview-panel{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.mgn-lsp-device-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.mgn-lsp-device-tabs button{border:0;border-radius:14px;background:#eef2f7;padding:10px;font-weight:850;cursor:pointer}.mgn-lsp-device-tabs button.active{background:#111827;color:#fff}.mgn-lsp-preview-stage{background:#eaf0f8;padding:16px}.mgn-lsp-frame{margin:auto}.mgn-lsp-frame.mobile{max-width:350px;background:#111827;padding:10px;border-radius:32px;box-shadow:0 25px 80px rgba(16,24,40,.2)}
.mgn-course{border-radius:28px;overflow:hidden;background:var(--cp-bg);color:var(--cp-text);border:1px solid rgba(0,0,0,.08);min-height:620px}.mgn-course-shell{display:grid;grid-template-columns:210px 1fr;min-height:620px}.mgn-lsp-frame.mobile .mgn-course-shell{grid-template-columns:1fr}.mgn-course-side{background:var(--cp-panel);border-right:1px solid var(--cp-line);padding:18px}.mgn-lsp-frame.mobile .mgn-course-side{border-right:0;border-bottom:1px solid var(--cp-line)}.mgn-course-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mgn-course-mark{width:40px;height:40px;border-radius:15px;background:var(--cp-brand);color:#fff;display:grid;place-items:center;font-weight:900}.mgn-course-brand b{display:block;font-size:13px;line-height:1.1}.mgn-course-brand span{display:block;color:var(--cp-muted);font-size:11px;font-weight:700}.mgn-progress{height:8px;background:var(--cp-line);border-radius:999px;overflow:hidden;margin:16px 0}.mgn-progress div{height:100%;width:55%;background:var(--cp-brand)}.mgn-navitem{padding:10px;border-radius:14px;font-size:12px;font-weight:850}.mgn-navitem.active{background:var(--cp-brand);color:#fff}.mgn-course-main{padding:20px}.mgn-cover,.mgn-page,.mgn-course-block{background:var(--cp-panel);border:1px solid var(--cp-line);border-radius:24px;padding:20px;box-shadow:0 18px 45px rgba(16,24,40,.06)}.mgn-cover{min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at top right,color-mix(in srgb,var(--cp-brand) 22%,transparent),transparent 14rem),var(--cp-panel)}.mgn-cover h3{font-size:clamp(27px,4vw,44px);line-height:.96;letter-spacing:-.055em;margin:8px 0}.mgn-cover p,.mgn-course-block p{color:var(--cp-muted);line-height:1.6;margin:0}.mgn-page{margin-top:14px}.mgn-page h4{font-size:24px;margin:6px 0 14px;letter-spacing:-.035em}.mgn-course-block{box-shadow:none;margin-top:10px}.mgn-course-block h5{margin:0 0 8px;font-size:15px}.mgn-course-block img{width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin-top:8px}.mgn-course-option{display:block;width:100%;text-align:left;background:transparent;color:var(--cp-text);border:1px solid var(--cp-line);margin-top:8px;border-radius:14px;padding:10px}.mgn-result-link{display:inline-flex;background:#ecfdf3;color:#027a48;padding:12px 16px;border-radius:16px;text-decoration:none;font-weight:900}.mgn-lsp-message-error{background:#fef3f2;color:#b42318;border:1px solid #fecdca;border-radius:16px;padding:12px;font-weight:800}.mgn-lsp-message-ok{background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:16px;padding:12px;font-weight:800}
@media(max-width:1280px){.mgn-lsp-grid{grid-template-columns:340px 1fr}.mgn-lsp-preview-side{grid-column:1/-1}.preview-panel{position:relative;top:auto;max-height:none}}@media(max-width:860px){.mgn-lsp-top{align-items:flex-start}.mgn-lsp-grid{grid-template-columns:1fr}.mgn-lsp-actions{width:100%}.mgn-lsp-actions .mgn-lsp-btn{flex:1}.mgn-lsp-two{grid-template-columns:1fr}.mgn-course-shell{grid-template-columns:1fr}.mgn-course-side{border-right:0;border-bottom:1px solid var(--cp-line)}}