.lesson-board{position:relative;border:1px solid #d6ddda;border-radius:15px;background:#fff;overflow:hidden;min-width:0;margin:20px 0;color:#263431;font-family:inherit}
.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #e1e6e3;background:#fff}
.board-tool-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.lesson-board button{font:inherit}
.board-toolbar button,.board-inspector button{border:1px solid #d6dfda;border-radius:7px;background:#fff;color:#294039;padding:7px 9px;font-size:12px;line-height:1.35;cursor:pointer}
.board-toolbar button:hover,.board-inspector button:hover{background:#edf5ef}
.board-toolbar button[aria-pressed=true]{background:#294d42;color:#fff;border-color:#294d42}
.board-zoom-controls output{width:43px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
.board-workspace{display:flex;min-width:0}
.board-viewport{position:relative;flex:1;min-width:0;height:580px;overflow:auto;background:#e9ede9;overscroll-behavior:contain;outline-offset:-3px;touch-action:pan-x pan-y}
.board-editor .board-viewport{height:650px}
.board-page .board-viewport{flex:1 1 auto;min-height:0}
.board-page .board-inspector[hidden]{display:none}
.board-spacer{position:relative;margin:16px;flex:none}
.board-surface{position:relative;transform-origin:top left;background-image:radial-gradient(#b8c1bb66 1px,transparent 1px);background-size:24px 24px;box-shadow:0 3px 18px #20382c1c}
.board-item{position:absolute;box-sizing:border-box;outline:none;overflow:visible}
.board-item-text{height:100%;box-sizing:border-box;padding:var(--board-text-padding,10px 13px);overflow:auto;line-height:var(--board-line-height,1.35);overflow-wrap:anywhere;scrollbar-width:thin;display:flex;flex-direction:column;justify-content:var(--board-vertical-align,flex-start)}
.board-item-text>div{width:100%;flex-shrink:0}
.board-item-text p,.board-item-text ul,.board-item-text ol{font:inherit;line-height:inherit;margin:0 0 var(--board-paragraph-spacing,.7em);color:inherit}
.board-item-text p:last-child{margin-bottom:0}
.board-item-text li{margin:0;line-height:inherit}
.board-imported-text .board-item-text{overflow-wrap:normal}
.board-item-text h2,.board-item-text h3,.board-item-text h4,.board-item-text h5,.board-item-text h6{font-family:inherit;font-size:1.25em;line-height:1.2;color:inherit;margin:0 0 .5em}
.board-item-text a{color:#245c87;text-decoration:underline}
.board-item-sticky{box-shadow:2px 6px 13px #283c2821;border-radius:2px}
.board-item-sticky .board-item-text{padding:var(--board-text-padding,22px)}
.board-image-viewport{position:absolute;inset:0;overflow:hidden}
.board-item-image img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.board-item-video video{display:block;width:100%;height:100%;object-fit:contain}
.board-path-graphic{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.board-shape-graphic{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.board-shape-graphic>*{vector-effect:non-scaling-stroke;stroke-linejoin:round}
.board-item-shape .board-item-text{position:absolute;inset:7%;height:auto;padding:var(--board-text-padding,0);display:flex;align-items:center;justify-content:var(--board-vertical-align,center);box-sizing:border-box}
.board-item-shape .board-item-text>div{width:100%;max-height:100%;overflow:auto}
.board-shape-circle .board-item-text{inset:16%}
.board-shape-star .board-item-text{inset:35% 26% 29%}
.board-shape-bubble .board-item-text{inset:9% 9% 27%}
.board-shape-arrow_right .board-item-text{inset:29% 40% 29% 5%}
.board-item-selected{outline:2px solid #30856c;outline-offset:2px;z-index:1}
.board-item:focus-visible{outline:3px solid #30856c;outline-offset:3px}
.board-item-handle{position:absolute;left:50%;top:calc(-21px / var(--board-scale,1));transform:translateX(-50%);height:calc(22px / var(--board-scale,1));min-width:calc(44px / var(--board-scale,1));padding:0 8px;border:1px solid #9ec2b5;border-radius:5px 5px 0 0;background:#fafffc;color:#2b6453;font-size:calc(18px / var(--board-scale,1))!important;line-height:calc(20px / var(--board-scale,1))!important;cursor:grab;opacity:0;touch-action:none;z-index:2}
.board-item-handle,.board-resize{pointer-events:none}
.board-item:hover .board-item-handle,.board-item:focus-within .board-item-handle,.board-item-selected .board-item-handle{opacity:1;pointer-events:auto}
.board-resize{position:absolute;right:calc(-6px / var(--board-scale,1));bottom:calc(-6px / var(--board-scale,1));width:calc(15px / var(--board-scale,1));height:calc(15px / var(--board-scale,1));padding:0;border:2px solid #fff;border-radius:3px;background:#30856c;box-shadow:0 0 0 1px #30856c;cursor:nwse-resize;opacity:0;touch-action:none;z-index:3}
.board-item-selected .board-resize,.board-item:focus-within .board-resize{opacity:1;pointer-events:auto}
.board-item-link{position:absolute;right:3px;top:3px;border-radius:4px;background:#fffffff0;color:#295e50;width:25px;height:25px;text-align:center;font:17px/25px sans-serif;text-decoration:none;z-index:2}
.board-media-missing{display:grid;place-items:center;height:100%;border:2px dashed #b4c4ba;background:#ffffff99;font:15px/1.4 sans-serif;color:#64766b;text-align:center}
.board-empty{position:absolute;top:38%;left:15%;width:70%;pointer-events:none;color:#64776e;font-size:14px;line-height:1.7;text-align:center}
.board-empty[hidden]{display:none}
.board-inspector{width:230px;flex:none;padding:15px;border-left:1px solid #dde5df;background:#fff;max-height:650px;overflow-y:auto;font-size:12px}
.board-inspector h3{font-size:15px;font-family:inherit;margin:0 0 15px}
.board-inspector p,.board-inspector small{font-size:11px;color:#697a70;line-height:1.55;display:block}
.board-inspector label{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;color:#3c5046;font-size:11px;font-weight:600;min-width:0}
.board-inspector input,.board-inspector textarea,.board-inspector select{width:100%;min-width:0;padding:7px 8px;border:1px solid #d5dfd8;border-radius:6px;background:#fff;color:#2b3b33;font-family:inherit;font-size:12px;line-height:1.45;box-sizing:border-box}
.board-inspector textarea{resize:vertical;min-height:70px}
.board-inspector input[type=color]{padding:3px;height:33px}
.board-inspector small{margin:-6px 0 13px}
.board-property-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.board-inspector-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.board-inspector>button{margin-bottom:12px}
.board-footer{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:#fff;border-top:1px solid #e1e6e3;font-size:10px;line-height:1.6;color:#64746a}
.board-panning .board-viewport,.board-panning .board-item{cursor:grab}
.board-dragging .board-viewport,.board-dragging .board-item-handle{cursor:grabbing}
.board-dragging{user-select:none}
.board-vocabulary{display:inline!important;padding:0!important;border:0!important;border-bottom:1px dashed #397464!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:inherit!important;cursor:help}
.board-vocabulary:hover{background:#bce1cf66!important}
.board-definition{position:absolute;z-index:20;right:20px;bottom:45px;max-width:330px;min-width:180px;padding:18px 35px 16px 18px;background:#fff;box-shadow:0 8px 35px #1c40312e;border:1px solid #bad4c6;border-radius:10px}
.board-definition[hidden]{display:none}
.board-definition>button{position:absolute;right:9px;top:5px;border:0;background:transparent;cursor:pointer;font-size:23px;color:#63776b}
.board-definition strong{font-size:15px}
.board-definition p{font-size:14px;line-height:1.5;margin:7px 0 0;white-space:pre-wrap;color:#3b5143}
.board-drop-target{outline:3px dashed #30856c;outline-offset:-5px}
.board-editor-field{margin:0 -10px 20px}
.editor-canvas:has(.board-editor){padding-left:18px;padding-right:18px}
@media(max-width:1200px){.board-workspace{flex-direction:column}.board-inspector{width:auto;border-left:0;border-top:1px solid #dde5df;max-height:330px}.board-editor .board-viewport{height:520px}.board-inspector .board-inspector-actions{margin-bottom:5px}}
@media(max-width:600px){.board-toolbar{padding:8px;gap:6px}.board-toolbar button{font-size:11px;padding:6px}.board-viewport,.board-editor .board-viewport{height:430px}.board-zoom-controls{margin-left:auto}.board-footer>span+span{display:none}.board-definition{right:9px;left:9px;max-width:none}.board-editor-field{margin-left:-4px;margin-right:-4px}}