/* Navigation remains reachable in both the editor and its modal page picker. */
#coloring-tool > header.desktop-toolbar,
#mobile-header { position: sticky; top: 0; z-index: 50; }
.studio-brand, .mobile-identity { color: inherit; text-decoration: none; }
.studio-classic-link, .mobile-classic-link {
  color: var(--poster-blue); font-size: 11px; text-decoration: none;
  min-height: 40px; display: inline-flex; align-items: center; flex-shrink: 0;
}
.pearto-studio-nav {
  position: sticky; top: -24px; z-index: 10; display: flex; align-items: center;
  gap: 18px; padding: 12px 24px; margin: -24px -24px 20px;
  background: var(--studio-surface); border-bottom: 1px solid var(--studio-line);
}
.pearto-studio-nav a { color: var(--poster-blue); text-decoration: none; min-height: 40px; display: inline-flex; align-items: center; font-size: 12px; }
.pearto-studio-nav .pearto-studio-home { margin-right: auto; font-size: 19px; font-weight: 750; color: var(--studio-ink); gap: 5px; }
.pearto-studio-home span { font-size: 12px; font-weight: 500; }
.pearto-studio-nav a:hover, .studio-classic-link:hover, .mobile-classic-link:hover { text-decoration: underline; }
@media (min-width: 768px) and (max-width: 1000px) {
  #coloring-tool > header.desktop-toolbar { gap: 8px; padding-inline: 12px; }
  .studio-classic-link { max-width: 58px; white-space: normal; line-height: 1.3; }
}
@media (max-width: 767px), (max-width: 1023px) and (pointer: coarse) {
  .pearto-studio-nav { top: calc(-20px - env(safe-area-inset-top)); margin: calc(-20px - env(safe-area-inset-top)) -20px 16px; padding: calc(8px + env(safe-area-inset-top)) 16px 8px; gap: 12px; }
  .pearto-studio-nav .pearto-studio-home { font-size: 17px; }
  #design-dialog .dialog-heading { position: static; margin: 0 0 20px; padding: 0; border: 0; }
  .mobile-identity { flex: 1; }
  .mobile-classic-link { font-size: 10px; }
}
@media (max-width: 360px) { .mobile-identity .brand-mark { display: none; } .pearto-studio-home span { display: none; } }
@media print { .pearto-studio-nav, .studio-classic-link, .mobile-classic-link { display: none !important; } }