.technical-demo{text-align:center;background:linear-gradient(145deg,#102b21,#1b5a41);align-content:center;justify-items:center;gap:9px;padding:22px;display:grid}.technical-demo>span{color:#73e3aa;background:#61dca020;border:1px solid #ffffff38;border-radius:17px;place-items:center;width:58px;height:58px;font:900 13px monospace;display:grid}.technical-demo>b{font-size:15px}.technical-demo>small{color:#b9d1c4;max-width:190px;font-size:7px;line-height:1.4}.technical-lab{z-index:4;border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 20%, #dce2dd);color:#1d2922;background:#f5f8f5;border-radius:20px;margin-top:22px;position:relative;overflow:hidden;box-shadow:0 16px 40px #1736280d}.technical-lab>header{background:linear-gradient(135deg, color-mix(in srgb, var(--course-primary,#285c45) 9%, white), #fff);border-bottom:1px solid #dce4de;padding:18px 20px}.technical-lab>header>span{color:var(--course-primary,#285c45);letter-spacing:.14em;font-size:7px;font-weight:950}.technical-lab>header h2{letter-spacing:-.025em;margin:5px 0 0;font-size:18px;line-height:1.25}.lab-hints{border-top:1px solid #e0e5e1;align-items:center;gap:9px;padding:12px 16px;display:flex}.lab-hints p{color:#5d6d64;font-size:9px}.code-workbench{color:#e8f2eb;background:#101a15}.code-toolbar{border-bottom:1px solid #ffffff16;align-items:center;gap:5px;padding:8px 10px;display:flex}.code-toolbar>span{color:#91a99c;margin-right:auto;font:10px monospace}.code-toolbar button{color:#e9f2ed;background:#ffffff0b;border-color:#ffffff24;height:29px}.code-toolbar button:nth-of-type(2){color:#0b2519;background:#4cdb92}.code-editor{resize:vertical;tab-size:2;min-height:230px;color:#d9eee1!important;background:#111d17!important;border:0!important;border-radius:0!important;padding:18px!important;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace!important}.code-console{background:#0b130f;border-top:1px solid #ffffff16;gap:7px;min-height:95px;padding:13px 17px;display:grid}.code-console>pre{color:#c8d8ce;white-space:pre-wrap;font-size:9px;overflow:auto}.code-console>p{background:#ffffff08;border-radius:9px;align-items:flex-start;gap:8px;padding:8px;display:flex}.code-console>p svg{width:14px}.code-console>p.pass{color:#67dfa1}.code-console>p.fail{color:#ff9f89}.code-console>p span{display:grid}.code-console>p small{color:#a5b7ac;font-size:8px}.lab-success,.lab-error{border-radius:11px;align-items:center;gap:8px;padding:11px 13px;font-size:9px;font-weight:750;display:flex}.lab-success{color:#176c49;background:#dcf6e8}.lab-error{color:#a94c3f;background:#fff0eb}.lab-success svg,.lab-error svg{width:16px}.terminal-window{color:#d8e9de;background:#0b1210;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-window>header{color:#7e9789;border-bottom:1px solid #ffffff14;align-items:center;gap:5px;padding:9px 12px;font-size:8px;display:flex}.terminal-window>header i{background:#e47767;border-radius:50%;width:7px;height:7px}.terminal-window>header i:nth-child(2){background:#e3b75c}.terminal-window>header i:nth-child(3){background:#68c58f}.terminal-window>header span{margin-left:6px}.terminal-window>div{min-height:230px;max-height:330px;padding:15px;overflow:auto}.terminal-window p b,.terminal-window form>b{color:#5ce49e}.terminal-window pre{color:#a9c2b4;white-space:pre-wrap}.terminal-window pre.error{color:#ff967f}.terminal-complete{color:#67dfa1;margin-top:12px}.terminal-window>form{border-top:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 14px;display:grid}.terminal-window input{color:#fff;font:inherit;background:0 0;border:0}.terminal-window button{color:#0b2519;background:#4cdb92;height:30px}.builder-stage{gap:14px;padding:17px;display:grid}.builder-palette{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;display:grid}.builder-palette button{text-align:left;background:#fff;border:1px solid #d8e1da;border-radius:12px;gap:3px;padding:12px;display:grid}.builder-palette button.used{border-color:var(--course-primary,#285c45);background:color-mix(in srgb, var(--course-primary,#285c45) 8%, white)}.builder-palette b{font-size:10px}.builder-palette small{color:#748078;font-size:8px}.builder-path{background:#eef5f0;border:1px dashed #a8b9af;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-height:76px;padding:12px;display:flex;overflow-x:auto}.builder-path>span{align-items:center;gap:7px;display:flex}.builder-path b{white-space:nowrap;background:var(--course-primary,#285c45);color:#fff;border-radius:9px;padding:8px 10px;font-size:9px}.builder-path svg{color:#6b8174;width:13px}.builder-path p{color:#78877f;font-size:9px}.lab-actions{justify-content:flex-end;gap:7px;display:flex}.simulation-grid{grid-template-columns:1.1fr .9fr;gap:14px;padding:17px;display:grid}.simulation-controls,.simulation-output{align-content:start;gap:10px;display:grid}.simulation-controls label{background:#fff;border:1px solid #dce3de;border-radius:12px;gap:7px;padding:11px;display:grid}.simulation-controls label>span{justify-content:space-between;font-size:9px;display:flex}.simulation-controls output{color:var(--course-primary,#285c45);font-weight:850}.simulation-controls input{accent-color:var(--course-primary,#285c45)}.simulation-output article{color:#fff;background:#142f24;border-radius:13px;padding:15px;position:relative;overflow:hidden}.simulation-output article small{color:#a9c4b6;font-size:8px}.simulation-output article b{margin-top:3px;font-size:22px;display:block}.simulation-output article i{width:var(--meter);background:var(--course-accent,#dca85c);border-radius:10px;height:4px;margin-top:12px;transition:width .3s;display:block}.simulation-output p{font-size:8px}.target-ok{color:#177451}.target-open{color:#926828}.diagnostic-grid{grid-template-columns:1.15fr .85fr;gap:12px;padding:17px;display:grid}.diagnostic-clues,.diagnostic-answer{align-content:start;gap:7px;display:grid}.diagnostic-clues button{text-align:left;background:#fff;border:1px solid #dce3de;border-radius:11px;grid-template-columns:24px 1fr;align-items:center;padding:10px;display:grid}.diagnostic-clues button>span{color:#176a48;background:#eaf3ed;border-radius:7px;place-items:center;width:22px;height:22px;font-weight:900;display:grid}.diagnostic-clues button>b{font-size:9px}.diagnostic-clues button>pre{color:#bde4ce;white-space:pre-wrap;background:#101b16;border-radius:8px;grid-column:1/-1;margin-top:8px;padding:10px;font:8px/1.5 monospace}.diagnostic-answer{background:#eaf1ec;border-radius:13px;padding:12px}.diagnostic-answer>small{color:#64766c;letter-spacing:.12em;font-size:7px;font-weight:900}.diagnostic-answer button{white-space:normal;background:#fff;justify-content:flex-start;font-size:8px}.diagnostic-answer>p{color:#56675e;background:#fff;border-radius:9px;padding:9px;font-size:8px}.checkpoint-list{gap:8px;padding:17px;display:grid}.checkpoint-list button{text-align:left;background:#fff;border:1px solid #dbe3dd;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.checkpoint-list button>span{color:#176a48;background:#eaf3ed;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:9px;font-weight:900;display:grid}.checkpoint-list button p{display:grid}.checkpoint-list button b{font-size:10px}.checkpoint-list button small{color:#738078;font-size:8px}.checkpoint-list button.complete{background:#edf8f1;border-color:#84b89a}.technical-lab>.lab-success{margin:0 17px 17px}.technical-lab-editor{border-top:1px solid #e1e6e2;gap:12px;padding-top:15px;display:grid}.technical-lab-editor>div:first-child{color:#175d42;background:#eaf5ee;border-radius:12px;gap:9px;padding:11px;display:flex}.technical-lab-editor>div:first-child svg{width:19px}.technical-lab-editor>div:first-child span{display:grid}.technical-lab-editor>div:first-child b{font-size:10px}.technical-lab-editor>div:first-child small{font-size:7px}.lab-json-field textarea,.lab-code-input{font:8px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace!important}.lab-json-field em{color:#b34f43;font-size:7px;font-style:normal}.card-bg-image .technical-lab,.editor-card-bg-image .technical-lab{color:#1d2922}.type-coding-lab,.type-terminal-lab,.type-system-builder,.type-simulation-lab,.type-diagnostic-lab,.type-interactive-lab{width:min(980px,100%)}@media (max-width:700px){.simulation-grid,.diagnostic-grid{grid-template-columns:1fr}.code-toolbar{flex-wrap:wrap}.code-toolbar>span{width:100%}.builder-palette{grid-template-columns:1fr 1fr}.technical-lab>header h2{font-size:15px}}
.html-sandbox-player{z-index:2;border:1px solid color-mix(in srgb,var(--course-primary,#285c45) 24%,#dbe4df);background:#f7faf8;border-radius:18px;margin:22px 0;position:relative;overflow:hidden;box-shadow:0 14px 40px #14251d14}.html-sandbox-player>header{color:#43534b;background:#fff;border-bottom:1px solid #dfe7e2;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.html-sandbox-player>header span,.html-sandbox-player>header small{align-items:center;gap:7px;display:flex}.html-sandbox-player>header span{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:750}.html-sandbox-player>header small{font-size:11px}.html-sandbox-player svg{width:15px;height:15px}.html-sandbox-player iframe{background:#fff;border:0;width:100%;display:block}.html-sandbox-player.compact{margin:18px 0}.html-sandbox-editor{background:#f8faf9;border:1px solid #dfe6e1;border-radius:16px;gap:14px;padding:14px;display:grid}.html-sandbox-editor-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.html-sandbox-editor-title>span{align-items:center;gap:8px;font-weight:750;display:flex}.html-sandbox-editor-title svg{width:16px;height:16px}.html-sandbox-editor>p{color:#69756f;margin:0;font-size:12px;line-height:1.5}.html-sandbox-editor label>span{color:#4d5c54;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.html-sandbox-source{resize:vertical!important;min-height:320px!important;font-family:var(--font-geist-mono),monospace!important;white-space:pre!important;font-size:11px!important;line-height:1.55!important}.html-sandbox-range input{width:100%;accent-color:var(--course-primary,#285c45)}.html-sandbox-range span{justify-content:space-between;display:flex!important}.html-sandbox-toggle{align-items:flex-start;gap:10px;padding-top:2px;display:flex}.html-sandbox-toggle>span{text-transform:none!important;letter-spacing:0!important;margin:0!important}.html-sandbox-toggle small{color:#79847e;margin-top:3px;font-weight:400;line-height:1.4;display:block}.html-sandbox-api{color:#285c45;background:#e9f3ed;border-radius:12px;gap:10px;padding:11px;display:flex}.html-sandbox-api svg{flex:none;width:17px}.html-sandbox-api span{min-width:0}.html-sandbox-api b{text-transform:uppercase;letter-spacing:.06em;font-size:11px;display:block}.html-sandbox-api code{color:#31453b;white-space:nowrap;margin-top:5px;font-size:10px;display:block;overflow:auto}@media (max-width:700px){.html-sandbox-player>header small{display:none}.html-sandbox-editor-title{flex-direction:column;align-items:flex-start}.html-sandbox-source{min-height:260px!important}}.html-sandbox-status{color:var(--course-primary,#285c45);background:#f7faf8;border-top:1px solid #dfe7e2;padding:9px 14px;font-size:11px;font-weight:700;display:block}.html-sandbox-stage{background:#fff;position:relative;overflow:hidden}.html-sandbox-sizing{background:#fff;border:1px solid #dae5df;border-radius:12px;gap:14px;padding:14px;display:grid}.html-sandbox-sizing h4{color:#243d30;margin:0;font-size:13px}.html-sandbox-sizing p{color:#69756f;margin:0;font-size:12px;line-height:1.5}.html-sandbox-editor{grid-template-columns:minmax(0,1fr);min-width:0}.html-sandbox-editor>*{min-width:0;max-width:100%}.html-sandbox-sizing{grid-template-columns:minmax(0,1fr)}.html-sandbox-source{width:100%;min-width:0;max-width:100%;overflow:auto}.html-sandbox-player.compact{box-shadow:none;background:0 0;border:0;margin:0;overflow:visible}.html-sandbox-player.compact>header{display:none}.html-sandbox-player.compact>.html-sandbox-stage{border:1px solid color-mix(in srgb,var(--course-primary,#285c45) 20%,#dbe4df);background:#fff;border-radius:18px}.html-sandbox-player.compact>.html-sandbox-status{background:#edf6f1;border:0;border-radius:999px;width:max-content;max-width:100%;margin:10px 0 0;padding:8px 12px}
[data-slot=dialog-overlay]{z-index:5000!important}.editor-shell .project-assistant-trigger{z-index:90;border:1px solid color-mix(in srgb, var(--course-primary,#126d4a) 28%, white);background:var(--course-primary,#126d4a);color:#fff;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex;position:fixed;bottom:20px;right:22px;box-shadow:0 10px 28px #173f3030}.editor-shell .project-assistant-trigger svg{width:16px;height:16px}.editor-shell .project-assistant-trigger:hover{filter:brightness(1.08)}.editor-shell .project-assistant-header-actions{align-items:center;gap:7px;display:flex}.editor-shell .project-assistant-header-actions>button:first-child:not(:last-child){color:#345549;background:#fff;border:1px solid #d5e2db;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:700}.editor-shell .inspector.project-assistant-active{flex-direction:column;display:flex;overflow:hidden}.editor-shell .project-assistant-slot{flex:1;min-height:0}.editor-shell .project-assistant-slot[hidden]{display:none!important}.editor-shell .project-assistant{flex-direction:column;height:100%;min-height:0;display:flex}.editor-shell .project-assistant-modes{background:#fff;border-bottom:1px solid #dce7e0;align-items:center;gap:4px;padding:9px 10px;display:flex}.editor-shell .project-assistant-modes>button{color:#607269;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 8px;font-size:10px;font-weight:750;display:inline-flex}.editor-shell .project-assistant-modes>button:hover{color:#245a40;background:#f2f8f4}.editor-shell .project-assistant-modes>button.active{color:var(--course-primary,#126d4a);background:#eaf6ee;border-color:#cae2d2}.editor-shell .project-assistant-modes>.project-assistant-clear{margin-left:auto;padding:0 7px}.editor-shell .project-assistant-modes>.project-assistant-clear:disabled{opacity:.4;cursor:default}.editor-shell .project-assistant-context{background:#f5fbf7;border-bottom:1px solid #dce7e0;gap:3px;padding:14px 17px;display:grid}.editor-shell .project-assistant-context>span{color:var(--course-primary,#126d4a);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.editor-shell .project-assistant-context>b{color:#20392d;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.editor-shell .project-assistant-context>small{color:#6b7a72;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.editor-shell .project-assistant-suggest{color:var(--course-primary,#126d4a);background:#fff;border:1px solid #b9dbca;border-radius:8px;justify-self:start;margin-top:6px;padding:6px 9px;font-size:10px;font-weight:750}.editor-shell .project-assistant-suggest:hover{background:#eaf6ee}.editor-shell .project-assistant-suggest:disabled{opacity:.5}.editor-shell .project-assistant-messages{flex:1;align-content:start;gap:14px;min-height:0;padding:17px 15px 22px;display:grid;overflow-y:auto}.editor-shell .project-assistant-intro{gap:9px;padding:24px 8px;display:grid}.editor-shell .project-assistant-intro>svg{width:28px;height:28px;color:var(--course-primary,#126d4a)}.editor-shell .project-assistant-intro h4{color:#20352c;font-size:16px;font-weight:800}.editor-shell .project-assistant-intro p{color:#62736a;font-size:12px;line-height:1.5}.editor-shell .project-assistant-intro button{color:#285842;text-align:left;background:#fff;border:1px solid #dce7e0;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:700}.editor-shell .project-assistant-intro button:hover{background:#f5fbf7;border-color:#a5d4bb}.editor-shell .project-assistant-message{gap:5px;max-width:100%;display:grid}.editor-shell .project-assistant-message>span{color:#687870;font-size:10px;font-weight:800}.editor-shell .project-assistant-richtext{color:#26372f;overflow-wrap:anywhere;background:#fff;border:1px solid #e1e9e3;border-radius:12px;width:100%;padding:10px 12px;font-size:12px;line-height:1.55}.editor-shell .project-assistant-richtext>*+*{margin-top:9px}.editor-shell .project-assistant-richtext h4{color:#20392d;font-size:12px;font-weight:800}.editor-shell .project-assistant-richtext ul,.editor-shell .project-assistant-richtext ol{padding-left:18px}.editor-shell .project-assistant-richtext ul{list-style:outside}.editor-shell .project-assistant-richtext ol{list-style:decimal}.editor-shell .project-assistant-richtext li+li{margin-top:5px}.editor-shell .project-assistant-richtext a{color:var(--course-primary,#126d4a);text-decoration:underline}.editor-shell .project-assistant-richtext code{background:#eef5f0;border-radius:4px;padding:1px 4px;font-size:.92em}.editor-shell .project-assistant-richtext pre{white-space:pre;background:#edf4ef;border-radius:8px;padding:9px;overflow-x:auto}.editor-shell .project-assistant-richtext pre code{background:0 0;padding:0}.editor-shell .project-assistant-message.user{justify-items:end}.editor-shell .project-assistant-message.user>.project-assistant-richtext{background:#e9f6ef;border-color:#cae7d6}.editor-shell .project-assistant-sources{background:#f8fbf9;border:1px solid #dce7e0;border-radius:10px;gap:5px;padding:9px 10px;display:grid}.editor-shell .project-assistant-sources b{color:#315644;font-size:10px}.editor-shell .project-assistant-sources a{color:var(--course-primary,#126d4a);overflow-wrap:anywhere;font-size:10px;line-height:1.35;text-decoration:underline}.editor-shell .project-assistant-sources small{color:#75827a;font-size:10px;line-height:1.4}.editor-shell .project-assistant-proposal{background:#f8fdf9;border:1px solid #cde4d6;border-radius:12px;gap:8px;width:100%;padding:12px;display:grid}.editor-shell .project-assistant-proposal>b{color:#1e5f3c;font-size:11px}.editor-shell .project-assistant-proposal>div{gap:3px;display:grid}.editor-shell .project-assistant-proposal small{color:#718077;text-transform:capitalize;font-size:10px;font-weight:700}.editor-shell .project-assistant-proposal p{color:#293b31;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;font-size:11px;line-height:1.5;overflow:auto}.editor-shell .project-assistant-proposal button{background:var(--course-primary,#126d4a);color:#fff;border-radius:8px;justify-self:start;padding:8px 11px;font-size:11px;font-weight:750}.editor-shell .project-assistant-proposal button:disabled{color:#6d7a72;background:#e9efeb}.editor-shell .project-assistant-thinking{color:#658071;align-items:center;gap:7px;font-size:11px;display:flex}.editor-shell .project-assistant-thinking svg{width:14px;height:14px}.editor-shell .project-assistant-composer{background:#fff;border-top:1px solid #dce7e0;gap:7px;padding:13px;display:grid}.editor-shell .project-assistant-composer label{color:#43584b;font-size:10px;font-weight:800}.editor-shell .project-assistant-composer>div{border:1px solid #cadcd0;border-radius:12px;align-items:end;gap:7px;padding:7px;display:flex}.editor-shell .project-assistant-composer textarea{resize:vertical;color:#243a2d;outline:none;flex:1;width:100%;min-height:46px;max-height:160px;font-size:12px;line-height:1.4}.editor-shell .project-assistant-composer>div button{background:var(--course-primary,#126d4a);color:#fff;border-radius:8px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.editor-shell .project-assistant-composer>div button:disabled{opacity:.45}.editor-shell .project-assistant-composer>div button svg{width:16px;height:16px}.editor-shell .project-assistant-composer>small{color:#7b897f;font-size:9px;line-height:1.35}.editor-shell .project-assistant-error{color:#a23932;font-size:11px}.editor-shell .project-assistant-connect{color:#126d4a;background:#f4fbf6;border:1px solid #cae7d6;border-radius:8px;padding:8px;font-size:11px;font-weight:750}@media (max-width:900px){.editor-shell .inspector.project-assistant-active{z-index:100;width:min(100vw,420px);height:calc(100dvh - 64px);position:fixed;top:64px;bottom:0;right:0;box-shadow:-12px 0 35px #173f3024;display:flex!important}.editor-shell .project-assistant-trigger{bottom:14px;right:14px}}[data-slot=dialog-content]{z-index:5001!important}.editor-shell .editor-workspace.has-context-panel{grid-template-columns:245px minmax(560px,1fr) 352px;position:relative}.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed{grid-template-columns:44px minmax(560px,1fr) 352px}.editor-shell .editor-workspace.has-context-panel.inspector-collapsed{grid-template-columns:245px minmax(560px,1fr) 44px}.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed.inspector-collapsed{grid-template-columns:44px minmax(560px,1fr) 44px}.editor-shell .canvas{background:radial-gradient(circle at 50% 15%, color-mix(in srgb, var(--course-primary,#285c45) 5%, white) 0, transparent 48%), #eef1ec;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.editor-shell .canvas>.module-renderer-embedded{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow:hidden auto}.editor-shell .module-renderer-stage>section{justify-items:center;padding:30px 38px 92px}.editor-shell .module-renderer-stage>section>:is(.preview-card,.course-opening,.learning-block){margin-inline:auto!important}.editor-shell .module-list-heading{justify-content:space-between;align-items:center;gap:8px;min-height:35px;display:flex}.editor-shell .module-list-heading :is(.course-add-trigger,.chapter-add-trigger){min-height:28px;color:var(--course-primary,#285c45);border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:760;transition:background-color .14s,border-color .14s,box-shadow .14s;display:flex}.editor-shell .module-list-heading :is(.course-add-trigger,.chapter-add-trigger):hover{background:color-mix(in srgb, var(--course-primary,#285c45) 10%, white)}.editor-shell .module-list-heading :is(.course-add-trigger,.chapter-add-trigger) svg{width:14px;height:14px}.editor-shell .module-list-heading .chapter-add-trigger{width:28px;padding:0}.editor-shell .module-list-heading-actions{align-items:center;gap:2px;display:flex}.editor-shell .panel-local-toggle{color:#69766f;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;transition:background-color .14s,border-color .14s,color .14s;display:grid}.editor-shell .panel-local-toggle:hover{border-color:color-mix(in srgb, var(--course-primary,#285c45) 22%, #dce4df);background:color-mix(in srgb, var(--course-primary,#285c45) 8%, white);color:var(--course-primary,#285c45)}.editor-shell .panel-local-toggle svg{width:15px;height:15px}.editor-shell .collapsed-panel-rail{background:#fbfbf8;justify-content:center;padding-top:13px;display:flex}.editor-shell .collapsed-panel-rail-left{border-right:1px solid #d9dbd5}.editor-shell .collapsed-panel-rail-right{border-left:1px solid #d9dbd5}.editor-shell .collapsed-panel-rail .panel-local-toggle{border-color:color-mix(in srgb, var(--course-primary,#285c45) 18%, #dce4df);background:color-mix(in srgb, var(--course-primary,#285c45) 6%, white);color:var(--course-primary,#285c45)}.editor-shell .canvas-top{z-index:240;grid-template-columns:minmax(122px,auto) minmax(0,1fr) auto;align-items:center;display:grid;position:relative}.editor-shell .canvas-language-control{align-items:center;gap:8px;min-width:0;display:flex}.editor-shell .canvas-language-control>div,.editor-shell .canvas-language-control [data-slot=native-select-wrapper]{flex:0 122px;min-width:0;max-width:122px;width:122px!important}.editor-shell .canvas-language-control select{text-overflow:ellipsis;width:100%;min-width:0;overflow:hidden}.editor-shell .canvas-toolbar{justify-self:start;min-width:0;max-width:100%}.editor-shell .canvas-preview-actions{gap:8px;min-width:0}@container (max-width:1040px){.editor-shell .canvas-toolbar>span:first-child{display:none}.editor-shell .canvas-toolbar button,.editor-shell .canvas-toolbar label{gap:0;width:30px;padding:0;font-size:0}}.editor-shell .editor-workspace:not(.course-structure-collapsed):not(.inspector-collapsed) .canvas-toolbar>span:first-child{display:none}.editor-shell .editor-workspace:not(.course-structure-collapsed):not(.inspector-collapsed) .canvas-toolbar button,.editor-shell .editor-workspace:not(.course-structure-collapsed):not(.inspector-collapsed) .canvas-toolbar label{gap:0;width:30px;padding:0;font-size:0}@container (max-width:720px){.editor-shell .canvas-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"language actions""tools tools";gap:6px 10px;height:auto;min-height:96px;padding-block:7px}.editor-shell .canvas-language-control{grid-area:language}.editor-shell .canvas-toolbar{grid-area:tools}.editor-shell .canvas-preview-actions{grid-area:actions}}.editor-shell .inspector{background:linear-gradient(180deg, color-mix(in srgb, var(--course-primary,#285c45) 5%, white), #f8faf8 190px);border-left-color:color-mix(in srgb, var(--course-primary,#285c45) 16%, #dfe5e0);scrollbar-gutter:stable;width:352px;min-width:0;overflow-x:hidden}.editor-shell .inspector>div:first-child{border-bottom-color:color-mix(in srgb, var(--course-primary,#285c45) 18%, #dfe5e0);background:color-mix(in srgb, var(--course-primary,#285c45) 7%, white);min-height:58px;padding:0 18px!important}.editor-shell .inspector>div:first-child h3{color:color-mix(in srgb, var(--course-primary,#285c45) 82%, #152019);letter-spacing:-.01em;font-size:13px;font-weight:780}.editor-shell .inspector>.space-y-5,.editor-shell .element-inspector{padding:14px!important}.editor-shell .element-inspector{gap:10px;display:grid}.editor-shell .inspector-selection{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 24%, #dce6df);background:linear-gradient(135deg, color-mix(in srgb, var(--course-primary,#285c45) 12%, white), color-mix(in srgb, var(--course-primary,#285c45) 4%, white));min-height:58px;box-shadow:0 5px 16px color-mix(in srgb, var(--course-primary,#285c45) 10%, transparent);border-radius:13px;padding:10px 11px}.editor-shell .inspector-selection>span,.editor-shell .inspector-selection-icon{background:color-mix(in srgb, var(--course-primary,#285c45) 16%, white);color:var(--course-primary,#285c45);border-radius:10px;flex:0 0 34px;place-items:center;font-size:9px;font-weight:850;display:grid;width:34px!important;height:34px!important}.editor-shell .inspector-disclosure{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 12%, #dce4de);box-shadow:0 3px 12px color-mix(in srgb, var(--course-primary,#285c45) 6%, transparent);background:#fff;border-radius:13px;margin:0;overflow:hidden}.editor-shell .inspector-disclosure>summary{color:#2b3a32;min-height:46px;padding:0 13px;font-size:11px;font-weight:780}.editor-shell .inspector-disclosure[open]>summary{border-bottom-color:color-mix(in srgb, var(--course-primary,#285c45) 13%, #e7ece8);background:color-mix(in srgb, var(--course-primary,#285c45) 5%, white);color:var(--course-primary,#285c45)}.editor-shell .inspector-disclosure-body{gap:12px;padding:13px;display:grid}.editor-shell .inspector .field-label,.editor-shell .native-region-inspector .field-label{color:#526159;gap:6px;min-width:0;font-size:10px;font-weight:720;display:grid}.editor-shell .inspector :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select),.editor-shell .native-region-inspector :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){color:#1f2d25;background:#fff;border:1px solid #dce3de;border-radius:9px;outline:0;width:100%;min-width:0;padding:8px 9px;font-size:11px;line-height:1.45}.editor-shell .inspector textarea,.editor-shell .native-region-inspector textarea{resize:vertical;min-height:72px}.editor-shell .inspector-range{gap:7px;display:grid}.editor-shell .inspector-range>span{color:#5f6d65;letter-spacing:.045em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:750;display:flex}.editor-shell .inspector-range>span b{color:var(--course-primary,#285c45);font-size:9px}.editor-shell .inspector-help{color:#718078;font-size:9px;line-height:1.55}.editor-shell .inspector-replace-actions>button,.editor-shell .native-region-inspector>button,.editor-shell .inspector-disclosure-body>button,.editor-shell .inspector-disclosure-body .button-upload{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 13%, #dbe2dd);color:#31443a;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:34px;font-size:10px;font-weight:750;display:flex}.editor-shell .inspector-replace-actions>button:hover,.editor-shell .native-region-inspector>button:hover,.editor-shell .inspector-disclosure-body>button:hover{border-color:color-mix(in srgb, var(--course-primary,#285c45) 42%, #dbe2dd);background:color-mix(in srgb, var(--course-primary,#285c45) 5%, white);color:var(--course-primary,#285c45)}.editor-shell .native-region-items{gap:9px;display:grid}.editor-shell .native-item-card{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 10%, #e2e7e3);background:color-mix(in srgb, var(--course-primary,#285c45) 3%, #fafbfa);border-radius:10px;gap:7px;padding:10px;display:grid}.editor-shell .inspector-danger-zone{background:snow;border:1px solid #efddd9;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex!important}.editor-shell .inspector-danger-zone>span{color:#7c3f39;align-items:center;gap:7px;min-width:0;font-size:9px;display:flex}.editor-shell .inspector-danger-zone>span>span{min-width:0;display:grid}.editor-shell .inspector-danger-zone b{font-size:10px}.editor-shell .inspector-danger-zone small{color:#976660;font-size:8px}.editor-shell .inspector-danger-zone svg{flex:none;width:13px}.editor-shell .inspector-danger-zone button{color:#fff;background:#a94f46;border-radius:8px;flex:none;padding:7px 9px;font-size:9px;font-weight:750}.editor-shell .inspector :is(input,textarea,select):focus{border-color:var(--course-primary,#285c45);box-shadow:0 0 0 3px color-mix(in srgb, var(--course-primary,#285c45) 14%, transparent)}.editor-shell .inspector input[type=range]{accent-color:var(--course-primary,#285c45)}.editor-shell .module-layout-mode{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 15%, #dce5df);box-shadow:0 3px 12px color-mix(in srgb, var(--course-primary,#285c45) 5%, transparent);background:#fff;border-radius:13px;gap:10px;padding:12px;display:grid!important}.editor-shell .module-layout-mode>div:first-child{gap:2px;display:grid}.editor-shell .module-layout-mode b{color:#26372e;font-size:11px}.editor-shell .module-layout-mode small{color:#728078;font-size:9px}.editor-shell .module-layout-mode .inspector-segmented{grid-template-columns:1fr 1fr;display:grid}.editor-shell .inspector-segmented button.active,.editor-shell .inspector button[aria-pressed=true]:not(.crop-mode-button){border-color:color-mix(in srgb, var(--course-primary,#285c45) 42%, #cdd8d1);background:color-mix(in srgb, var(--course-primary,#285c45) 12%, white);color:var(--course-primary,#285c45)}.editor-shell .design-element.selected,.editor-shell .canvas-resizable-region.editable.selected{outline-offset:4px;outline:2px solid var(--course-primary,#159261)!important}.editor-shell .design-element.crop-active{cursor:grab!important;outline-color:#3b82f6!important}.editor-shell .canvas-resizable-region.editable.selected:has(.canvas-region-context-bar button[aria-pressed=true]){cursor:grab!important;outline-color:#3b82f6!important}.editor-shell .design-element.crop-active:active{cursor:grabbing!important}.editor-shell .design-element.crop-active .element-resize,.editor-shell .canvas-region-context-bar button[aria-pressed=true]{background:#3b82f6!important}.editor-shell .canvas-region-resize-handle,.editor-shell .element-resize{background:var(--course-primary,#159261)!important}.editor-shell .canvas.ai-is-working.ai-target-module .module-renderer-stage>section>:is(.preview-card,.course-opening,.learning-block){animation:1.8s ease-in-out infinite editor-module-ai-glow!important}.editor-shell .canvas.ai-is-working.ai-target-element [data-ai-active=true]{position:relative;z-index:1200!important;animation:1.65s ease-in-out infinite editor-element-ai-glow!important}@keyframes editor-module-ai-glow{0%,to{outline-offset:6px;outline:2px solid #8b5cf650;box-shadow:0 0 0 2px #8b5cf638,0 18px 56px #6d3fc72a}50%{outline-offset:8px;outline:4px solid #a878ffcc;box-shadow:0 0 0 7px #9b6cff35,0 0 42px #9b6cff75,0 24px 72px #6337b93b}}@keyframes editor-element-ai-glow{0%,to{outline-offset:4px;outline:2px solid #8b5cf67a;box-shadow:0 0 0 1px #9b6cff25,0 8px 28px #6d3fc720}50%{outline-offset:7px;outline:3px solid #a878ffe0;box-shadow:0 0 0 5px #9b6cff25,0 0 30px #9b6cff62}}.editor-shell .canvas-ai-status{z-index:250;color:#6d38c4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#faf8fff5;border:1px solid #d8c7ff;border-radius:12px;align-items:center;gap:9px;padding:9px 12px;position:absolute;top:72px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #552e9a2e;display:flex!important}.editor-shell .canvas-dock{z-index:230;border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 18%, #d7dfd9);width:max-content;max-width:calc(100% - 32px);box-shadow:0 14px 38px color-mix(in srgb, var(--course-primary,#285c45) 15%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff2;border-radius:14px;align-items:stretch;gap:3px;padding:5px;position:absolute;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);display:flex!important}.editor-shell .canvas-dock.canvas-dock-shortcut{bottom:18px;left:18px;transform:none}.editor-shell .canvas-dock.canvas-dock-shortcut button{width:40px;min-width:40px;height:40px;color:var(--course-primary,#285c45);border-radius:10px;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;padding:0;font-size:18px;font-weight:800;display:grid}.editor-shell :is(.learning-block,.preview-card,.course-opening).layout-smart{flex-direction:column;align-items:stretch;display:flex}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=title]{margin-top:10px;margin-bottom:14px}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=title]>h1{margin:0}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=image]{margin-top:18px;margin-bottom:6px}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=image]>:is(.preview-image,.resizable-image-card){margin-top:0;margin-bottom:0}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=activity]{margin-top:28px}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=activity]>:first-child{margin-top:0}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=navigation]{margin-top:36px}.editor-shell :is(.learning-block,.preview-card).layout-smart>.canvas-resizable-region[data-region=navigation]>.preview-controls{margin-top:0}.editor-shell .canvas-resizable-region[data-smart-drop=before]:before,.editor-shell .canvas-resizable-region[data-smart-drop=after]:after{z-index:60;background:var(--course-primary,#285c45);width:100%;height:4px;box-shadow:0 0 0 4px color-mix(in srgb, var(--course-primary,#285c45) 14%, transparent), 0 5px 18px color-mix(in srgb, var(--course-primary,#285c45) 34%, transparent);content:"";pointer-events:none;border-radius:999px;position:absolute;left:0}.editor-shell .canvas-resizable-region[data-smart-drop=before]:before{top:-10px}.editor-shell .canvas-resizable-region[data-smart-drop=after]:after{bottom:-10px}.editor-shell .canvas-resizable-region.free-positioned{margin:0!important}.editor-shell .canvas-resizable-region.smart-detached{cursor:default;filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--course-primary,#285c45) 10%, transparent))}.editor-shell .canvas-resizable-region.smart-detached::selection{background:0 0}.editor-shell .canvas-resizable-region[style*=--canvas-region-height]{min-height:0!important;height:var(--canvas-region-height)!important}.editor-shell .canvas-region-resize-handle{z-index:40;border:2px solid #fff;border-radius:3px;width:10px;height:10px;display:block;position:absolute;box-shadow:0 1px 4px #10221938}.editor-shell .canvas-region-resize-handle.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.editor-shell .canvas-region-resize-handle.handle-n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.editor-shell .canvas-region-resize-handle.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.editor-shell .canvas-region-resize-handle.handle-e{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.editor-shell .canvas-region-resize-handle.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.editor-shell .canvas-region-resize-handle.handle-s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.editor-shell .canvas-region-resize-handle.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.editor-shell .canvas-region-resize-handle.handle-w{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.editor-shell .canvas-resizable-region.free-positioned[style*=--canvas-region-height]>:first-child,.editor-shell .canvas-resizable-region.smart-detached[style*=--canvas-region-height]>:first-child{height:100%;max-height:100%;overflow:auto;min-height:0!important}.editor-shell .smart-region-control{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 18%, #dce5df);background:color-mix(in srgb, var(--course-primary,#285c45) 5%, white);border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.editor-shell .smart-region-control-icon{background:color-mix(in srgb, var(--course-primary,#285c45) 13%, white);width:34px;height:34px;color:var(--course-primary,#285c45);border-radius:9px;place-items:center;display:grid}.editor-shell .smart-region-control-icon svg{width:16px;height:16px}.editor-shell .smart-region-control>span:nth-child(2){gap:2px;min-width:0;display:grid}.editor-shell .smart-region-control b{color:#26372e;font-size:10px}.editor-shell .smart-region-control small{color:#6f7d75;font-size:8px;line-height:1.35}.editor-shell .smart-region-control>button{background:#dce5df;border:0;border-radius:999px;width:34px;height:20px;padding:3px}.editor-shell .smart-region-control>button i{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s;display:block;box-shadow:0 1px 4px #1b30242b}.editor-shell .smart-region-control.is-detached>button{background:var(--course-primary,#285c45)}.editor-shell .smart-region-control.is-detached>button i{transform:translate(14px)}.editor-shell .typography-controls{gap:12px}.ai-direction-dialog{width:min(560px,100vw - 32px)!important}.ai-direction-field{gap:8px;display:grid}.ai-direction-field>span{color:var(--course-primary,#285c45);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.ai-direction-field textarea{resize:vertical;min-height:132px}.ai-direction-field small{color:#78847d;font-size:10px}.editor-shell .canvas-dock>i{background:#e0e5e1;width:1px;margin:4px 2px}.editor-shell .canvas-dock button{color:#506058;border-radius:9px;grid-template-rows:22px 12px;grid-template-columns:1fr auto;align-items:center;gap:0 4px;min-width:48px;padding:4px 6px;display:grid!important}.editor-shell .canvas-dock button:hover,.editor-shell .canvas-dock button.active{background:color-mix(in srgb, var(--course-primary,#285c45) 11%, white);color:var(--course-primary,#285c45)}.editor-shell .canvas-dock button>span{grid-column:1/-1;place-items:center;display:grid}.editor-shell .canvas-dock svg{width:15px;height:15px}.editor-shell .canvas-dock b{font-size:8px;font-weight:750}.editor-shell .canvas-dock kbd{background:color-mix(in srgb, var(--course-primary,#285c45) 7%, #f2f4f2);color:#748078;border-radius:4px;padding:1px 3px;font-size:7px}.module-library-dialog{grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:hidden;width:min(1120px,100vw - 48px)!important;max-width:1120px!important;height:min(780px,100vh - 48px)!important;padding:24px!important;display:grid!important}.module-library-dialog .module-library-tabs{background:color-mix(in srgb, var(--course-primary,#285c45) 7%, #edf1ee);border-radius:11px;gap:4px;padding:4px;display:flex!important}.module-library-dialog .module-library-tabs button{color:#5d6c64;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:750;display:flex}.module-library-dialog .module-library-tabs button svg{width:14px;height:14px}.module-library-dialog .module-library-tabs button.active{color:var(--course-primary,#285c45);box-shadow:0 2px 9px color-mix(in srgb, var(--course-primary,#285c45) 13%, transparent);background:#fff}.module-library-dialog .element-preset-library{border:1px solid color-mix(in srgb, var(--course-primary,#285c45) 12%, #dfe5e0);background:color-mix(in srgb, var(--course-primary,#285c45) 3%, white);border-radius:16px;align-content:start;gap:18px;min-height:0;overflow:hidden auto;padding:22px!important;display:grid!important}.module-library-dialog .element-preset-library>header{align-items:flex-start;gap:12px;display:flex!important}.module-library-dialog .element-preset-library>header>span{background:color-mix(in srgb, var(--course-primary,#285c45) 15%, white);width:42px;height:42px;color:var(--course-primary,#285c45);border-radius:12px;place-items:center;display:grid}.module-library-dialog .element-preset-library h3,.module-library-dialog .blank-module-choice h3{margin:0;font-size:17px}.module-library-dialog .element-preset-library p,.module-library-dialog .blank-module-choice p{color:#6c7972;margin:3px 0 0;font-size:11px}.module-library-dialog .element-library-context{background:color-mix(in srgb, var(--course-primary,#285c45) 9%, white);color:#65736b;border-radius:999px;align-items:center;gap:4px;max-width:100%;margin-top:8px;padding:5px 9px;font-size:9px;display:inline-flex}.module-library-dialog .element-library-context b{max-width:260px;color:var(--course-primary,#285c45);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-library-dialog .element-preset-library>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid!important}.module-library-dialog .element-preset-library>.element-library-tools{z-index:2;background:color-mix(in srgb, var(--course-primary,#285c45) 3%, white);gap:10px;margin:0 -2px;padding:4px 2px 10px;position:sticky;top:-22px;grid-template-columns:1fr!important;display:grid!important}.module-library-dialog .element-library-tools>label{color:#6b7871;background:#fff;border:1px solid #dbe4de;border-radius:11px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:40px;padding:0 11px;display:grid}.module-library-dialog .element-library-tools>label input{height:38px;box-shadow:none;border:0}.module-library-dialog .element-library-tools>div{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.module-library-dialog .element-library-tools>div::-webkit-scrollbar{display:none}.module-library-dialog .element-library-tools>div>button{color:#627068;background:#fff;border:1px solid #dbe4de;border-radius:999px;flex:none;min-height:30px;padding:6px 10px;font-size:10px;font-weight:720}.module-library-dialog .element-library-tools>div>button.active{border-color:color-mix(in srgb, var(--course-primary,#285c45) 36%, #dbe4de);background:color-mix(in srgb, var(--course-primary,#285c45) 12%, white);color:var(--course-primary,#285c45)}.module-library-dialog .element-preset-library>.element-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:9px;width:100%;min-width:0;display:grid!important}.module-library-dialog .element-preset-library>.element-library-grid>button{text-align:left;background:#fff;border:1px solid #dfe5e0;border-radius:13px;grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:2px 9px;min-width:0;padding:11px 12px;display:grid!important}.module-library-dialog .element-preset-library>.element-library-grid>button:hover{border-color:color-mix(in srgb, var(--course-primary,#285c45) 55%, #dfe5e0);background:color-mix(in srgb, var(--course-primary,#285c45) 5%, white);box-shadow:0 7px 20px color-mix(in srgb, var(--course-primary,#285c45) 9%, transparent)}.module-library-dialog .element-preset-library>.element-library-grid>button:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.55);box-shadow:none;transform:none}.module-library-dialog .element-library-grid>button>i{background:color-mix(in srgb, var(--course-primary,#285c45) 11%, white);width:34px;height:34px;color:var(--course-primary,#285c45);border-radius:9px;grid-row:1/3;place-items:center;font-size:11px;font-style:normal;font-weight:800;display:grid}.module-library-dialog .element-library-grid>button>span:not(.element-library-add){grid-row:1/3}.module-library-dialog .element-library-grid>button>em{color:#718078;white-space:nowrap;background:#f1f4f2;border-radius:999px;align-self:end;padding:3px 6px;font-size:8px;font-style:normal;font-weight:720}.module-library-dialog .element-library-grid>button>.element-library-add{background:color-mix(in srgb, var(--course-primary,#285c45) 11%, white);color:var(--course-primary,#285c45);white-space:nowrap;border-radius:8px;grid-row:1/3;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex}.module-library-dialog .element-library-grid>button>.element-library-add svg{width:12px;height:12px}.module-library-dialog .element-library-empty{color:#738078;text-align:center;grid-column:1/-1;place-content:center;justify-items:center;gap:5px;min-height:150px;display:grid}.module-library-dialog .element-preset-library>div>button{text-align:left;background:#fff;border:1px solid #dfe5e0;border-radius:12px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;padding:13px;display:grid!important}.module-library-dialog .element-preset-library>div>button:hover{border-color:color-mix(in srgb, var(--course-primary,#285c45) 55%, #dfe5e0);background:color-mix(in srgb, var(--course-primary,#285c45) 5%, white)}.module-library-dialog .element-preset-library button>span:not(.element-library-add){min-width:0;display:grid}.module-library-dialog .element-preset-library button b{font-size:11px}.module-library-dialog .element-preset-library button small{color:#78847d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.module-library-dialog .element-preset-library svg{width:16px}.module-library-dialog .blank-module-choice{border:1px dashed color-mix(in srgb, var(--course-primary,#285c45) 42%, #cbd7cf);background:color-mix(in srgb, var(--course-primary,#285c45) 4%, white);text-align:center;border-radius:16px;align-content:center;justify-items:center;gap:10px;padding:50px 20px;display:grid!important}.module-library-dialog .blank-module-choice>span{border:1px dashed color-mix(in srgb, var(--course-primary,#285c45) 55%, #cbd7cf);background:color-mix(in srgb, var(--course-primary,#285c45) 11%, white);width:58px;height:58px;color:var(--course-primary,#285c45);border-radius:16px;place-items:center;display:grid}.module-library-dialog :is(.element-preset-library,.blank-module-choice)[hidden]{display:none!important}@media (max-width:1180px){.editor-shell .editor-workspace.has-context-panel{grid-template-columns:210px minmax(500px,1fr) 330px}.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed{grid-template-columns:44px minmax(500px,1fr) 330px}.editor-shell .editor-workspace.has-context-panel.inspector-collapsed{grid-template-columns:210px minmax(500px,1fr) 44px}.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed.inspector-collapsed{grid-template-columns:44px minmax(500px,1fr) 44px}.editor-shell .inspector{width:330px}.editor-shell .canvas-dock button{min-width:40px}}.editor-shell .canvas-view-menu{position:relative}.editor-shell .canvas-view-menu>summary{color:#405148;cursor:pointer;background:#fff;border:1px solid #dbe5de;border-radius:10px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:11px;font-weight:750;list-style:none;display:flex}.editor-shell .canvas-view-menu>summary::-webkit-details-marker{display:none}.editor-shell .canvas-view-menu>summary svg{width:15px;height:15px}.editor-shell .canvas-view-menu[open]>summary{border-color:var(--course-primary,#159261);background:color-mix(in srgb, var(--course-primary,#159261) 8%, white);color:var(--course-primary,#159261)}.editor-shell .canvas-view-menu>div{z-index:3000;border:1px solid color-mix(in srgb, var(--course-primary,#159261) 20%, #dbe5de);background:#fff;border-radius:14px;width:264px;padding:10px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 54px #1430222e}.editor-shell .canvas-view-menu header{border-bottom:1px solid #e5ece7;justify-content:space-between;align-items:baseline;padding:5px 6px 9px;display:flex}.editor-shell .canvas-view-menu header b{font-size:12px}.editor-shell .canvas-view-menu header small{color:#7b8981;font-size:9px}.editor-shell .canvas-view-menu label{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:12px;padding:9px 6px;display:flex}.editor-shell .canvas-view-menu label>span{gap:2px;display:grid}.editor-shell .canvas-view-menu label b{font-size:11px}.editor-shell .canvas-view-menu label small{color:#7b8981;font-size:9px}.editor-shell .canvas-view-menu footer{color:#6c7a72;align-items:center;gap:6px;padding:10px 6px 3px;font-size:9px;display:flex}.editor-shell .canvas-view-menu footer kbd{color:#34483d;background:#f5f8f6;border:1px solid #d9e2dc;border-radius:5px;padding:2px 5px;font:700 8px/1.2 ui-monospace,monospace}.editor-shell .canvas.editor-grid-visible .module-renderer-stage>section>:is(.preview-card,.course-opening,.learning-block):after{content:"";z-index:900;border-radius:inherit;pointer-events:none;background-image:linear-gradient(to right, color-mix(in srgb, var(--course-primary,#159261) 32%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--course-primary,#159261) 22%, transparent) 1px, transparent 1px);background-size:calc(100% / var(--canvas-grid-columns,12)) 100%, 100% var(--canvas-grid-row-size,70.833px);box-shadow:inset 1px 0 color-mix(in srgb, var(--course-primary,#159261) 32%, transparent);position:absolute;inset:0}.editor-shell .canvas.editor-safe-area-visible .module-renderer-stage>section>:is(.preview-card,.course-opening,.learning-block){outline:1px dashed color-mix(in srgb, var(--course-primary,#159261) 65%, white);outline-offset:-4%}.design-avatar{overflow:visible;background:0 0!important}.design-avatar-viewport{isolation:isolate;background:0 0;position:absolute;inset:0;overflow:hidden}.design-avatar-viewport.avatar-bg-glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff94;box-shadow:inset 0 1px #ffffffb3,0 18px 42px #132f2124;background:color-mix(in srgb, var(--course-surface,#edf6f0) 68%, transparent)!important}.design-avatar-media{transform-origin:50% 70%;position:absolute;inset:0}.design-avatar-placeholder{text-align:center;color:color-mix(in srgb, var(--course-primary,#148158) 82%, #18231e);border:1px dashed color-mix(in srgb, var(--course-primary,#148158) 42%, transparent);background:color-mix(in srgb, var(--course-primary,#148158) 8%, white);border-radius:inherit;place-content:center;gap:6px;padding:18px;display:grid;position:absolute;inset:0}.design-avatar-placeholder span{font-weight:750}.design-avatar-placeholder small{opacity:.72;max-width:18ch;line-height:1.35}.design-avatar-viewport .presenter-overlay{pointer-events:none;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important}.design-avatar-viewport .presenter-stage-background{display:none!important}.design-avatar-viewport .presenter-overlay canvas{object-fit:contain;object-position:center bottom;pointer-events:none;display:block;position:absolute;bottom:0;right:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important}.design-avatar-viewport.avatar-view-three-quarter .presenter-overlay canvas{right:-11%;width:122%!important}.design-avatar-viewport.avatar-view-portrait .presenter-overlay canvas{right:-29%;width:158%!important}.design-avatar-viewport.avatar-view-close-up .presenter-overlay canvas{right:-52%;width:205%!important}.design-avatar-viewport.avatar-flipped .presenter-overlay canvas{transform:scaleX(-1)}.design-avatar-viewport .presenter-overlay .presenter-controls{pointer-events:auto;gap:1px;padding:3px;top:8px;right:8px}.design-avatar-viewport .presenter-overlay .presenter-controls button{width:28px;height:28px;padding:7px!important}.design-avatar-viewport .presenter-status{font-size:9px;top:46px;right:8px}.avatar-element-controls{gap:12px;display:grid}.inspector-inline-toggle{align-items:center;gap:9px;display:flex}.inspector-inline-toggle>span{gap:2px;display:grid}.inspector-inline-toggle b{font-size:10px}.inspector-inline-toggle small{color:#748078;font-size:8px}@media (max-width:760px){.module-library-dialog .element-preset-library>.element-library-grid{grid-template-columns:1fr}.editor-shell .canvas-dock b,.editor-shell .canvas-dock kbd{display:none}.editor-shell .canvas-dock button{grid-template-rows:28px;grid-template-columns:1fr;min-width:34px}}@media (max-width:900px){.editor-shell .editor-workspace.has-context-panel,.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed,.editor-shell .editor-workspace.has-context-panel.inspector-collapsed,.editor-shell .editor-workspace.has-context-panel.course-structure-collapsed.inspector-collapsed{grid-template-columns:minmax(0,1fr)!important}.editor-shell :is(.module-list,.inspector,.collapsed-panel-rail){display:none!important}.editor-shell .canvas{grid-column:1;width:100%;min-width:0;max-width:100vw;overflow-x:hidden}}@media (max-width:760px){.editor-shell .canvas-top{justify-content:center;align-items:center;gap:8px;width:100%;height:54px;min-height:54px;padding:7px 10px;display:flex;overflow:hidden}.editor-shell .canvas-language-control,.editor-shell .canvas-toolbar,.editor-shell .canvas-device-switcher,.editor-shell .canvas-preview-actions>span:last-child{display:none!important}.editor-shell .canvas-preview-actions{justify-content:center;gap:8px;width:100%}.editor-shell .canvas-preview-actions>button{min-width:0;max-width:170px}.editor-shell .module-renderer-stage>section{width:100%;min-width:0;padding:18px 10px 76px}.editor-shell .module-renderer-stage>section>:is(.preview-card,.course-opening,.learning-block){width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important}.editor-shell .course-opening>.canvas-resizable-region{width:100%!important;height:auto!important;min-height:0!important;margin-inline:0!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.editor-shell .course-opening>.canvas-resizable-region[data-region=brand]{order:0!important}.editor-shell .course-opening>.canvas-resizable-region[data-region=opening\ copy]{order:1!important}.editor-shell .course-opening>.canvas-resizable-region[data-region=learning\ outcomes]{order:3!important}.editor-shell .course-opening>.canvas-resizable-region[data-region=course\ details]{order:4!important}.editor-shell .course-opening>.canvas-resizable-region[data-region=start\ button]{order:5!important}.editor-shell .course-opening>.design-layer:has(.design-avatar){order:2;width:100%;height:clamp(210px,72vw,300px);margin:18px 0 4px;position:relative;inset:auto}.editor-shell .course-opening>.design-layer:has(.design-avatar) .design-avatar{width:min(64%,230px)!important;height:100%!important;top:0!important;left:50%!important;transform:translate(-50%)!important}.editor-shell .course-opening .opening-outcomes{margin-top:18px}.editor-shell .course-opening .opening-meta{margin-top:20px}.editor-shell .course-opening .opening-actions{margin-top:18px;padding-top:18px}.editor-shell .canvas-dock.canvas-dock-shortcut{bottom:12px;left:12px}.editor-shell .canvas-dock.canvas-dock-shortcut button{grid-template-columns:1fr;width:42px;min-width:42px;padding:0}.editor-shell .canvas-dock.canvas-dock-shortcut button>span{display:none}}