@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
.emdi-root{--bg-page:#f2f2eb;--bg-surface:#fff;--bg-muted:#f8f9f2;--bg-panel:linear-gradient(135deg,#e6f5d8 0%,#fff8dd 100%);--text-main:#132012;--text-soft:#44513f;--border:#c6d0c0;--accent:#1c7c3a;--accent-contrast:#f7fff9;--shadow:0 6px 18px rgba(23,39,20,.08);--radius:10px;--splitter-size:8px}.emdi-root,.emdi-root *{box-sizing:border-box}.emdi-root{background:radial-gradient(circle at 10% 10%,#fbffe9 0%,var(--bg-page)42%);color:var(--text-main);height:100dvh;min-height:100dvh;font-family:Space Grotesk,Segoe UI,sans-serif;font-size:13px;line-height:1.35;overflow:hidden}body.emdi-is-row-resizing,body.emdi-is-row-resizing *{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:row-resize!important}body.emdi-is-col-resizing,body.emdi-is-col-resizing *{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize!important}.emdi-root h1,.emdi-root h2,.emdi-root h3{margin:0;line-height:1.2}.emdi-root pre,.emdi-root code,.emdi-root textarea{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}.emdi-root button{font:inherit;color:inherit}.emdi-root .app-shell{grid-template-rows:auto 1fr;gap:.45rem;width:100%;height:100%;padding:.45rem;display:grid;overflow:hidden}.emdi-root .route-actions{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:rgba(255,255,255,.9);justify-content:space-between;align-items:center;gap:.45rem;padding:.34rem .52rem;display:flex}.emdi-root .route-title{letter-spacing:.02em;font-size:.86rem;font-weight:700}.emdi-root .resizable-layout{grid-template-rows:minmax(0,1fr)var(--splitter-size)minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.emdi-root .resizable-layout.panel-collapsed{grid-template-rows:auto 1fr}.emdi-root .splitter{z-index:5;background:#e3eadf;border:1px solid #becab9;position:relative}.emdi-root .splitter:after{content:"";opacity:.85;background:#a6b8a4;border-radius:999px;position:absolute}.emdi-root .splitter:focus-visible{outline-offset:-2px;outline:2px solid #3a7f4b}.emdi-root .splitter-horizontal{height:var(--splitter-size);cursor:row-resize;border-left:0;border-right:0}.emdi-root .splitter-horizontal:after{top:2px;bottom:2px;left:35%;right:35%}.emdi-root .splitter-vertical{width:var(--splitter-size);cursor:col-resize;border-top:0;border-bottom:0}.emdi-root .splitter-vertical:after{top:35%;bottom:35%;left:2px;right:2px}.emdi-root .top-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.emdi-root .top-panel-header{background:var(--bg-panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.6rem;padding:.58rem .74rem;display:flex}.emdi-root .top-panel-header h1{letter-spacing:.03em;font-size:1.06rem}.emdi-root .top-panel-content{flex:1;grid-template-columns:minmax(180px,240px) 1fr;min-height:0;display:grid}.emdi-root .panel-title{margin-bottom:.55rem;font-size:.92rem}.emdi-root .lesson-list{border-right:1px solid var(--border);background:var(--bg-muted);min-height:0;padding:.62rem;overflow:auto}.emdi-root .lesson-list ul{gap:.34rem;margin:0;padding:0;list-style:none;display:grid}.emdi-root .lesson-item{text-align:left;cursor:pointer;background:#eef4ea;border:1px solid transparent;border-radius:8px;width:100%;padding:.38rem .46rem}.emdi-root .lesson-item:hover{border-color:#b8c7b5}.emdi-root .lesson-item.is-active{background:#d8ecd7;border-color:#9ec89f;font-weight:700}.emdi-root .lesson-detail{min-height:0;padding:.62rem .74rem;overflow:auto}.emdi-root .lesson-header{justify-content:space-between;align-items:center;gap:.56rem;display:flex}.emdi-root .lesson-summary{color:var(--text-soft);margin:.52rem 0 .46rem}.emdi-root .lesson-block{margin-top:.58rem}.emdi-root .lesson-block h3{margin-bottom:.28rem;font-size:.84rem}.emdi-root .lesson-block pre{border:1px solid var(--border);white-space:pre-wrap;background:#f6f8f4;border-radius:8px;margin:0;padding:.48rem;overflow:auto}.emdi-root .primary-button,.emdi-root .copy-button,.emdi-root .ghost-button,.emdi-root .mobile-tab{cursor:pointer;border:1px solid transparent;border-radius:8px}.emdi-root .primary-button{background:var(--accent);color:var(--accent-contrast);padding:.3rem .48rem;font-size:.82rem}.emdi-root .primary-button:hover{filter:brightness(1.03)}.emdi-root .ghost-button{background:#fff;border-color:#a7b7a5;align-items:center;padding:.26rem .44rem;font-size:.82rem;text-decoration:none;display:inline-flex}.emdi-root .ghost-button:hover{background:#f7faf4}.emdi-root .workspace-region{flex-direction:column;gap:.45rem;min-height:0;display:flex;overflow:hidden}.emdi-root .mobile-switch{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);gap:.26rem;padding:.2rem;display:none}.emdi-root .mobile-tab{border-color:var(--border);background:#f2f5f0;flex:1;padding:.35rem .25rem;font-size:.8rem}.emdi-root .mobile-tab.is-active{background:#dbebdb;border-color:#95ba98;font-weight:700}.emdi-root .workspace{grid-template-columns:1fr var(--splitter-size)1fr;flex:1;min-height:0;display:grid}.emdi-root .workspace-pane{min-width:0;min-height:0;overflow:hidden}.emdi-root .editor-pane,.emdi-root .preview-pane{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;min-height:0;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.emdi-root .pane-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.42rem;padding:.5rem .62rem;display:flex}.emdi-root .pane-header h2{font-size:.9rem;font-weight:700}.emdi-root .pane-header-wrap{flex-wrap:wrap}.emdi-root .editor-actions{flex-wrap:wrap;justify-content:flex-end;gap:.24rem;display:flex}.emdi-root .copy-button{background:#fff;border-color:#a6b5a4;align-items:center;gap:.2rem;min-height:24px;padding:.2rem .32rem;font-size:.74rem;line-height:1.1;display:inline-flex}.emdi-root .copy-button:hover{background:#f5f9f2}.emdi-root .clear-button{background:#fff4f4;border-color:#d1b7b7}.emdi-root .clear-button:hover{background:#ffe7e7}.emdi-root .editor-input{resize:none;width:100%;height:100%;min-height:0;color:var(--text-main);background:#f7faf4;border:0;outline:none;flex:1;padding:.64rem;font-size:.86rem;line-height:1.4}.emdi-root .preview-content{flex:1;min-height:0;padding:.64rem;font-size:.86rem;line-height:1.4;overflow:auto}.emdi-root .preview-content>:first-child{margin-top:0}.emdi-root .preview-content table{border-collapse:collapse;width:100%}.emdi-root .preview-content th,.emdi-root .preview-content td{border:1px solid var(--border);padding:.2rem .3rem}.emdi-root .preview-content pre{background:#eff4ec;border-radius:8px;padding:.45rem;overflow:auto}.emdi-root .preview-content blockquote{color:#3f4f3b;border-left:3px solid #a4c8a4;margin-left:0;padding-left:.5rem}.emdi-root .preview-content hr{border:0;border-top:1px solid var(--border);margin:.7rem 0}.emdi-root .sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.emdi-root .top-panel-content{grid-template-columns:1fr}.emdi-root .lesson-list{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:760px){.emdi-root .app-shell{padding:.35rem}.emdi-root .route-actions{padding:.3rem .44rem}.emdi-root .route-title{font-size:.78rem}.emdi-root .mobile-switch{display:flex}.emdi-root .workspace{display:block}.emdi-root .workspace-pane{height:100%}.emdi-root .workspace-pane.mobile-hidden,.emdi-root .splitter-vertical{display:none}}