.appbar-brand{display:flex;align-items:center;gap:12px;min-width:0}
.app-history-controls{display:flex;gap:5px}
.app-history-controls .icon-btn{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #46576b;border-radius:50%;background:#111c29;color:#fff;font-size:1.2rem}
.app-history-controls .icon-btn:disabled{opacity:.28;cursor:default}
.bottom-nav[data-workspace="book"],.bottom-nav[data-workspace="comic"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.bottom-nav[data-workspace] button{min-width:0}
.bottom-nav[data-workspace]:not([data-workspace="none"]) button{display:block!important}
.bottom-nav[data-workspace="none"],body.rac-root-view>.bottom-nav{display:none!important}
.legacy-book-pages{display:none!important}
.menu-home{width:100%;margin-bottom:10px;padding:13px 14px;text-align:left;background:#1b2a3a;color:#fff;border:1px solid #3e5269}
.menu-accordion{margin:0 0 9px;border:1px solid #2f4156;border-radius:14px;background:#0d1622;overflow:hidden}
.menu-accordion>summary{display:grid;grid-template-columns:34px 1fr;gap:0 10px;align-items:center;padding:14px;cursor:pointer;list-style:none}
.menu-accordion>summary::-webkit-details-marker{display:none}
.menu-accordion>summary>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#26384c;color:#ffd267;font-size:1.1rem}
.menu-accordion>summary>b{font-size:1rem}
.menu-accordion>summary>small{font-size:.75rem}
.menu-accordion>summary:after{content:'⌄';grid-column:3;grid-row:1/3;color:#ffd267;font-size:1.1rem;transition:transform .18s}
.menu-accordion[open]>summary:after{transform:rotate(180deg)}
.menu-accordion[open]>summary{background:#172536}
.menu-accordion-body{padding:0 12px 10px}
.menu-accordion .menu-group{padding:11px 0}
.menu-accordion .menu-group:first-child{border-top:0}
.menu-accordion .menu-group button{min-height:44px}
.service-menu-group{display:grid}
.menu-drawer>[data-expert-help]{width:100%;margin-top:6px;text-align:left}
@media(max-width:640px){
  .appbar-brand{gap:8px}
  .app-history-controls{gap:3px}
  .app-history-controls .icon-btn{width:34px;height:34px;min-width:34px}
  .appbar-brand h1{font-size:1.05rem}
  .appbar-brand .eyebrow{font-size:.62rem}
  .bottom-nav[data-workspace] button{min-width:0;padding:.7rem .25rem;font-size:.76rem}
  .menu-drawer{width:min(390px,94vw);padding:14px}
  button,.secondary,.link-button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.25}
  .button-row>*{flex:1 1 135px;min-width:0;height:auto}
  .creative-card-actions button,.photo-main-tools button,.writer-cover-main-tools button,.chapter-toolbar button,.writer-primary-actions button{min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere}
  .menu-group button,.menu-home{width:100%;height:auto;min-height:44px;text-align:left}
  .bottom-nav[data-workspace] button{height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.2}
}