:root {
  --camera-edge: 0.875rem;
  --camera-viewport-height: 100vh;
  color-scheme: dark;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
@supports (height: 100dvh) {
  :root { --camera-viewport-height: 100dvh; }
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; overflow: hidden; }
#pipeline-menu {
  max-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 5.75rem);
}
#photo-pipeline-menu {
  max-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - var(--camera-edge) - var(--camera-edge));
}
#mode-menu {
  max-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - var(--camera-edge) - var(--camera-edge));
}
#pipeline-menu span,
#mode-menu span,
#photo-pipeline-menu span,
#photo-pipeline-label,
#status {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #3f3f46; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #52525b; }