.eg-whiteboard{position:fixed;inset:0;z-index:10000;background:#fff;color:#0f172a;display:flex;flex-direction:column}.eg-whiteboard[hidden]{display:none}.eg-whiteboard-bar{min-height:70px;padding:10px 16px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff}.eg-whiteboard-bar>div:first-child{display:flex;flex-direction:column;gap:2px}.eg-whiteboard-bar strong{font-size:18px}.eg-whiteboard-bar span{font-size:12px;color:#64748b}.eg-whiteboard-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.eg-whiteboard-tools button,.eg-whiteboard-tools label{min-height:40px;border:1px solid #cbd5e1;background:#fff;border-radius:9px;padding:7px 11px;font:600 13px system-ui,sans-serif;color:#0f172a}.eg-whiteboard-tools button{cursor:pointer}.eg-whiteboard-tools button.active{background:#2563eb;color:#fff;border-color:#2563eb}.eg-whiteboard-tools label{display:flex;align-items:center;gap:7px}.eg-whiteboard-tools input[type=color]{width:28px;height:26px;padding:0;border:0;background:none}.eg-whiteboard-tools input[type=range]{width:82px}.eg-whiteboard-canvas-wrap{flex:1;min-height:0;background:#f8fafc;padding:12px}.eg-whiteboard-canvas{display:block;width:100%;height:100%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #0f172a12;touch-action:none;cursor:crosshair}.teacher-whiteboard-btn{font-weight:700}@media(max-width:800px){.eg-whiteboard-bar{align-items:flex-start;flex-direction:column}.eg-whiteboard-tools{justify-content:flex-start}.eg-whiteboard-canvas-wrap{padding:6px}.eg-whiteboard-tools label{display:none}}