/* Focus changes the layout of the existing editor; its inputs stay mounted. */
#writing-workbench-host .ww-focus-button .ww-focus-exit { display: none; }
#writing-workbench-host .ww-focus-button[data-focused="true"] .ww-focus-enter { display: none; }
#writing-workbench-host .ww-focus-button[data-focused="true"] .ww-focus-exit { display: block; }
#writing-workbench-host .ww-toolbar-actions .ww-focus-button {
  color: var(--brand-blue-ink);
  border-color: color-mix(in srgb, var(--cift-accent) 16%, var(--cift-line));
}
#writing-workbench-host .ww.is-focused .ww-focus-button {
  background: var(--brand-blue-soft);
  color: var(--brand-blue-ink);
}
#writing-workbench-host .ww.is-focused > .ww-toolbar {
  width: 100%; max-width: 780px; align-self: center;
}
#writing-workbench-host .ww.is-focused .ww-toolbar-actions > :not(.ww-focus-button):not([data-ww-save]) { display: none; }
#writing-workbench-host .ww.is-focused .ww-layout {
  display: grid; grid-template-columns: minmax(0,780px); justify-content: center; gap: 0;
}
#writing-workbench-host .ww.is-focused .ww-layout > :is(.ww-library,.ww-materials),
#writing-workbench-host .ww.is-focused > :is(.ww-mobile-tabs,.ww-mobile-tools) { display: none; }
#writing-workbench-host .ww.is-focused .ww-layout > .ww-editor { display: flex; width: 100%; }
#writing-workbench-host .ww.is-focused .ww-editor {
  box-shadow: 0 22px 65px color-mix(in srgb,var(--cift-ink) 9%,transparent);
}
#writing-workbench-host .ww.is-focused > .ww-footer { align-self: center; }
#writing-workbench-host .ww.is-focused .ww-focus-button > span { display: inline; }
#writing-workbench-host .ww.is-focused .ww-toolbar-actions .ww-focus-button { width: auto; padding-inline: 14px; }
#writing-workbench-host .ww.is-focused.is-phone > .ww-toolbar { display: flex; }
#writing-workbench-host .ww.is-focused.is-phone.is-keyboard > .ww-toolbar { min-height: 52px; padding-block: 4px; }
@media (max-width: 420px) {
  #writing-workbench-host .ww.is-phone .ww-toolbar-actions { gap: 5px; }
  #writing-workbench-host .ww.is-phone .ww-toolbar-actions > .ww-button { min-width: 44px; width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  #writing-workbench-host .ww-focus-button { transition: none; }
}