/* Rendered locally with Remotion; the public page needs no React runtime. */
#imgest-dark-concept .concept-demo[data-ingest-demo] {
  padding: 0;
  overflow: hidden;
  border: 1px solid rgb(208 216 228 / 28%);
  border-radius: 13px;
  background: #0c1016;
  box-shadow: 0 32px 80px rgb(0 0 0 / 45%), 0 8px 24px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(255 255 255 / 12%);
}
#imgest-dark-concept .demo-titlebar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background: linear-gradient(#30343b, #252930);
  border-bottom: 1px solid rgb(0 0 0 / 55%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
  user-select: none;
}
#imgest-dark-concept .demo-window-title {
  color: #d9dde5;
  font-size: 12px;
  font-weight: 550;
  letter-spacing: -.015em;
  text-shadow: 0 1px 1px #0006;
}
#imgest-dark-concept .demo-mac-controls {
  position: absolute;
  left: 14px;
  display: flex;
  gap: 8px;
}
#imgest-dark-concept .demo-mac-controls i {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ff5f57;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%);
}
#imgest-dark-concept .demo-mac-controls i:nth-child(2) { background: #febc2e; }
#imgest-dark-concept .demo-mac-controls i:nth-child(3) { background: #28c840; }
#imgest-dark-concept .demo-windows-controls { display: none; }
#imgest-dark-concept .concept-demo[data-window-style="windows"] { border-radius: 8px; border-color: #58616e; }
#imgest-dark-concept [data-window-style="windows"] .demo-titlebar { justify-content: flex-start; padding-left: 15px; background: #20252d; }
#imgest-dark-concept [data-window-style="windows"] .demo-mac-controls { display: none; }
#imgest-dark-concept [data-window-style="windows"] .demo-windows-controls { position: absolute; right: 0; top: 0; display: flex; height: 100%; }
#imgest-dark-concept .demo-windows-controls i { position: relative; width: 44px; }
#imgest-dark-concept .demo-windows-controls i::before,
#imgest-dark-concept .demo-windows-controls i::after { content: ""; position: absolute; }
#imgest-dark-concept .demo-minimize::before { width: 10px; height: 1px; background: #c7ced9; top: 20px; left: 17px; }
#imgest-dark-concept .demo-maximize::before { width: 9px; height: 9px; border: 1px solid #c7ced9; top: 15px; left: 17px; }
#imgest-dark-concept .demo-close::before,
#imgest-dark-concept .demo-close::after { width: 12px; height: 1px; background: #c7ced9; top: 20px; left: 16px; transform: rotate(45deg); }
#imgest-dark-concept .demo-close::after { transform: rotate(-45deg); }
/* Replace only the video's baked-in titlebar (90/960 desktop, 94/900 mobile).
   Keep the full application body, including the bottom progress row. */
#imgest-dark-concept .demo-viewport {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1280 / 870;
}
#imgest-dark-concept .demo-video {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: #0c1016;
  transform: translateY(-9.375%);
}
#imgest-dark-concept .demo-viewport:has(.demo-video:focus-visible) { outline: 3px solid #86c5ff; outline-offset: -3px; }
@media (max-width: 680px) {
  #imgest-dark-concept .demo-viewport { aspect-ratio: 720 / 806; }
  #imgest-dark-concept .demo-video { aspect-ratio: 4 / 5; transform: translateY(-10.444444%); }
}