/* View-mode wrapper visibility (desktop/mobile) */
.zoeye-view-desktop,
.zoeye-view-mobile {
  display: none;
}

/* Explicit modes */
html[data-view='desktop'] .zoeye-view-desktop {
  display: block;
}
html[data-view='desktop'] .zoeye-view-mobile {
  display: none;
}

html[data-view='mobile'] .zoeye-view-mobile {
  display: block;
}
html[data-view='mobile'] .zoeye-view-desktop {
  display: none;
}

/* Auto mode (default) */
html:not([data-view]) .zoeye-view-desktop,
html[data-view='auto'] .zoeye-view-desktop {
  display: block;
}

@media (max-width: 768px) {
  html:not([data-view]) .zoeye-view-desktop,
  html[data-view='auto'] .zoeye-view-desktop {
    display: none;
  }
  html:not([data-view]) .zoeye-view-mobile,
  html[data-view='auto'] .zoeye-view-mobile {
    display: block;
  }
}