/* Variant B, approved in the code-based HTML comparison. */
.board-image-tool-group{display:inline-flex;align-items:center;gap:0;flex:0 0 auto;min-width:0}
.board-image-tool-group .board-tool{display:inline-flex;align-items:center;gap:5px;border-radius:9px 0 0 9px}
.board-image-tool-group .board-tool svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;fill:none}
.board-image-tool-group .board-image-add{border-radius:0 9px 9px 0;min-width:28px!important;padding:0 8px!important;font-size:17px!important;border-left:1px solid var(--line)}
.board-image-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.board-image-object{position:absolute;box-sizing:border-box;outline:2px solid transparent;touch-action:none;user-select:none;pointer-events:none;cursor:move;min-width:0;min-height:0}
.board-image-select .board-image-object{pointer-events:auto}
.board-image-select .board-image-object.selected{outline-color:var(--board-image-accent,#f5a354)}
.board-image-object:focus-visible{outline-color:#f5a354}
.board-image-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:rgba(128,140,150,.16);color:var(--text);border:1px dashed var(--line);padding:8px;font-size:11px;overflow:hidden}
.board-image-resize{display:none;position:absolute;width:11px;height:11px;border-radius:2px;background:var(--board-image-accent,#f5a354);border:1px solid rgba(0,0,0,.65);touch-action:none;pointer-events:auto}
.board-image-select .selected .board-image-resize{display:block}
.board-image-resize[data-corner=nw]{left:-6px;top:-6px;cursor:nwse-resize}
.board-image-resize[data-corner=ne]{right:-6px;top:-6px;cursor:nesw-resize}
.board-image-resize[data-corner=sw]{left:-6px;bottom:-6px;cursor:nesw-resize}
.board-image-resize[data-corner=se]{right:-6px;bottom:-6px;cursor:nwse-resize}
.board-image-select #boardCanvas{pointer-events:none}
.board-canvas-wrap{position:relative}
.board-image-actions{position:absolute;z-index:22;display:flex;align-items:center;justify-content:center;gap:6px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 16px);padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#131511);box-shadow:0 10px 30px rgba(0,0,0,.36);box-sizing:border-box}
.board-image-actions[hidden]{display:none!important}
.board-image-layer .orator-material-glow{display:none!important}
.board-image-upload-status{position:absolute;top:10px;right:10px;z-index:24;display:grid;gap:7px;width:240px;max-width:calc(100% - 20px);padding:10px 12px;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--panel,#131511);color:var(--text);font-size:12px;box-shadow:0 6px 24px #0004;overflow-wrap:anywhere;pointer-events:none}
.board-image-upload-status[hidden]{display:none!important}
.board-image-upload-status progress{width:100%;height:6px;accent-color:var(--board-image-accent,#f5a354)}
.board-image-actions button[hidden]{display:none!important}
.board-image-cropping .board-image-resize{display:none!important}
.board-image-cropping .board-image-object.selected{outline-color:transparent}
.board-image-crop{position:absolute;z-index:8;pointer-events:none;user-select:none;touch-action:none}
.board-image-crop-shade{position:absolute;background:#0009;pointer-events:none}
.board-image-crop-frame{position:absolute;box-sizing:border-box;border:2px solid #fff;outline:1px solid #0008;touch-action:none;cursor:move;pointer-events:auto;background:linear-gradient(to right,transparent 33%,#fff5 33%,#fff5 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff5 66%,#fff5 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#fff5 33%,#fff5 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff5 66%,#fff5 calc(66% + 1px),transparent calc(66% + 1px))}
.board-image-crop-handle{position:absolute;width:13px;height:13px;background:#fff;border:1px solid #333;box-sizing:border-box;border-radius:2px;transform:translate(-50%,-50%);touch-action:none}
.board-image-crop-handle[data-crop-handle=n]{left:50%;top:0;cursor:ns-resize}
.board-image-crop-handle[data-crop-handle=s]{left:50%;top:100%;cursor:ns-resize}
.board-image-crop-handle[data-crop-handle=w]{left:0;top:50%;cursor:ew-resize}
.board-image-crop-handle[data-crop-handle=e]{left:100%;top:50%;cursor:ew-resize}
.board-image-crop-handle[data-crop-handle=nw]{left:0;top:0;cursor:nwse-resize}
.board-image-crop-handle[data-crop-handle=ne]{left:100%;top:0;cursor:nesw-resize}
.board-image-crop-handle[data-crop-handle=sw]{left:0;top:100%;cursor:nesw-resize}
.board-image-crop-handle[data-crop-handle=se]{left:100%;top:100%;cursor:nwse-resize}
@media(pointer:coarse){.board-image-crop-handle{width:22px;height:22px}}
.board-image-actions button{min-height:34px!important;padding:7px 10px!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important}
.board-image-actions [data-image-action=remove]{color:var(--danger,#f2a099)}
.board-image-drop{display:none;position:absolute;inset:10px;z-index:25;place-content:center;pointer-events:none;text-align:center;padding:12px;border:2px dashed #f5a354;border-radius:12px;background:rgba(20,26,17,.94);color:#ffe1ad;font-size:14px;font-weight:650}
.board-image-dropping .board-image-drop{display:grid}
html[data-theme=light] .board-image-actions{background:#f7f9f5;color:#1d2919;box-shadow:0 8px 24px rgba(25,35,20,.16)}
html[data-theme=light] .board-image-drop{background:rgba(248,248,238,.96);color:#663d12}
html.buddy-room-active [data-buddy-board-root=true] .whiteboard-shell,html.buddy-board-popout .whiteboard-shell{grid-template-columns:minmax(0,1fr)!important}
html.buddy-room-active #whiteboardModal[data-buddy-board-root=true][data-buddy-board-surface=stage] .whiteboard-shell{height:100%!important;min-height:0!important;max-height:100%!important}
/* The sheet belongs below the popout's return bar, inside its content box. */
html.buddy-board-popout .buddy-board-popout-shell{margin:0!important;padding:0!important;max-width:none!important}
html.buddy-board-popout .buddy-board-popout-content .whiteboard-shell{position:absolute!important}
@media(max-width:600px){
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .board-toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
 html.buddy-room-active [data-buddy-board-root=true] .whiteboard-shell,html.buddy-board-popout .whiteboard-shell{min-width:0!important}
 html.buddy-room-active [data-buddy-board-root=true] .board-toolbar,html.buddy-board-popout .board-toolbar{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:62px!important;scrollbar-width:thin}
 .board-image-tool-group{order:-1!important}
 html.buddy-room-active [data-buddy-board-root=true] .board-pencil-controls,html.buddy-board-popout .board-pencil-controls{flex:0 0 180px!important;min-width:180px!important;max-width:180px!important;order:0!important}
 .board-image-actions{padding:6px;gap:4px;flex-wrap:wrap}
 .board-image-actions button{min-height:40px!important;padding:8px!important}
 .board-image-resize{width:17px;height:17px}
 .board-text-box{min-width:0!important;min-height:0!important;box-sizing:border-box!important}
}
@media(max-height:500px){
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .board-window-head{height:40px!important;min-height:40px!important;max-height:40px!important;padding:2px 8px!important;box-sizing:border-box!important}
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .board-window-actions .icon-button{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .board-toolbar{padding:4px 6px!important;height:46px!important;min-height:46px!important;max-height:46px!important}
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .whiteboard-shell{height:100%!important;min-height:0!important;max-height:100%!important}
 html.buddy-room-active .room.board-stage-active .room-main{grid-template-columns:minmax(0,1fr) 128px!important;grid-template-rows:minmax(0,1fr) auto!important;height:100%!important;min-height:0!important}
 html.buddy-room-active .room.board-stage-active .video-grid{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:auto!important}
 html.buddy-room-active .room.board-stage-active .video-grid>.participant-tile{flex:0 0 92px!important;width:100%!important;min-height:92px!important;height:92px!important}
 html.buddy-room-active #whiteboardModal[data-buddy-board-root=true] .board-toolbar{display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
 html.buddy-room-active [data-buddy-board-root=true] .whiteboard-shell,html.buddy-board-popout .whiteboard-shell{min-height:0!important;max-height:100%!important;height:100%!important}
 html.buddy-room-active [data-buddy-board-root=true] .board-window-head,html.buddy-board-popout .board-window-head{padding:7px 10px!important;min-height:40px!important}
 html.buddy-room-active [data-buddy-board-root=true] .board-toolbar,html.buddy-board-popout .board-toolbar{min-width:0!important;box-sizing:border-box!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:50px!important}
 html.buddy-room-active [data-buddy-board-root=true] .board-canvas-wrap,html.buddy-board-popout .board-canvas-wrap{min-height:0!important;padding:6px!important}
}