/* Readable names and large targets on interactive classroom displays. */
.inky-editor .toolbar.toolbar-personalized > .everyday-tool,
.inky-editor body.simple-tools .toolbar.toolbar-personalized > .simple-labeled-tool {
  flex-basis:54px; width:54px; height:54px; min-height:54px;
  display:flex; flex-direction:column; justify-content:center; gap:4px; padding:5px 3px;
}
.everyday-tool-label { font:500 10px/1.2 var(--sans); letter-spacing:0; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
body:not(.simple-tools) .simple-labeled-tool .everyday-tool-label { display:none; }
.inky-editor .toolbar.toolbar-personalized > .simple-tools-toggle {
  position:sticky; left:0; z-index:2; order:-1; flex:0 0 98px; width:98px;
  min-height:54px; height:54px; padding:5px 8px; display:flex; flex-direction:column;
  justify-content:center; gap:4px; background:var(--surface); border:1px solid var(--rule); color:var(--ink);
}
.simple-tools-toggle svg { width:20px; height:20px; flex:none; }
.simple-tools-toggle span { font:550 10px/1.2 var(--sans); white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; }
.simple-tools-toggle[aria-pressed="true"] { border-color:var(--accent)!important; color:var(--accent)!important; }
.inky-editor body.simple-tools .toolbar > .workspace-secondary { display:none!important; }
.inky-editor body.simple-tools #toolDockHelp { display:none!important; }
.inky-editor body.simple-tools .toolbar.toolbar-personalized { gap:8px; }
body:is(.toolbar-location-left,.toolbar-location-right) .toolbar.toolbar-personalized > .simple-tools-toggle {
  top:0; left:auto; width:44px; min-width:44px; flex-basis:60px; height:60px; padding:4px 0;
}
body:is(.toolbar-location-left,.toolbar-location-right) .simple-tools-toggle span { white-space:normal; max-width:42px; font-size:9px; }
body:is(.toolbar-location-left,.toolbar-location-right) .toolbar.toolbar-personalized > .everyday-tool,
body.simple-tools:is(.toolbar-location-left,.toolbar-location-right) .toolbar.toolbar-personalized > .simple-labeled-tool { width:44px; min-width:44px; flex-basis:54px; }
@media (max-width:600px) {
  .inky-editor body.simple-tools:not(.toolbar-location-left):not(.toolbar-location-right) .toolbar.toolbar-personalized {
    display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-template-rows:none; grid-auto-rows:54px; max-height:140px;
    overflow-x:hidden; overflow-y:auto; gap:4px; padding:6px;
  }
  .inky-editor body.simple-tools:not(.toolbar-location-left):not(.toolbar-location-right) .toolbar.toolbar-personalized > .tool { width:100%; min-width:0; box-sizing:border-box; }
  .inky-editor body.simple-tools:not(.toolbar-location-left):not(.toolbar-location-right) .toolbar.toolbar-personalized > .simple-tools-toggle { position:static; grid-column:span 2; }
}
@media (pointer:coarse) and (min-width:900px) {
  .inky-editor body:not(.toolbar-location-left):not(.toolbar-location-right) .toolbar.toolbar-personalized > .tool {
    min-width:54px; min-height:54px; height:54px;
  }
}
@media (max-width:360px) {
  body.simple-tools .everyday-tool-label { font-size:9px; }
}