.lesson-board-shell{--lb-ink:#eaf1e9;--lb-muted:#a8bfbd;--lb-panel:#173a43;--lb-panel-soft:#1d444d;--lb-line:#45666a;--lb-accent:#6ed1cc;--lb-paper:#fcfbf7;color:var(--lb-ink);font:15px/1.5 "Segoe UI",Arial,sans-serif;max-width:1800px;margin:auto;position:relative;isolation:isolate}
:root[data-theme="light"] .lesson-board-shell{--lb-ink:#264e56;--lb-muted:#647e7e;--lb-panel:#fffdf6;--lb-panel-soft:#f0f4ed;--lb-line:#d1ddd4;--lb-accent:#237f88}
.lesson-board-shell *{box-sizing:border-box}.lesson-board-shell h1,.lesson-board-shell h2,.lesson-board-shell h3,.lesson-board-shell p{margin:0}.lesson-board-shell h1{font:600 clamp(25px,2.5vw,36px)/1.25 Georgia,serif;margin:5px 0}.lesson-board-shell h2{font:600 21px/1.3 Georgia,serif;color:var(--lb-ink)}.lesson-board-shell button,.lesson-board-shell input,.lesson-board-shell textarea,.lesson-board-shell select{font-family:inherit}.lesson-board-shell button{cursor:pointer}.lesson-board-shell button:disabled{cursor:default;opacity:.44}.lesson-board-shell [hidden]{display:none!important}.lesson-board-shell a{color:var(--lb-accent)}.lesson-board-shell :focus-visible{outline:3px solid #d4ae62;outline-offset:3px}
.lesson-board-shell .lb-button,.lesson-board-shell .lb-tool{appearance:none;min-height:40px;border:1px solid var(--lb-line);border-radius:10px;background:var(--lb-panel-soft);color:var(--lb-ink);box-shadow:0 1px 2px #0000000c;padding:8px 12px;font:600 13px/1.35 "Segoe UI",Arial,sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:normal;text-align:center;transform:none;letter-spacing:normal;position:static;text-shadow:none;min-width:0}
.lesson-board-shell .lb-button::before,.lesson-board-shell .lb-button::after,.lesson-board-shell .lb-tool::before,.lesson-board-shell .lb-tool::after{display:none}.lesson-board-shell .lb-button:hover:not(:disabled),.lesson-board-shell .lb-tool:hover:not(:disabled){border-color:var(--lb-accent);background:var(--lb-panel)}.lesson-board-shell .lb-primary{background:#237c87;color:#fff;border-color:#237c87}.lesson-board-shell [aria-pressed="true"]{background:#237c87;color:#fff;border-color:#237c87}
.lb-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:8px 0 23px}.lb-header p{color:var(--lb-muted)}.lb-back{font-size:13px;text-decoration:none}.lb-header-side{display:grid;gap:9px;max-width:420px}.lb-student{display:flex;align-items:center;gap:10px;font-size:13px}.lb-student select{min-width:170px;max-width:290px}.lesson-board-shell input:not([type="color"]):not([type="range"]):not([type="file"]),.lesson-board-shell textarea,.lesson-board-shell select{border:1px solid var(--lb-line);border-radius:9px;background:var(--lb-panel);color:var(--lb-ink);padding:10px;min-height:42px;width:100%}.lesson-board-shell textarea{resize:vertical}.lb-header [data-lb-status]{font-size:12px;color:var(--lb-muted);text-align:right}.lb-header .lb-unsaved{color:#bc934a}
.lb-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 220px;gap:16px;align-items:start}.lb-pages,.lb-materials,.lb-workspace{background:var(--lb-panel);border:1px solid var(--lb-line);border-radius:16px;min-width:0;box-shadow:0 6px 22px #00000008}.lb-pages,.lb-materials{padding:17px 13px}.lb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.lb-section-heading h2{font-size:19px}.lb-section-heading>span{font-size:12px;color:var(--lb-muted)}.lb-subtle{font-size:12px;color:var(--lb-muted);line-height:1.5;margin:0 0 14px!important}.lb-pages nav{display:grid;gap:8px;margin:14px 0}.lesson-board-shell .lb-page{display:flex;align-items:flex-start;gap:10px;width:100%;background:transparent;color:var(--lb-ink);border:1px solid transparent;border-radius:11px;text-align:left;padding:11px 8px;box-shadow:none;white-space:normal;line-height:1.35}.lesson-board-shell .lb-page.is-active{background:var(--lb-panel-soft);border-color:var(--lb-accent)}.lb-page-number{flex:none;font-size:12px;border:1px solid var(--lb-line);border-radius:5px;width:25px;height:31px;display:grid;place-items:center}.lb-page strong{display:block;font-size:13px;overflow-wrap:anywhere}.lb-page small{display:block;font-size:11px;color:var(--lb-muted);margin-top:5px}.lb-pages>.lb-button,.lb-page-files>.lb-button{width:100%;margin-top:7px}.lb-page-files{border-top:1px solid var(--lb-line);padding-top:12px;margin-top:17px}.lb-empty{font-size:13px;color:var(--lb-muted);padding:15px 3px}.lb-workspace{overflow:hidden}.lb-page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 20px 14px}.lb-page-heading h2{font-size:24px;overflow-wrap:anywhere}.lb-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--lb-muted);margin-bottom:5px!important}.lb-heading-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lb-heading-actions .lb-button{font-size:11px;min-height:35px;padding:6px 9px}.lb-sharing{background:var(--lb-panel-soft);border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);padding:10px 15px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lb-sharing>span{font-size:12px;flex:1 1 100%;color:var(--lb-muted)}.lb-sharing .lb-button{font-size:12px;min-height:35px}.lb-view-tabs{padding:0 20px 14px;display:flex;flex-wrap:wrap;gap:7px}.lb-view-tabs .lb-button{min-height:35px;font-size:12px}
.lb-toolbar{padding:12px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--lb-line)}.lesson-board-shell .lb-tool{min-width:37px;width:37px;height:38px;min-height:38px;font:23px/1 Georgia,serif;padding:5px}.lb-toolbar .lb-button{font-size:12px;min-height:36px;padding:7px 9px}.lb-tool-divider{height:25px;border-left:1px solid var(--lb-line);margin:0 4px}.lb-color{display:flex;align-items:center}.lb-color input{width:32px;height:31px;padding:2px;border:1px solid var(--lb-line);background:var(--lb-panel);border-radius:6px}.lb-stroke{display:flex;align-items:center;font-size:10px;gap:5px;color:var(--lb-muted)}.lb-stroke input{width:65px;accent-color:#237c87}.lb-canvas-wrap{background:#e4ebe5;padding:12px;line-height:0}.lb-canvas{display:block;width:100%;height:auto;aspect-ratio:1200/760;background:#fcfbf7;border-radius:4px;box-shadow:0 2px 12px #254f5415;touch-action:none}.lb-selection-bar{padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--lb-line)}.lb-selection-bar>span{font-size:11px;color:var(--lb-muted);flex:1 1 100%}.lb-selection-bar>div{display:flex;flex-wrap:wrap;gap:5px}.lb-selection-bar .lb-button{min-height:33px;font-size:11px;padding:6px 9px}.lb-footnote{font-size:11px;color:var(--lb-muted);padding:0 14px 14px}.lb-warning{padding:14px;background:#ad80301b;border-bottom:1px solid #ad803080;font-size:13px}.lb-warning p{margin-bottom:7px}.lb-warning .lb-button{margin:4px 5px 0 0}.lesson-board-shell .lb-material{background:transparent;color:var(--lb-ink);display:flex;gap:9px;align-items:center;padding:12px 7px;border:0;border-bottom:1px solid var(--lb-line);text-align:left;width:100%;box-shadow:none;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.lb-material>span:first-child{font-size:25px;color:var(--lb-accent)}.lb-conference-note{margin-top:30px;padding-top:16px;border-top:1px solid var(--lb-line);font-size:12px}.lb-conference-note p{color:var(--lb-muted);margin:7px 0 12px}.lb-conference-note .lb-button{font-size:12px}.lb-choose{padding:70px 30px;text-align:center;max-width:700px;margin:auto}.lb-choose p{margin:12px auto 20px;max-width:440px;color:var(--lb-muted)}.lb-large-icon{font-size:56px;color:var(--lb-accent);display:block;margin-bottom:20px}.lb-loading{padding:60px;text-align:center}.lb-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,560px);padding:13px 20px;border-radius:12px;background:#1c5059;color:#fff;box-shadow:0 6px 24px #0004;z-index:10001;font:14px/1.5 "Segoe UI",Arial,sans-serif}
.lesson-board-shell .lb-dialog{background:var(--lb-panel);color:var(--lb-ink);border:1px solid var(--lb-line);border-radius:18px;padding:23px;width:min(720px,94vw);max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #0005}.lb-dialog::backdrop{background:#062b35b3}.lb-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.lb-dialog label{display:grid;gap:7px;margin:14px 0;font-size:13px}.lb-dialog p{color:var(--lb-muted);font-size:13px;margin:12px 0}.lb-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.lb-dialog [data-lb-dialog-error]{color:#bc713e}.lb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lb-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.lb-picker .lb-button{font-size:32px;min-height:60px}.lb-material-preview{max-width:100%;max-height:65vh;display:block;margin:0 auto 15px;object-fit:contain}.lb-document-preview{width:100%;height:65vh;border:0;background:#fff}.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1600px){.lb-layout{grid-template-columns:230px minmax(0,1fr) 250px}.lb-canvas-wrap{padding:20px}}
@media(max-width:1180px){.lb-layout{grid-template-columns:180px minmax(0,1fr)}.lb-materials{grid-column:1/-1;display:flex;align-items:start;gap:16px;flex-wrap:wrap}.lb-materials .lb-section-heading{width:140px}.lb-materials>.lb-subtle{width:160px}.lb-material{max-width:220px}.lb-conference-note{margin:0;padding:0;border:0;max-width:250px}.lb-page-heading{flex-direction:column;align-items:flex-start}.lb-heading-actions{justify-content:flex-start}}
@media(max-width:720px){.lb-header{align-items:flex-start;flex-direction:column;gap:12px}.lb-header-side{width:100%;max-width:none}.lb-header [data-lb-status]{text-align:left}.lb-student select{max-width:none}.lb-layout{grid-template-columns:minmax(0,1fr)}.lb-pages{padding:12px}.lb-pages nav{display:flex;overflow-x:auto;max-width:100%;padding-bottom:5px}.lesson-board-shell .lb-page{flex:0 0 185px}.lb-pages>.lb-subtle{display:none}.lb-pages>.lb-button{width:auto;margin:0}.lb-page-files{display:flex;gap:7px;margin:10px 0 0;padding:10px 0 0}.lb-page-files>.lb-button{width:auto;margin:0}.lb-materials{grid-column:auto}.lb-toolbar{gap:4px;padding:9px}.lb-canvas-wrap{padding:6px}.lb-page-heading{padding:15px}.lb-page-heading h2{font-size:22px}.lb-tool-divider{display:none}.lb-selection-bar .lb-button{min-height:38px}.lb-dialog{padding:16px!important}.lb-picker{grid-template-columns:repeat(4,1fr)}.lb-choose{padding:40px 20px}.lb-sharing .lb-button{flex:1 1 130px}.lb-form-grid{gap:10px}}
@media(prefers-reduced-motion:reduce){.lesson-board-shell *{scroll-behavior:auto;transition:none;animation:none}}
.lesson-board-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.lesson-edit-row:has(>.lesson-board-entry){flex-wrap:wrap}.lesson-board-entry{flex-shrink:0}
html body.watercolor-cabinet.lesson-board-focus #global-wallet.glass,body.lesson-board-focus #archivus-panel{display:none}
.lb-material small{display:block;font-size:10px;color:var(--lb-muted);margin-top:4px}.lb-private{border-left:2px solid #b2945d!important}.lb-material-panel{margin:14px 0;padding:10px 0;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);width:100%;min-width:0}.lb-material-panel-head{display:flex;gap:8px;justify-content:space-between;align-items:flex-start;margin-bottom:12px;font-size:12px;overflow-wrap:anywhere}.lb-material-panel-head .lb-button{flex:none;min-height:28px;width:28px;padding:3px}.lb-material-panel .lb-material-preview{width:100%;margin-bottom:10px}.lb-material-panel .lb-document-preview{height:350px}.lb-material-panel .lb-button{font-size:11px;min-height:34px}.lb-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;font-size:12px}.lb-mentor-plan{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;max-height:60vh;overflow:auto}.lb-material-panel .lb-mentor-plan{font-size:12px;max-height:330px}
.lb-sharing{position:relative;padding:7px 14px;justify-content:space-between;min-height:42px}.lb-sharing>span{flex:1 1 180px}.lb-access-menu{position:relative;flex:none;font-size:12px}.lb-access-menu summary{cursor:pointer;padding:6px 9px;border:1px solid var(--lb-line);border-radius:8px;list-style:none;color:var(--lb-ink)}.lb-access-menu>div{position:absolute;right:0;top:calc(100% + 5px);z-index:20;width:250px;display:grid;gap:6px;padding:10px;border:1px solid var(--lb-line);border-radius:12px;background:var(--lb-panel);box-shadow:0 8px 25px #0003}.lb-access-menu .lb-button{width:100%;justify-content:flex-start}.lb-header{padding-bottom:15px}.lb-header h1{font-size:29px}.lb-header-side{grid-template-columns:minmax(0,1fr) auto;align-items:center;max-width:600px}.lb-header-side .lb-student{grid-column:1/-1}.lb-header-side [data-lb-status]{font-size:11px}.lb-page-heading{padding:13px 16px 10px}.lb-page-heading h2{font-size:22px}.lb-view-tabs{padding:0 15px 9px}.lb-toolbar{gap:4px;padding:8px}.lb-toolbar .lb-button{min-height:32px;font-size:11px;padding:6px 8px}.lesson-board-shell .lb-tool{width:32px;min-width:32px;min-height:33px;height:33px;font-size:21px}.lb-toolbar .lb-stroke{max-width:120px}.lb-workspace .lb-footnote{padding-bottom:10px}
body.lesson-board-focus{overflow:hidden}body.lesson-board-focus #header{visibility:hidden}.lesson-board-shell.is-focused{position:fixed;inset:8px;z-index:9000;background:var(--lb-panel-soft);padding:12px;border-radius:15px;overflow:auto;max-width:none;box-shadow:0 0 0 15px var(--lb-panel-soft)}.lesson-board-shell.is-focused .lb-header{padding:0 0 10px;min-height:60px}.lesson-board-shell.is-focused .lb-header h1{font-size:24px;margin:0}.lesson-board-shell.is-focused .lb-header>div>p,.lesson-board-shell.is-focused .lb-back{display:none}.lesson-board-shell.is-focused .lb-header-side{display:flex;flex-wrap:wrap;justify-content:flex-end}.lesson-board-shell.is-focused .lb-header-side .lb-student{max-width:320px}.lesson-board-shell.is-focused .lb-layout{grid-template-columns:180px minmax(0,1fr) 210px;gap:10px}.lesson-board-shell.is-focused .lb-canvas-wrap{display:flex;justify-content:center;padding:8px}.lesson-board-shell.is-focused .lb-canvas{height:calc(100dvh - 340px);width:auto;max-width:100%;min-height:180px;aspect-ratio:1200/760}.lesson-board-shell.is-focused .lb-materials{grid-column:auto;display:block}.lesson-board-shell.is-focused .lb-materials .lb-section-heading,.lesson-board-shell.is-focused .lb-materials>.lb-subtle{width:auto}.lesson-board-shell.is-focused .lb-conference-note{margin-top:20px;padding-top:12px;border-top:1px solid var(--lb-line)}.lesson-board-shell.is-focused .lb-pages,.lesson-board-shell.is-focused .lb-materials{max-height:calc(100dvh - 95px);overflow:auto}.lesson-board-shell.is-focused .lb-page-heading{flex-direction:row;align-items:center}.lesson-board-shell.is-focused .lb-heading-actions .lb-button{font-size:10px}
@media(max-width:900px){.lesson-board-shell.is-focused .lb-layout{grid-template-columns:150px minmax(0,1fr)}.lesson-board-shell.is-focused .lb-materials{grid-column:1/-1;display:flex;max-height:none}.lesson-board-shell.is-focused .lb-canvas{height:auto;width:100%;min-height:0}.lesson-board-shell.is-focused .lb-page-heading{flex-direction:column;align-items:flex-start}.lb-header-side{max-width:none}.lb-header-side [data-lb-status]{text-align:left}}
@media(max-width:600px){.lb-header-side{display:flex;flex-wrap:wrap}.lesson-board-shell.is-focused{inset:0;border-radius:0;padding:9px}.lesson-board-shell.is-focused .lb-layout{grid-template-columns:1fr}.lesson-board-shell.is-focused .lb-pages{max-height:none}.lesson-board-shell.is-focused .lb-header{flex-direction:column;align-items:stretch}.lesson-board-shell.is-focused .lb-header-side{justify-content:flex-start}.lb-access-menu>div{right:0;max-width:80vw}.lb-page-heading{gap:8px}}

.lb-canvas-wrap{position:relative}.lb-inline-editor{position:absolute;z-index:4;line-height:1.3;outline:2px solid #237c87;outline-offset:1px;border-radius:2px}.lesson-board-shell .lb-inline-editor textarea{display:block;width:100%;height:100%;min-height:0;max-height:none;resize:none;border:0;border-radius:0;outline:0;box-shadow:none;margin:0;font-family:"Segoe UI",Arial,sans-serif;overflow:auto;overflow-wrap:break-word;letter-spacing:normal}.lb-inline-editor textarea::placeholder{color:#637d7c;opacity:.8}.lesson-board-shell .lb-inline-error{position:absolute;top:100%;left:0;min-width:200px;max-width:320px;margin-top:6px;padding:9px;border:1px solid #bb7f3d;background:#fff7e8;color:#71471b;font:12px/1.4 "Segoe UI",Arial,sans-serif;z-index:5}

/* Illustrated tools and one shape selector. */
.lesson-board-shell .lb-tool{width:38px;min-width:38px;height:38px;min-height:38px;padding:2px}.lb-tool-icon{width:30px;height:30px;flex:none;display:block}.lb-shapes{position:relative;flex:none}.lb-shape-trigger{display:flex;align-items:center;gap:5px;list-style:none;border:1px solid var(--lb-line);border-radius:10px;background:var(--lb-panel-soft);color:var(--lb-ink);padding:3px 8px;font:600 12px/1.35 "Segoe UI",Arial,sans-serif;min-height:38px;cursor:pointer}.lb-shape-trigger::-webkit-details-marker{display:none}.lb-shape-trigger .lb-tool-icon{width:23px;height:23px}.lb-shape-trigger:hover,.lb-shapes[open] .lb-shape-trigger{border-color:var(--lb-accent)}.lb-shape-trigger.has-shape{background:#237c87;color:#fff;border-color:#237c87}.lb-shape-options{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:210px;padding:7px;display:grid;gap:4px;border:1px solid var(--lb-line);border-radius:12px;background:var(--lb-panel);box-shadow:0 10px 26px #0003}.lb-shape-options .lb-button{justify-content:flex-start;min-height:40px;font-size:13px}.lb-shape-options .lb-tool-icon{width:25px;height:25px}.lb-page-files .lb-file-hint{font-size:11px;line-height:1.5;color:var(--lb-muted);margin:9px 2px 0}.lb-toolbar{align-items:center}.lb-toolbar>.lb-button{min-height:38px}
.lesson-board-shell .lb-toolbar .lb-button[aria-pressed="true"],.lesson-board-shell .lb-toolbar .lb-tool[aria-pressed="true"]{background:#237c87;color:#fff;border-color:#237c87}

/* Shape paint controls share the board palette; fill and contour are independent. */
.lesson-board-shell .lb-shape-style{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:8px 12px;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);background:var(--lb-panel-soft);font:12px/1.4 "Segoe UI",Arial,sans-serif}.lb-shape-style>[data-lb-shape-caption]{font-weight:600;margin-right:4px}.lb-shape-style label{display:inline-flex;align-items:center;gap:5px;color:var(--lb-ink);white-space:nowrap}.lesson-board-shell .lb-shape-style input[type="checkbox"]{appearance:auto;width:15px;height:15px;min-height:0;padding:0;margin:0;accent-color:#237c87;border-radius:3px}.lesson-board-shell .lb-shape-style input[type="color"]{appearance:auto;width:32px;height:28px;min-height:0;padding:2px;border:1px solid var(--lb-line);border-radius:5px;background:var(--lb-panel);cursor:pointer}.lesson-board-shell .lb-shape-style input[type="number"]{width:55px;min-height:28px;height:28px;padding:3px 5px;border-radius:5px;font-size:12px}.lb-shape-style input:disabled{opacity:.5;cursor:default}.lb-selection-bar>[data-lb-selection]{max-width:100%;overflow-wrap:anywhere}
.lb-shape-style>[data-lb-shape-caption]{width:116px;flex:none}
.lb-selection-bar .lb-proportions{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.lesson-board-shell .lb-proportions input{appearance:auto;width:15px;height:15px;min-height:0;padding:0;margin:0;accent-color:#237c87}

/* Object formatting stays beside the tools while text is edited on the canvas. */
.lesson-board-shell .lb-shape-style[hidden],.lesson-board-shell .lb-text-style[hidden]{display:none}
.lesson-board-shell .lb-shape-style,.lesson-board-shell .lb-text-style{min-height:60px;box-sizing:border-box}
.lesson-board-shell .lb-text-style{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 12px;border-top:1px solid var(--lb-line);border-bottom:1px solid var(--lb-line);background:var(--lb-panel-soft);color:var(--lb-ink);font:12px/1.4 "Segoe UI",Arial,sans-serif}
.lb-text-style>[data-lb-text-caption]{font-weight:600;min-width:42px}.lb-text-style label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.lesson-board-shell .lb-text-style select{width:138px;min-height:34px;height:34px;padding:3px 7px;font:13px "Segoe UI",Arial,sans-serif;background:var(--lb-panel);color:var(--lb-ink);border:1px solid var(--lb-line);border-radius:7px}
.lesson-board-shell .lb-text-style input[type="number"]{width:52px;min-height:34px;height:34px;padding:3px 5px;border:1px solid var(--lb-line);border-radius:7px;background:var(--lb-panel);color:var(--lb-ink);font-size:13px}
.lesson-board-shell .lb-text-toggle{width:34px;height:34px;min-height:34px;padding:3px;font:18px Georgia,serif}.lesson-board-shell .lb-text-toggle[aria-pressed="true"]{background:#237c87;color:#fff;border-color:#237c87}.lesson-board-shell .lb-text-toggle[aria-pressed="mixed"]{border-color:var(--lb-accent);box-shadow:inset 0 -3px var(--lb-accent)}
.lesson-board-shell .lb-fill-picker,.lesson-board-shell .lb-font-color{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;width:36px;height:36px;gap:0;border:1px solid var(--lb-line);border-radius:7px;background:var(--lb-panel);color:var(--lb-ink);overflow:hidden;cursor:pointer}
.lb-fill-picker svg{width:27px;height:27px;flex:none}.lb-paint-swatch{width:26px;height:4px;border-radius:2px;background:var(--lb-fill-color,#73bbb4)}.lb-fill-off{display:none}.lb-fill-picker.is-empty .lb-fill-off{display:block}.lb-fill-picker.is-empty .lb-paint-swatch{background:repeating-linear-gradient(135deg,#d2d9d4 0 4px,#fff 4px 8px)}.lb-fill-picker.is-disabled{opacity:.45;cursor:default}
.lesson-board-shell .lb-font-color{font:700 23px/1 Georgia,serif;border-bottom:5px solid var(--lb-text-color,#237d89)}
.lesson-board-shell .lb-fill-picker input[type="color"],.lesson-board-shell .lb-font-color input[type="color"]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}.lb-fill-picker:focus-within,.lb-font-color:focus-within{outline:2px solid var(--lb-accent);outline-offset:2px}
.lb-text-style :disabled{opacity:.5;cursor:default}

/* Highlighted text is mirrored below its editable caret, with no floating toolbar. */
.lb-inline-mirror{position:absolute;inset:0;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;pointer-events:none;letter-spacing:normal}.lb-inline-mirror mark{color:inherit;padding:0;background:#ffe38d}
.lesson-board-shell .lb-inline-editor textarea{position:relative;z-index:1;box-sizing:border-box}.lb-inline-editor textarea::selection{background:#94cbd9aa;color:var(--lb-edit-ink,#237d89)}
.lesson-board-shell .lb-highlight-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--lb-line);border-radius:7px;overflow:hidden;background:var(--lb-panel);color:var(--lb-ink);cursor:pointer}.lb-highlight-color svg{width:28px;height:28px}.lesson-board-shell .lb-highlight-color input[type="color"]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer}.lb-highlight-color:focus-within{outline:2px solid var(--lb-accent);outline-offset:2px}
.lesson-board-shell .lb-transparent-button{width:34px;height:34px;min-height:34px;padding:5px}.lb-transparent-swatch{display:block;width:20px;height:20px;border:1px solid var(--lb-line);border-radius:3px;background:repeating-conic-gradient(#ccd7d3 0% 25%,#fff 0% 50%) 50% / 8px 8px;position:relative}.lb-transparent-swatch:after{content:"";position:absolute;top:9px;left:-2px;width:23px;height:2px;background:#b85454;transform:rotate(-45deg)}.lb-transparent-button[aria-pressed="true"]{outline:2px solid var(--lb-accent);outline-offset:1px}

/* Compact insert and arrangement tools, with accessible labels and native tips. */
.lesson-board-shell .lb-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:3px;border-radius:9px;flex:none}
.lb-icon-button .lb-tool-icon{width:28px;height:28px}.lb-object-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.lb-object-actions .lb-tool-divider{height:24px;width:1px;background:var(--lb-line);margin:0 3px;flex:none}
.lesson-board-shell .lb-icon-button:focus-visible{outline:2px solid var(--lb-accent);outline-offset:2px}.lesson-board-shell .lb-icon-button:disabled{opacity:.35;cursor:default}

.lesson-board-shell .lb-split-paint{width:48px;flex-direction:row;overflow:visible}.lesson-board-shell .lb-paint-apply{display:flex;flex-direction:column;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:6px 0 0 6px;background:transparent;color:inherit;box-shadow:none;cursor:pointer}.lb-paint-arrow{position:relative;display:flex;align-items:center;justify-content:center;width:13px;height:34px;overflow:hidden;border-left:1px solid var(--lb-line);font-size:10px;cursor:pointer}.lb-paint-apply:hover,.lb-paint-arrow:hover{background:#237c8715}.lb-paint-apply:focus-visible{outline:2px solid var(--lb-accent);outline-offset:1px}

/* Page permissions, layer navigation and bundled expressive Cyrillic fonts. */
@font-face{font-family:'Caveat';src:url('/static/student/assets/board-fonts/Caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Roboto Mono';src:url('/static/student/assets/board-fonts/RobotoMono.ttf') format('truetype');font-weight:100 700;font-display:swap}
@font-face{font-family:'Rubik Mono One';src:url('/static/student/assets/board-fonts/RubikMonoOne.ttf') format('truetype');font-weight:400;font-display:swap}
.lb-page-access{display:flex;gap:7px;margin-top:5px;color:var(--lb-accent)}.lb-page-access>span{display:inline-flex}.lb-page-access svg,.lb-object-lock svg{width:18px;height:18px}.lb-access-menu p{font-size:11px;line-height:1.5;padding:6px;color:var(--lb-muted)}
.lb-object-panel{border-top:1px solid var(--lb-line);margin-top:16px;padding-top:12px}.lb-object-panel summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:13px}.lb-object-panel summary span{color:var(--lb-muted)}.lb-object-list{max-height:240px;overflow:auto;margin:8px -4px 0}.lesson-board-shell .lb-object-row{display:flex;align-items:center;gap:6px;width:100%;min-height:36px;padding:5px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--lb-ink);text-align:left;box-shadow:none;font:12px/1.3 'Segoe UI',sans-serif}.lb-object-row>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-object-row .lb-tool-icon{width:22px;height:22px}.lesson-board-shell .lb-object-row:hover{background:var(--lb-panel-soft)}.lesson-board-shell .lb-object-row[aria-pressed=true]{background:var(--lb-panel-soft);border-color:var(--lb-accent)}
.lb-camera-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--lb-panel);border-top:1px solid var(--lb-line);flex-wrap:wrap;font:12px 'Segoe UI',sans-serif}.lb-camera-bar .lb-button{min-height:30px;padding:4px 8px}.lb-camera-bar svg{width:19px;height:19px}.lb-camera-bar output{width:42px;text-align:center}.lb-camera-bar small{color:var(--lb-muted);margin-left:auto;font-size:10px}.lb-camera-bar .lb-button[aria-pressed=true]{background:#237c87;color:#fff}.lesson-board-shell .lb-canvas-wrap,.lesson-board-shell.is-focused .lb-canvas-wrap{display:block;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#83aaa8 #e4ebe5}.lb-canvas.is-hand{cursor:grab!important}.lb-canvas.is-panning{cursor:grabbing!important}.lb-emoji-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.lb-emoji-categories .lb-button{font-size:12px;padding:7px 10px;min-height:34px}.lb-emoji-categories .lb-button[aria-selected=true]{background:#237c87;color:#fff;border-color:#6ed1cc}.lb-picker{max-height:360px;overflow:auto}.lb-picker .lb-button{font-family:'Segoe UI Emoji',sans-serif;line-height:1.4}.lb-text-style select[data-lb-text=textEffect]{width:148px}
@media(max-width:720px){.lb-object-panel{margin-top:8px}.lb-object-list{max-height:130px;display:grid;grid-template-columns:1fr 1fr}.lb-camera-bar small{width:100%;margin:3px 0 0}}

/* Transform controls apply to the current selection; text editing stays native. */
.lesson-board-shell .lb-transform-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding-bottom:8px;border-bottom:1px solid var(--lb-line);font:12px/1.4 "Segoe UI",Arial,sans-serif;color:var(--lb-ink)}
.lesson-board-shell .lb-transform-controls[hidden]{display:none}.lb-transform-controls label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.lb-transform-controls input[type="range"]{width:100px;padding:0;min-height:0;accent-color:var(--lb-accent)}.lb-transform-controls output{min-width:37px;font-variant-numeric:tabular-nums}.lesson-board-shell .lb-transform-controls input[type="number"]{width:57px;min-height:32px;height:32px;padding:4px;background:var(--lb-panel);color:var(--lb-ink);border:1px solid var(--lb-line);border-radius:6px}.lesson-board-shell .lb-rotate-button{width:32px;height:32px;min-height:32px;padding:2px;font-size:21px}.lb-transform-controls :disabled{opacity:.45;cursor:default}

/* Table tools: current cell, dimension growth and explicit fill scope. */
.lesson-board-shell .lb-table-style{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:var(--lb-panel);border:1px solid var(--lb-line);border-radius:12px;margin-bottom:9px;font-size:12px;color:var(--lb-ink)}
.lesson-board-shell .lb-table-style[hidden]{display:none}
.lesson-board-shell .lb-table-style strong{font-size:12px;min-width:76px}
.lesson-board-shell .lb-table-style label{display:inline-flex;align-items:center;gap:6px}
.lesson-board-shell .lb-table-style select{max-width:150px;margin:0;padding:6px 8px;font:inherit;color:var(--lb-ink);border:1px solid var(--lb-line);border-radius:8px;background:var(--lb-panel)}
.lesson-board-shell .lb-table-plus{display:inline-flex;align-items:center;gap:5px;min-height:32px}
.lesson-board-shell .lb-table-plus span{font-size:22px;line-height:16px;font-weight:400}
.lesson-board-shell .lb-table-style small{color:var(--lb-muted);font-size:11px}
.lesson-board-shell .lb-table-color{display:flex}

.lb-picker.has-live-stickers{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lesson-board-shell .lb-live-sticker-choice{display:flex;flex-direction:column;gap:8px;min-height:165px;font:13px/1.35 "Segoe UI",sans-serif;padding:10px}.lb-live-sticker-choice img{width:100%;height:125px;object-fit:contain}.lb-live-sticker-choice span{white-space:normal}@media(max-width:500px){.lb-picker.has-live-stickers{grid-template-columns:1fr 1fr}}

.lb-camera-bar [data-lb-action='sticker-motion'][hidden]{display:none}