.rich-editor{border:1px solid #cbd5e1;border-radius:10px;background:#fff;overflow:hidden;position:relative;isolation:isolate}
.rich-ribbon{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;padding:9px;background:#f1f5f9;border-bottom:1px solid #cbd5e1;position:relative;top:auto;z-index:1}
.rich-group{display:flex;flex-wrap:nowrap;gap:3px;align-items:center;padding-right:6px;border-right:1px solid #cbd5e1}
.rich-group:last-child{border:0}.rich-group button,.rich-group select{height:32px;border:1px solid #cbd5e1;background:#fff;border-radius:5px;padding:4px 8px;color:#243b53;font-size:12px;white-space:nowrap}
.rich-group button:hover,.rich-group select:hover{border-color:#1769e0;color:#1769e0;background:#eef5ff}.rich-group select[data-cmd=fontName]{width:125px}
.rich-color{width:34px;height:32px;border:1px solid #cbd5e1;border-radius:5px;display:grid;place-items:center;position:relative;font-weight:700}.rich-color input{position:absolute;inset:auto 2px 1px;width:28px;height:7px;border:0;padding:0}
.rich-surface{min-height:460px;padding:38px 52px;outline:0;line-height:1.65;background:#fff;color:#172b4d;overflow-wrap:anywhere}.rich-surface:focus{box-shadow:inset 0 0 0 2px #1769e033}
.rich-surface h1{font-size:2rem}.rich-surface h2{font-size:1.55rem}.rich-surface h3{font-size:1.25rem}.rich-surface blockquote{border-left:4px solid #94a3b8;padding:8px 16px;color:#475569;background:#f8fafc}.rich-surface pre{background:#172b4d;color:#fff;padding:14px;border-radius:6px}
.rich-surface table,.lesson-rich-content table{border-collapse:collapse;width:100%;margin:12px 0}.rich-surface td,.rich-surface th,.lesson-rich-content td,.lesson-rich-content th{border:1px solid #94a3b8;padding:8px;min-width:50px}
.rich-source{display:none;width:100%;min-height:460px;padding:20px;border:0;outline:0;background:#172b4d;color:#e2e8f0;font:13px/1.6 Consolas,monospace}.rich-status{display:flex;justify-content:space-between;padding:6px 12px;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;font-size:11px}
.rich-fullscreen{position:fixed;inset:0;z-index:2000;border-radius:0;overflow:auto;isolation:auto}.rich-fullscreen .rich-ribbon{position:sticky;top:0;z-index:2}.rich-fullscreen .rich-surface,.rich-fullscreen .rich-source{min-height:calc(100vh - 86px)}
details>.rich-editor,details>form .rich-editor{margin-top:12px}details[open]>summary{margin-bottom:8px}
@media(max-width:1100px){.rich-group{border-right:0}.rich-ribbon{gap:5px}.rich-surface{padding:28px}}
@media(max-width:700px){.rich-ribbon{position:relative;overflow-x:auto;flex-wrap:nowrap}.rich-group{flex:0 0 auto}.rich-surface{padding:18px;min-height:350px}.rich-status span:last-child{display:none}.rich-fullscreen .rich-ribbon{position:sticky}}