/* Orientation is independent of the selected anchor/dock position. */
.compact-workspace .tool-dock.dock-vertical:not(.dock-collapsed){position:absolute;z-index:16;top:var(--workspace-live-top,8px);bottom:auto;width:148px;height:min(760px,calc(100% - var(--workspace-live-top,8px) - var(--tool-dock-bottom,8px) - 8px));min-height:56px;max-height:none;flex-direction:column;padding:5px;border:1px solid #b9c8d8;border-radius:10px;box-sizing:border-box;gap:5px;box-shadow:0 3px 14px #10284733}
.tool-dock.dock-vertical.dock-top{left:8px}.tool-dock.dock-vertical .workspace-scroll{flex-direction:column;align-items:stretch;width:100%;overflow-x:hidden;overflow-y:auto;touch-action:pan-y;white-space:normal}.tool-dock.dock-vertical .workspace-utility{flex-direction:column;align-items:stretch;width:100%;max-height:48%;overflow:auto;border-left:0;border-top:1px solid #d1dcea;padding:4px 0 0;box-sizing:border-box}.tool-dock.dock-vertical .workspace-scroll>*,.tool-dock.dock-vertical .workspace-utility>*{width:100%;max-width:100%;box-sizing:border-box;justify-content:flex-start;white-space:normal;min-height:44px;flex-shrink:0}
.compact-workspace .tool-dock.dock-vertical.dock-compact:not(.dock-collapsed){width:60px}.tool-dock.dock-vertical.dock-compact .tool-dock-head{flex-direction:column}
.compact-workspace .tool-dock.dock-horizontal:is(.dock-left,.dock-right){bottom:auto;width:min(760px,calc(100% - 16px));height:56px;min-height:56px;max-height:56px;flex-direction:row}.tool-dock.dock-horizontal:is(.dock-left,.dock-right) .workspace-scroll{flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;width:auto;white-space:nowrap;touch-action:pan-x}.tool-dock.dock-horizontal:is(.dock-left,.dock-right) .workspace-utility{flex-direction:row;align-items:center;width:auto;max-height:none;overflow:visible;border-top:0;border-left:1px solid #d1dcea;padding:0 0 0 4px}.tool-dock.dock-horizontal:is(.dock-left,.dock-right) .workspace-scroll>*,.tool-dock.dock-horizontal:is(.dock-left,.dock-right) .workspace-utility>*{width:auto;max-width:none;white-space:nowrap}.tool-dock.dock-horizontal.dock-compact .tool-dock-head{flex-direction:row}
#toolFlyout{position:fixed;z-index:60;box-sizing:border-box;width:264px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:#fff;color:#16314f;border:1px solid #b9c8d8;border-radius:12px;box-shadow:0 5px 24px #10284740;padding:10px;font:14px/1.35 system-ui,sans-serif}#toolFlyout[hidden]{display:none!important}#toolFlyout .flyout-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}#toolFlyout button,#toolFlyout input,#toolFlyout select{box-sizing:border-box;min-height:44px;font:inherit}#toolFlyout button{background:#edf3fa;color:#16314f;border:1px solid #b9c8d8;border-radius:7px;cursor:pointer;padding:8px}#toolFlyout .flyout-head button{width:44px;font-size:22px}#toolFlyout label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 0}#toolFlyout select{width:160px;max-width:70%}#toolFlyout input[type=number]{width:90px}#toolFlyout input[type=range]{width:100%;touch-action:pan-y}#toolFlyout input[type=color]{width:60px;padding:3px}#toolFlyout p{margin:8px 0}#toolFlyout .flyout-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}#toolFlyout .flyout-swatch{width:44px;height:44px;border:2px solid #98aabd;border-radius:50%;font-size:0;background:var(--swatch)}#toolFlyout .flyout-weights{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}#toolFlyout [aria-pressed=true]{outline:3px solid #184fc4;outline-offset:1px}#toolFlyout :focus-visible{outline:3px solid #184fc4;outline-offset:2px}

.tools-horizontal-overlay .workspace-student-help{top:calc(var(--workspace-live-top,8px) + 64px)}
.compact-workspace .tool-dock.dock-vertical #workspaceobjectopen{position:static;bottom:auto;right:auto;z-index:auto;box-shadow:none}