/* [project]/apps/frontend/src/app/page.module.css [app-client] (css) */
.page-module__OMRgBq__pageShell {
  color: #f4f7fb;
  background: radial-gradient(circle at 0 0, #4a90e22e, #0000 24%), linear-gradient(#101522 0%, #0b1020 100%);
  gap: 20px;
  min-height: 100vh;
  padding: 32px;
  display: grid;
}

.page-module__OMRgBq__heroCard, .page-module__OMRgBq__screenCard, .page-module__OMRgBq__tableCard, .page-module__OMRgBq__sidePanel, .page-module__OMRgBq__editorPanel, .page-module__OMRgBq__bundleCard, .page-module__OMRgBq__outputListCard, .page-module__OMRgBq__previewCard, .page-module__OMRgBq__logCard, .page-module__OMRgBq__modalCard {
  background: #0c1222e6;
  border: 1px solid #ffffff1a;
  box-shadow: 0 24px 70px #00000047;
}

.page-module__OMRgBq__heroCard, .page-module__OMRgBq__screenCard, .page-module__OMRgBq__modalCard {
  border-radius: 24px;
}

.page-module__OMRgBq__heroCard {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding: 28px;
  display: flex;
}

.page-module__OMRgBq__heroCard h1 {
  margin-top: 4px;
  font-size: clamp(2rem, 4vw, 3rem);
}

.page-module__OMRgBq__heroDescription {
  color: #c7d2ea;
  max-width: 760px;
  margin-top: 12px;
  line-height: 1.65;
}

.page-module__OMRgBq__heroMeta {
  background: #5b8def2e;
  border-radius: 18px;
  gap: 6px;
  min-width: 210px;
  padding: 18px;
  display: grid;
}

.page-module__OMRgBq__heroMeta span, .page-module__OMRgBq__eyebrow, .page-module__OMRgBq__panelHeader span, .page-module__OMRgBq__fieldBlock span, .page-module__OMRgBq__previewMeta p, .page-module__OMRgBq__voiceRow small, .page-module__OMRgBq__listItem small, .page-module__OMRgBq__listItem span, .page-module__OMRgBq__selectedListItem small, .page-module__OMRgBq__selectedListItem span {
  color: #aebadb;
}

.page-module__OMRgBq__eyebrow {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .75rem;
}

.page-module__OMRgBq__screenTabs {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.page-module__OMRgBq__tab, .page-module__OMRgBq__activeTab, .page-module__OMRgBq__primaryButton, .page-module__OMRgBq__secondaryButton, .page-module__OMRgBq__ghostButton, .page-module__OMRgBq__listItem, .page-module__OMRgBq__selectedListItem {
  font: inherit;
  border: 1px solid #0000;
  border-radius: 14px;
  transition: all .16s;
}

.page-module__OMRgBq__tab, .page-module__OMRgBq__activeTab {
  color: #f4f7fb;
  background: #ffffff0f;
  padding: 12px 18px;
}

.page-module__OMRgBq__tab:hover, .page-module__OMRgBq__secondaryButton:hover, .page-module__OMRgBq__ghostButton:hover, .page-module__OMRgBq__listItem:hover {
  background: #ffffff14;
  border-color: #6b9cff70;
}

.page-module__OMRgBq__activeTab {
  color: #06111f;
  background: linear-gradient(135deg, #4e7eff, #71d6ff);
  font-weight: 700;
}

.page-module__OMRgBq__screenCard {
  gap: 20px;
  padding: 24px;
  display: grid;
}

.page-module__OMRgBq__sectionHeader, .page-module__OMRgBq__panelHeader, .page-module__OMRgBq__listItemTop, .page-module__OMRgBq__voiceRow, .page-module__OMRgBq__voiceActions, .page-module__OMRgBq__actionRow, .page-module__OMRgBq__modalHeader {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.page-module__OMRgBq__sectionHeader, .page-module__OMRgBq__actionRow {
  flex-wrap: wrap;
}

.page-module__OMRgBq__primaryButton, .page-module__OMRgBq__secondaryButton, .page-module__OMRgBq__ghostButton {
  cursor: pointer;
  padding: 10px 16px;
}

.page-module__OMRgBq__primaryButton {
  color: #07111f;
  background: linear-gradient(135deg, #4e7eff, #71d6ff);
  font-weight: 700;
}

.page-module__OMRgBq__secondaryButton, .page-module__OMRgBq__ghostButton {
  color: #f4f7fb;
  background: #ffffff0d;
  border-color: #ffffff24;
}

.page-module__OMRgBq__tableCard, .page-module__OMRgBq__outputListCard, .page-module__OMRgBq__previewCard, .page-module__OMRgBq__logCard, .page-module__OMRgBq__sidePanel, .page-module__OMRgBq__editorPanel, .page-module__OMRgBq__bundleCard {
  border-radius: 20px;
  padding: 18px;
}

.page-module__OMRgBq__projectTable {
  border-collapse: collapse;
  width: 100%;
}

.page-module__OMRgBq__projectTable th, .page-module__OMRgBq__projectTable td {
  text-align: left;
  border-bottom: 1px solid #ffffff14;
  padding: 14px 12px;
}

.page-module__OMRgBq__projectTable th {
  color: #8fa3d1;
  font-size: .85rem;
}

.page-module__OMRgBq__statusChip, .page-module__OMRgBq__itemBadge, .page-module__OMRgBq__inlineStatus {
  background: #ffffff14;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: .78rem;
}

.page-module__OMRgBq__workbenchGrid, .page-module__OMRgBq__outputsGrid {
  gap: 18px;
  display: grid;
}

.page-module__OMRgBq__workbenchGrid {
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
}

.page-module__OMRgBq__outputsGrid {
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
}

.page-module__OMRgBq__listColumn {
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.page-module__OMRgBq__listItem, .page-module__OMRgBq__selectedListItem {
  text-align: left;
  width: 100%;
  color: inherit;
  cursor: pointer;
  background: #ffffff08;
  gap: 6px;
  padding: 14px;
  display: grid;
}

.page-module__OMRgBq__selectedListItem {
  background: #4e7eff2e;
  border-color: #71d6ffcc;
}

.page-module__OMRgBq__editorPanel {
  gap: 18px;
  display: grid;
}

.page-module__OMRgBq__formGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.page-module__OMRgBq__fieldBlock {
  gap: 8px;
  display: grid;
}

.page-module__OMRgBq__fieldBlock input {
  color: #f6f8ff;
  background: #ffffff0d;
  border: 1px solid #ffffff1f;
  border-radius: 14px;
  width: 100%;
  padding: 14px 16px;
}

.page-module__OMRgBq__bundleCard {
  gap: 14px;
  display: grid;
}

.page-module__OMRgBq__voiceList {
  gap: 12px;
  display: grid;
}

.page-module__OMRgBq__voiceRow {
  background: #ffffff08;
  border-radius: 16px;
  align-items: flex-start;
  padding: 14px;
}

.page-module__OMRgBq__voiceActions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.page-module__OMRgBq__statusOk {
  color: #8ef0ba;
  background: #32cd7c2e;
}

.page-module__OMRgBq__statusPending {
  color: #ffd773;
  background: #ffd04c2e;
}

.page-module__OMRgBq__statusBad {
  color: #ff9f9f;
  background: #ff62622e;
}

.page-module__OMRgBq__previewVideo, .page-module__OMRgBq__largeVideo {
  background: #05070d;
  border-radius: 18px;
  width: 100%;
}

.page-module__OMRgBq__previewMeta {
  gap: 12px;
  display: grid;
}

.page-module__OMRgBq__previewMeta dl {
  gap: 8px;
  display: grid;
}

.page-module__OMRgBq__previewMeta dt {
  color: #8fa3d1;
  font-size: .82rem;
}

.page-module__OMRgBq__previewMeta dd {
  margin-left: 0;
}

.page-module__OMRgBq__logCard pre {
  color: #c9d6f3;
  background: #ffffff0a;
  border-radius: 16px;
  padding: 16px;
  line-height: 1.6;
  overflow-x: auto;
}

.page-module__OMRgBq__modalBackdrop {
  background: #02050cc7;
  place-items: center;
  padding: 28px;
  display: grid;
  position: fixed;
  inset: 0;
}

.page-module__OMRgBq__modalCard {
  gap: 18px;
  width: min(1120px, 100%);
  padding: 24px;
  display: grid;
}

@media (max-width: 1024px) {
  .page-module__OMRgBq__workbenchGrid, .page-module__OMRgBq__outputsGrid, .page-module__OMRgBq__formGrid {
    grid-template-columns: 1fr;
  }

  .page-module__OMRgBq__pageShell {
    padding: 20px;
  }
}

@media (max-width: 720px) {
  .page-module__OMRgBq__heroCard, .page-module__OMRgBq__voiceRow, .page-module__OMRgBq__modalHeader {
    flex-direction: column;
    align-items: stretch;
  }

  .page-module__OMRgBq__projectTable {
    display: block;
    overflow-x: auto;
  }
}

/*# sourceMappingURL=apps_frontend_src_app_page_module_0xan62r.css.map*/