/* [project]/app/home-page.module.css [app-client] (css) */
.home-page-module__bnwM_W__page {
  --dash-bg: #000;
  --dash-bg-soft: #040404;
  --dash-surface: #0c0c0cdb;
  --dash-surface-strong: #121212f0;
  --dash-surface-muted: #090909e6;
  --dash-border: #ffffff14;
  --dash-border-strong: #ffffff24;
  --dash-border-hover: #fff3;
  --dash-text-main: #f2f5fa;
  --dash-text-soft: #b9c1cb;
  --dash-text-muted: #737c88;
  --dash-accent: #1f5eff;
  --dash-accent-strong: #4d80ff;
  --dash-accent-glow: #1f5eff3d;
  --dash-danger: #dc4e4e;
  --dash-radius-xl: 1.7rem;
  --dash-radius-lg: 1.15rem;
  --dash-radius-md: .88rem;
  --results-edge-gap: .68rem;
  isolation: isolate;
  min-height: 100vh;
  color: var(--dash-text-main);
  padding: 0 var(--results-edge-gap) 0 0;
  letter-spacing: .003em;
  background: linear-gradient(145deg, #000 0%, #030303 45%, #000 100%);
  position: relative;
  overflow: hidden;
}

.home-page-module__bnwM_W__page:before {
  content: "";
  opacity: .58;
  pointer-events: none;
  z-index: 0;
  background-image: url("/bg-grid-tile.svg");
  background-position: 5px 0;
  background-repeat: repeat;
  background-size: 20px 20px;
  position: absolute;
  inset: -8%;
  transform: rotate(7deg)translate3d(-3.6%, -2.2%, 0);
}

.home-page-module__bnwM_W__page:after {
  content: "";
  opacity: .92;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle at 18% 78%, #2d64ff1a, #0000 44%), radial-gradient(circle at 82% 16%, #674aff14, #0000 40%), radial-gradient(circle at 72% 70%, #1f5eff14, #0000 58%);
  position: absolute;
  inset: -10%;
}

.home-page-module__bnwM_W__page > * {
  z-index: 1;
  position: relative;
}

.home-page-module__bnwM_W__topBar {
  z-index: 25;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  top: .9rem;
  right: clamp(14px, 2vw, 24px);
}

.home-page-module__bnwM_W__createHeader {
  justify-content: space-between;
  align-items: center;
  gap: .7rem;
  margin-bottom: .9rem;
  display: flex;
}

.home-page-module__bnwM_W__titleRow {
  align-items: center;
  gap: .58rem;
  min-width: 0;
  display: inline-flex;
}

.home-page-module__bnwM_W__layout {
  --layout-gap: var(--results-edge-gap);
  gap: var(--layout-gap);
  grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
  align-items: start;
  min-height: 100vh;
  display: grid;
}

.home-page-module__bnwM_W__createPanel {
  border: 0;
  border-right: 1px solid var(--dash-border);
  scrollbar-width: thin;
  scrollbar-color: #3878c833 transparent;
  border-radius: 0;
  min-height: 100vh;
  max-height: 100vh;
  margin-left: 0;
  overflow-y: auto;
}

.home-page-module__bnwM_W__createPanel::-webkit-scrollbar {
  width: 6px;
}

.home-page-module__bnwM_W__createPanel::-webkit-scrollbar-track {
  background: none;
}

.home-page-module__bnwM_W__createPanel::-webkit-scrollbar-thumb {
  background: #3878c833;
  border-radius: 99px;
}

.home-page-module__bnwM_W__createPanel::-webkit-scrollbar-thumb:hover {
  background: #3878c84d;
}

.home-page-module__bnwM_W__panel {
  border: 1px solid var(--dash-border);
  background: linear-gradient(150deg, #0c0c0cf5, #040404fc);
  border-radius: 1.05rem;
  padding: clamp(14px, 1.7vw, 20px);
  animation: .3s home-page-module__bnwM_W__riseIn;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0b, 0 14px 30px #00000057;
}

.home-page-module__bnwM_W__panel.home-page-module__bnwM_W__createPanel {
  border: 0;
  border-right: 1px solid var(--dash-border);
  border-radius: 0;
  min-height: 100vh;
  max-height: 100vh;
  margin-left: 0;
  overflow-y: auto;
}

.home-page-module__bnwM_W__title {
  letter-spacing: -.015em;
  color: var(--dash-text-main);
  margin: 0;
  font-size: clamp(1.08rem, .96rem + .58vw, 1.44rem);
  font-weight: 640;
}

.home-page-module__bnwM_W__connectedAccountsBadge {
  border: 1px solid var(--dash-border-strong);
  color: var(--dash-text-soft);
  letter-spacing: .02em;
  white-space: nowrap;
  background: #07080be6;
  border-radius: 999px;
  align-items: center;
  gap: .4rem;
  padding: .18rem .52rem;
  font-size: .67rem;
  font-weight: 620;
  display: inline-flex;
}

.home-page-module__bnwM_W__connectedAccountsDot {
  border-radius: 999px;
  flex: none;
  width: .5rem;
  height: .5rem;
}

.home-page-module__bnwM_W__connectedAccountsDotOffline {
  background: #de5353;
  box-shadow: 0 0 0 1px #de535373, 0 0 11px #de5353b3;
}

.home-page-module__bnwM_W__connectedAccountsDotOnline {
  background: #61d989;
  box-shadow: 0 0 0 1px #61d98973, 0 0 11px #61d989bf;
}

.home-page-module__bnwM_W__subtleText {
  text-transform: uppercase;
  letter-spacing: .11em;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .72rem;
  font-weight: 600;
}

.home-page-module__bnwM_W__notice {
  text-align: left;
  border: 1px solid var(--dash-border);
  background: #0a0a0aeb;
  border-radius: .7rem;
  margin: 0 0 .9rem;
  padding: .45rem .62rem;
  font-size: .8rem;
  font-weight: 540;
}

.home-page-module__bnwM_W__noticeInfo {
  color: #b7d0ff;
  background: #122048c7;
  border-color: #6097ff6b;
}

.home-page-module__bnwM_W__noticeSuccess {
  color: #a9eac5;
  background: #102319c7;
  border-color: #5ab67e66;
}

.home-page-module__bnwM_W__noticeError {
  color: #f3b9b9;
  background: #2b1312c7;
  border-color: #d667676b;
}

.home-page-module__bnwM_W__form {
  gap: .84rem;
  display: grid;
}

.home-page-module__bnwM_W__configSection {
  border-top: 1px solid var(--dash-border);
  gap: .78rem;
  padding-top: .84rem;
  display: grid;
}

.home-page-module__bnwM_W__sectionTitle {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .68rem;
  font-weight: 700;
}

.home-page-module__bnwM_W__row {
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: .64rem;
  display: grid;
}

.home-page-module__bnwM_W__field {
  gap: .42rem;
  min-width: 0;
  display: grid;
}

.home-page-module__bnwM_W__field > span {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .68rem;
  font-weight: 650;
}

.home-page-module__bnwM_W__field input, .home-page-module__bnwM_W__field select, .home-page-module__bnwM_W__field textarea {
  border: 1px solid var(--dash-border);
  width: 100%;
  color: var(--dash-text-main);
  background: #050505f5;
  border-radius: .76rem;
  outline: none;
  min-height: 2.55rem;
  padding: .62rem .78rem;
  font-size: .9rem;
  line-height: 1.35;
  transition: border-color .2s, box-shadow .2s, background-color .2s;
}

.home-page-module__bnwM_W__field input::placeholder, .home-page-module__bnwM_W__field textarea::placeholder {
  color: var(--dash-text-muted);
}

.home-page-module__bnwM_W__field input:hover, .home-page-module__bnwM_W__field select:hover, .home-page-module__bnwM_W__field textarea:hover {
  border-color: #ffffff24;
}

.home-page-module__bnwM_W__field input:focus, .home-page-module__bnwM_W__field select:focus, .home-page-module__bnwM_W__field textarea:focus {
  border-color: #467effb3;
  box-shadow: 0 0 0 2px #1f5eff24;
}

.home-page-module__bnwM_W__field select {
  appearance: none;
  background-image: linear-gradient(45deg, #0000 50%, #c9d6ecf2 50%), linear-gradient(-45deg, #0000 50%, #c9d6ecf2 50%);
  background-position: calc(100% - 15px) calc(50% - 3px), calc(100% - 10px) calc(50% - 3px);
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 2.15rem;
}

.home-page-module__bnwM_W__field textarea {
  resize: vertical;
  min-height: 7.7rem;
}

.home-page-module__bnwM_W__field input.home-page-module__bnwM_W__fileInput {
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  background: none;
  border: 0;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.home-page-module__bnwM_W__filePicker {
  background: linear-gradient(#07080bf0, #050608f0);
  border: 1px dashed #6097ff57;
  border-radius: .76rem;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .58rem;
  min-height: 2.55rem;
  padding: .42rem .52rem;
  display: flex;
}

.home-page-module__bnwM_W__filePickerButton {
  border: 1px solid var(--dash-border);
  min-height: 1.9rem;
  color: var(--dash-text-soft);
  letter-spacing: .01em;
  cursor: pointer;
  background: #101112;
  border-radius: .64rem;
  padding: .34rem .64rem;
  font-size: .78rem;
  font-weight: 560;
  transition: border-color .2s, background .2s, color .2s;
}

.home-page-module__bnwM_W__filePickerButton:hover {
  color: var(--dash-text-main);
  border-color: var(--dash-border-hover);
  background: #1c2023;
}

.home-page-module__bnwM_W__filePickerButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #82aafff2;
}

.home-page-module__bnwM_W__filePickerStatus {
  min-width: 0;
  color: var(--dash-text-soft);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: auto;
  padding-top: .42rem;
  font-size: .76rem;
  overflow: hidden;
}

.home-page-module__bnwM_W__filePickerPills {
  flex: 220px;
  min-width: 0;
}

.home-page-module__bnwM_W__filePickerReferences {
  gap: .52rem;
  display: grid;
}

.home-page-module__bnwM_W__filePickerTopRow {
  flex-wrap: wrap;
  align-items: center;
  gap: .58rem;
  display: flex;
}

.home-page-module__bnwM_W__filePickerTopRow .home-page-module__bnwM_W__filePickerStatus {
  padding-top: 0;
}

.home-page-module__bnwM_W__frameUploadButton {
  width: 100%;
  min-height: 2.55rem;
  color: var(--dash-text-soft);
  letter-spacing: .01em;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(#07080bf0, #050608f0);
  border: 1px dashed #6097ff57;
  border-radius: .76rem;
  padding: .44rem .62rem;
  font-size: .78rem;
  font-weight: 560;
  transition: border-color .2s, background .2s, color .2s;
}

.home-page-module__bnwM_W__frameUploadButton:hover {
  color: var(--dash-text-main);
  background: linear-gradient(#0e1014f7, #090b0ff7);
  border-color: #7eaeff8c;
}

.home-page-module__bnwM_W__frameUploadButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #82aafff2;
}

.home-page-module__bnwM_W__hintText {
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .74rem;
}

.home-page-module__bnwM_W__autoAnimateToggle {
  border: 1px solid var(--dash-border);
  cursor: pointer;
  background: #ffffff08;
  border-radius: .76rem;
  align-items: flex-start;
  gap: .62rem;
  padding: .72rem .84rem;
  transition: border-color .2s, background .2s;
  display: flex;
}

.home-page-module__bnwM_W__autoAnimateToggle:hover {
  background: #ffffff0d;
  border-color: #ffffff24;
}

.home-page-module__bnwM_W__autoAnimateToggle input[type="checkbox"] {
  accent-color: #467eff;
  cursor: pointer;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-top: .18rem;
}

.home-page-module__bnwM_W__autoAnimateLabel {
  color: var(--dash-text-main);
  margin-bottom: .18rem;
  font-size: .84rem;
  font-weight: 600;
  display: block;
}

.home-page-module__bnwM_W__autoAnimateHint {
  color: var(--dash-text-muted);
  font-size: .72rem;
  line-height: 1.4;
  display: block;
}

.home-page-module__bnwM_W__projectSection {
  border-top: 1px solid var(--dash-border);
  gap: .72rem;
  padding-top: .84rem;
  display: grid;
}

.home-page-module__bnwM_W__setFolderButton {
  border: 1px solid var(--dash-border);
  color: var(--dash-text-muted);
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff0a;
  border-radius: .72rem;
  align-self: start;
  align-items: center;
  gap: .42rem;
  padding: .48rem .78rem;
  font-size: .78rem;
  font-weight: 600;
  transition: border-color .2s, color .2s, background .2s;
  display: inline-flex;
}

.home-page-module__bnwM_W__setFolderButton:hover {
  color: #c5dcff;
  background: #121e37b3;
  border-color: #64a0ff80;
}

.home-page-module__bnwM_W__setFolderIcon {
  flex-shrink: 0;
  width: .82rem;
  height: .82rem;
}

.home-page-module__bnwM_W__filePillList {
  flex-wrap: wrap;
  gap: .42rem;
  width: 100%;
  min-width: 0;
  display: flex;
}

.home-page-module__bnwM_W__filePillListFrame {
  min-height: 2.55rem;
}

.home-page-module__bnwM_W__filePill {
  box-sizing: border-box;
  color: #cfe0ff;
  background: #122048b8;
  border: 1px solid #6097ff61;
  border-radius: .66rem;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  max-width: 100%;
  padding: .28rem .34rem .28rem .5rem;
  font-size: .72rem;
  line-height: 1.2;
  display: inline-flex;
}

.home-page-module__bnwM_W__filePillFrame {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  display: grid;
}

.home-page-module__bnwM_W__filePillFrame .home-page-module__bnwM_W__filePillName {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.home-page-module__bnwM_W__filePillName {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  gap: .35rem;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.home-page-module__bnwM_W__characterMatchSummary {
  background: #0a122499;
  border: 1px solid #64a0ff1f;
  border-radius: .55rem;
  flex-direction: column;
  gap: .25rem;
  margin: .15rem 0 .35rem;
  padding: .5rem .65rem;
  display: flex;
}

.home-page-module__bnwM_W__characterMatchTitle {
  color: var(--dash-text-soft);
  opacity: .7;
  margin-bottom: .1rem;
  font-size: .68rem;
}

.home-page-module__bnwM_W__characterMatchRow {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.home-page-module__bnwM_W__characterMatchName {
  color: #a0c4ff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .75rem;
  font-weight: 600;
  overflow: hidden;
}

.home-page-module__bnwM_W__characterMatchCount {
  color: #6bbe86e6;
  flex-shrink: 0;
  font-size: .72rem;
  font-weight: 600;
}

.home-page-module__bnwM_W__characterMatchCountZero {
  color: #c8c8d266;
  flex-shrink: 0;
  font-size: .72rem;
  font-weight: 600;
}

.home-page-module__bnwM_W__characterTag {
  color: #a0c4ff;
  letter-spacing: .02em;
  white-space: nowrap;
  background: #64a0ff26;
  border-radius: 999px;
  flex-shrink: 0;
  padding: .05rem .35rem;
  font-size: .6rem;
  font-weight: 600;
  display: inline-block;
}

.home-page-module__bnwM_W__filePillRemove {
  color: #f3b9b9;
  cursor: pointer;
  background: #2b1312e0;
  border: 1px solid #d6676785;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  min-width: 1.2rem;
  height: 1.2rem;
  font-size: .88rem;
  line-height: 1;
  transition: border-color .2s, background .2s, color .2s;
  display: inline-flex;
}

.home-page-module__bnwM_W__filePillRemove:hover {
  color: #ffe0e0;
  background: #6e2828;
  border-color: #ec83839e;
}

.home-page-module__bnwM_W__filePillRemove:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ff9e9ef2;
}

.home-page-module__bnwM_W__button {
  color: #fff;
  letter-spacing: .01em;
  cursor: pointer;
  background: #2362f0e0;
  border: 1px solid #6097ff75;
  border-radius: .78rem;
  justify-content: center;
  align-items: center;
  min-height: 2.52rem;
  padding: .53rem .95rem;
  font-size: .88rem;
  font-weight: 560;
  text-decoration: none;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
}

.home-page-module__bnwM_W__button:hover:not(:disabled) {
  background: #3576fceb;
  box-shadow: 0 10px 22px #2052bc5c;
}

.home-page-module__bnwM_W__button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #82aafff2;
}

.home-page-module__bnwM_W__button:disabled {
  opacity: .56;
  cursor: not-allowed;
  box-shadow: none;
}

.home-page-module__bnwM_W__secondary {
  color: var(--dash-text-soft);
  border-color: var(--dash-border);
  box-shadow: none;
  background: #101112;
}

.home-page-module__bnwM_W__secondary:hover:not(:disabled) {
  color: var(--dash-text-main);
  border-color: var(--dash-border-hover);
  box-shadow: none;
  background: #1c2023;
}

.home-page-module__bnwM_W__secondary:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #b4becde6;
}

.home-page-module__bnwM_W__small {
  border-radius: .72rem;
  min-height: 1.9rem;
  padding: .42rem .72rem;
  font-size: .81rem;
}

.home-page-module__bnwM_W__resultsPanel {
  box-shadow: none;
  min-height: calc(100vh - var(--layout-gap));
  height: calc(100vh - var(--layout-gap));
  padding: 0;
  padding-top: var(--layout-gap);
  background: none;
  border: none;
  grid-template-rows: auto minmax(0, 1fr);
  display: grid;
}

.home-page-module__bnwM_W__resultsHeader {
  border: 1px solid var(--dash-border);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 5;
  background: linear-gradient(145deg, #0c0c0cd1, #06080edb);
  border-radius: .92rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: .9rem;
  margin-bottom: .68rem;
  padding: .62rem;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: inset 0 1px #ffffff08, 0 8px 20px #0003;
}

.home-page-module__bnwM_W__resultsTitle {
  letter-spacing: -.012em;
  margin: 0;
  font-size: clamp(1.3rem, 1.12rem + .52vw, 1.56rem);
  font-weight: 680;
  margin-left: 10px !important;
}

.home-page-module__bnwM_W__resultsHeaderMeta {
  flex-wrap: wrap;
  align-items: center;
  gap: .62rem;
  min-width: 0;
  display: flex;
}

.home-page-module__bnwM_W__resultsStatusPills {
  flex-wrap: wrap;
  align-items: center;
  gap: .38rem;
  display: flex;
}

.home-page-module__bnwM_W__resultsStatusPill {
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  padding: .14rem .44rem;
  font-size: .63rem;
  font-weight: 620;
  line-height: 1.2;
  display: inline-flex;
}

.home-page-module__bnwM_W__resultsStatusPillPending {
  color: #d2d9e6;
  background: #181d28bd;
  border-color: #a0adc275;
}

.home-page-module__bnwM_W__resultsStatusPillProcessing {
  color: #d7e7ff;
  background: #132654b8;
  border-color: #6097ff85;
}

.home-page-module__bnwM_W__resultsStatusPillSuccess {
  color: #d4ffe6;
  background: #134629b8;
  border-color: #6bbe868c;
}

.home-page-module__bnwM_W__resultsStatusPillError {
  color: #ffd4d4;
  background: #2b1312c2;
  border-color: #d667678a;
}

.home-page-module__bnwM_W__menuButton {
  color: #b8c4e0;
  letter-spacing: .03em;
  cursor: pointer;
  background: #1e233cb3;
  border: 1px solid #788cc859;
  border-radius: 999px;
  height: 1.65rem;
  padding: 0 .65rem;
  font-size: .7rem;
  font-weight: 600;
  transition: background .15s, border-color .15s, color .15s;
  position: relative;
}

.home-page-module__bnwM_W__menuButton:hover {
  color: #dce4ff;
  background: #323c64cc;
  border-color: #8ca0e680;
}

.home-page-module__bnwM_W__menuBadge {
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 15px;
  height: 15px;
  padding: 0 3px;
  font-size: .55rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  top: -5px;
  right: -5px;
}

.home-page-module__bnwM_W__menuBadgeRunning {
  color: #fff;
  background: #3c82f6e6;
}

.home-page-module__bnwM_W__menuBadgeError {
  color: #fff;
  background: #dc5050e6;
}

.home-page-module__bnwM_W__activeProjectLabel {
  color: var(--dash-text-soft);
  opacity: .6;
  margin-top: .15rem;
  font-size: .72rem;
  display: block;
}

.home-page-module__bnwM_W__projectsView {
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.home-page-module__bnwM_W__projectsViewHeader {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-page-module__bnwM_W__projectsBackButton {
  border: 1px solid var(--dash-border-strong);
  background: var(--dash-surface);
  height: 2.2rem;
  color: var(--dash-text-main);
  cursor: pointer;
  border-radius: .65rem;
  padding: 0 1rem;
  font-size: .8rem;
  font-weight: 500;
  transition: background .15s, border-color .15s;
}

.home-page-module__bnwM_W__projectsBackButton:hover {
  background: var(--dash-surface-strong);
  border-color: var(--dash-border-hover);
}

.home-page-module__bnwM_W__projectsCreateRow {
  gap: .65rem;
  display: flex;
}

.home-page-module__bnwM_W__projectsNameInput {
  border: 1px solid var(--dash-border-strong);
  background: var(--dash-surface);
  height: 2.5rem;
  color: var(--dash-text-main);
  border-radius: .65rem;
  outline: none;
  flex: 1;
  padding: 0 .85rem;
  font-size: .85rem;
  transition: border-color .15s;
}

.home-page-module__bnwM_W__projectsNameInput:focus {
  border-color: #64a0ff80;
}

.home-page-module__bnwM_W__projectsNameInput::placeholder {
  color: var(--dash-text-soft);
  opacity: .5;
}

.home-page-module__bnwM_W__projectsCreateButton {
  color: #c5dcff;
  cursor: pointer;
  white-space: nowrap;
  background: #121e37e0;
  border: 1px solid #64a0ff59;
  border-radius: .65rem;
  height: 2.5rem;
  padding: 0 1.2rem;
  font-size: .82rem;
  font-weight: 600;
  transition: background .15s, border-color .15s;
}

.home-page-module__bnwM_W__projectsCreateButton:hover {
  background: #1c3a78;
  border-color: #64a0ffb3;
}

.home-page-module__bnwM_W__projectsGrid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: .75rem;
  display: grid;
}

.home-page-module__bnwM_W__projectCard {
  border: 1px solid var(--dash-border);
  background: var(--dash-surface);
  border-radius: .85rem;
  flex-direction: column;
  gap: .5rem;
  padding: 1rem 1.2rem;
  transition: border-color .2s, background .2s, box-shadow .2s;
  display: flex;
}

.home-page-module__bnwM_W__projectCard:hover {
  border-color: var(--dash-border-strong);
  box-shadow: 0 4px 16px #0003;
}

.home-page-module__bnwM_W__projectCardActive {
  background: #121e3766;
  border-color: #64a0ff59;
}

.home-page-module__bnwM_W__projectCardHeader {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.home-page-module__bnwM_W__projectCardStatus {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.home-page-module__bnwM_W__projectCardStatusIdle {
  background: #a0a0b480;
}

.home-page-module__bnwM_W__projectCardStatusRunning {
  background: #3c82f6e6;
  animation: 1.2s ease-in-out infinite home-page-module__bnwM_W__statusPulse;
}

@keyframes home-page-module__bnwM_W__statusPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .4;
  }
}

.home-page-module__bnwM_W__projectCardStatusComplete {
  background: #50c878e6;
}

.home-page-module__bnwM_W__projectCardStatusError {
  background: #dc5050e6;
}

.home-page-module__bnwM_W__projectCardName {
  color: var(--dash-text-main);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0;
  font-size: .92rem;
  font-weight: 600;
  overflow: hidden;
}

.home-page-module__bnwM_W__projectCardMeta {
  color: var(--dash-text-soft);
  font-size: .75rem;
}

.home-page-module__bnwM_W__projectCardDate {
  color: var(--dash-text-soft);
  opacity: .5;
  font-size: .68rem;
}

.home-page-module__bnwM_W__projectCardActions {
  gap: .4rem;
  margin-top: .25rem;
  display: flex;
}

.home-page-module__bnwM_W__projectCardOpen, .home-page-module__bnwM_W__projectCardRename, .home-page-module__bnwM_W__projectCardDelete {
  cursor: pointer;
  border-radius: .5rem;
  height: 1.85rem;
  padding: 0 .7rem;
  font-size: .72rem;
  font-weight: 600;
  transition: background .15s, border-color .15s;
}

.home-page-module__bnwM_W__projectCardOpen {
  color: #d6ffe7;
  background: #0f2616b3;
  border: 1px solid #6bbe8666;
}

.home-page-module__bnwM_W__projectCardOpen:hover {
  background: #1e5a2d;
  border-color: #87d7a099;
}

.home-page-module__bnwM_W__projectCardRename {
  border: 1px solid var(--dash-border-strong);
  background: var(--dash-surface);
  color: var(--dash-text-main);
}

.home-page-module__bnwM_W__projectCardRename:hover {
  background: var(--dash-surface-strong);
  border-color: var(--dash-border-hover);
}

.home-page-module__bnwM_W__projectCardDelete {
  color: #f6c1c1;
  background: #2b1312b3;
  border: 1px solid #d6676766;
}

.home-page-module__bnwM_W__projectCardDelete:hover {
  background: #6e2828;
  border-color: #ec838399;
}

.home-page-module__bnwM_W__resultsHeaderActions {
  flex-wrap: wrap;
  align-items: center;
  gap: .62rem;
  margin-left: auto;
  display: flex;
}

.home-page-module__bnwM_W__resultsTypeSwitch {
  background: #0000003d;
  border: 1px solid #ffffff14;
  border-radius: .72rem;
  align-items: center;
  gap: .24rem;
  min-height: 2.55rem;
  padding: .2rem;
  display: inline-flex;
}

.home-page-module__bnwM_W__resultsTypeSwitchButton {
  height: 2.06rem;
  min-height: 2.06rem;
  color: var(--dash-text-muted);
  letter-spacing: .01em;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: .56rem;
  padding: .4rem .7rem;
  font-size: .74rem;
  font-weight: 600;
  transition: color .2s, border-color .2s, background .2s, box-shadow .2s;
}

.home-page-module__bnwM_W__resultsTypeSwitchButton:hover {
  color: #f2f5fa;
  box-shadow: none;
  background: #0f0f0f;
  border-color: #272727;
}

.home-page-module__bnwM_W__resultsTypeSwitchButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #c2d6fff2;
}

.home-page-module__bnwM_W__resultsTypeSwitchButtonActive {
  color: var(--dash-text-main);
}

.home-page-module__bnwM_W__resultsTypeSwitchButtonImage.home-page-module__bnwM_W__resultsTypeSwitchButtonActive, .home-page-module__bnwM_W__resultsTypeSwitchButtonVideo.home-page-module__bnwM_W__resultsTypeSwitchButtonActive {
  color: #f2f5fa;
  background: #1f1f1f;
  border-color: #464646;
  box-shadow: inset 0 1px #ffffff14;
}

.home-page-module__bnwM_W__resultsDownloadAllButton {
  color: #c5dcff;
  letter-spacing: .01em;
  cursor: pointer;
  white-space: nowrap;
  background: #121e37e0;
  border: 1px solid #64a0ff59;
  border-radius: .72rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: .42rem;
  height: 2.55rem;
  min-height: 2.55rem;
  padding: .42rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 6px 14px #12285a42;
}

.home-page-module__bnwM_W__resultsDownloadAllButton:hover:not(:disabled) {
  color: #e0eeff;
  background: #1c3a78;
  border-color: #64a0ffb3;
  box-shadow: 0 10px 20px #1228644d;
}

.home-page-module__bnwM_W__resultsDownloadAllButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #78b4fff2;
}

.home-page-module__bnwM_W__resultsDownloadAllButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}

.home-page-module__bnwM_W__downloadMenuWrap {
  align-self: center;
  display: inline-flex;
  position: relative;
}

.home-page-module__bnwM_W__downloadMenu {
  z-index: 50;
  background: #101628f5;
  border: 1px solid #64a0ff40;
  border-radius: .65rem;
  flex-direction: column;
  min-width: 10rem;
  padding: .35rem 0;
  display: flex;
  position: absolute;
  top: calc(100% + .35rem);
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 12px 32px #00000080;
}

.home-page-module__bnwM_W__downloadMenuItem {
  color: #c5dcff;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  padding: .55rem .85rem;
  font-size: .8rem;
  font-weight: 500;
  transition: background .15s, color .15s;
}

.home-page-module__bnwM_W__downloadMenuItem:hover {
  color: #e0eeff;
  background: #64a0ff1f;
}

.home-page-module__bnwM_W__downloadMenuInput {
  color: var(--dash-text-main);
  background: #0a0e1cb3;
  border: 1px solid #64a0ff33;
  border-radius: .45rem;
  outline: none;
  margin: .4rem .6rem .25rem;
  padding: .4rem .6rem;
  font-size: .78rem;
  transition: border-color .15s;
}

.home-page-module__bnwM_W__downloadMenuInput:focus {
  border-color: #64a0ff80;
}

.home-page-module__bnwM_W__downloadMenuInput::placeholder {
  color: var(--dash-text-soft);
  opacity: .45;
}

.home-page-module__bnwM_W__downloadMenuToggle {
  color: #c5dcff;
  cursor: pointer;
  align-items: center;
  gap: .45rem;
  padding: .4rem .7rem;
  font-size: .75rem;
  display: flex;
}

.home-page-module__bnwM_W__downloadMenuToggle input[type="checkbox"] {
  accent-color: #3c82f6e6;
  cursor: pointer;
}

.home-page-module__bnwM_W__downloadMenuDivider {
  background: #ffffff14;
  height: 1px;
  margin: .25rem .6rem;
}

.home-page-module__bnwM_W__resultsStopAllButton {
  color: #f5e6a0;
  letter-spacing: .01em;
  cursor: pointer;
  white-space: nowrap;
  background: #2b250ae0;
  border: 1px solid #d6b43c80;
  border-radius: .72rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: .42rem;
  height: 2.55rem;
  min-height: 2.55rem;
  padding: .42rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 6px 14px #4a3c0a42;
}

.home-page-module__bnwM_W__resultsStopAllButton:hover {
  color: #fff5c8;
  background: #6e5a14;
  border-color: #ecc85099;
  box-shadow: 0 10px 20px #6450144d;
}

.home-page-module__bnwM_W__resultsResumeButton {
  color: #d6ffe7;
  letter-spacing: .01em;
  cursor: pointer;
  white-space: nowrap;
  background: #0f2616e0;
  border: 1px solid #6bbe868f;
  border-radius: .72rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: .42rem;
  height: 2.55rem;
  min-height: 2.55rem;
  padding: .42rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 6px 14px #124a1e42;
}

.home-page-module__bnwM_W__resultsResumeButton:hover {
  color: #ecfff5;
  background: #1e5a2d;
  border-color: #87d7a0b8;
  box-shadow: 0 10px 20px #1450234d;
}

.home-page-module__bnwM_W__resultsDeleteAllButton {
  color: #f6c1c1;
  letter-spacing: .01em;
  cursor: pointer;
  white-space: nowrap;
  background: #2b1312e0;
  border: 1px solid #d6676780;
  border-radius: .72rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: .42rem;
  height: 2.55rem;
  min-height: 2.55rem;
  padding: .42rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 6px 14px #4a121242;
}

.home-page-module__bnwM_W__resultsDeleteAllButton:hover:not(:disabled) {
  color: #ffe0e0;
  background: #6e2828;
  border-color: #ec838399;
  box-shadow: 0 10px 20px #6420204d;
}

.home-page-module__bnwM_W__resultsDeleteAllButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ff9e9ef2;
}

.home-page-module__bnwM_W__resultsDeleteAllButton:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}

.home-page-module__bnwM_W__resultsResetButton {
  color: #c8c8d4;
  letter-spacing: .01em;
  cursor: pointer;
  white-space: nowrap;
  background: #1e1e26e0;
  border: 1px solid #a0a0b466;
  border-radius: .72rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: .42rem;
  height: 2.55rem;
  min-height: 2.55rem;
  padding: .42rem .72rem;
  font-size: .78rem;
  font-weight: 600;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
  box-shadow: 0 6px 14px #14141e42;
}

.home-page-module__bnwM_W__resultsResetButton:hover {
  color: #e8e8f0;
  background: #3c3c4be0;
  border-color: #bebed28c;
  box-shadow: 0 10px 20px #1e1e2d4d;
}

.home-page-module__bnwM_W__resultsDeleteAllIcon {
  align-self: center;
  width: .85rem;
  height: .85rem;
  display: block;
}

.home-page-module__bnwM_W__resultsZoomControl {
  background: #0000003d;
  border: 1px solid #ffffff14;
  border-radius: .72rem;
  flex-direction: column;
  justify-items: end;
  gap: .18rem;
  min-width: min(220px, 100%);
  padding: .38rem .5rem;
  display: flex;
}

.home-page-module__bnwM_W__resultsZoomLabel {
  text-transform: uppercase;
  letter-spacing: .11em;
  color: var(--dash-text-muted);
  font-size: .64rem;
}

.home-page-module__bnwM_W__resultsZoomSlider {
  cursor: pointer;
  width: min(220px, 44vw);
  accent-color: var(--dash-accent);
}

.home-page-module__bnwM_W__resultsZoomValue {
  color: var(--dash-text-soft);
  font-size: .7rem;
}

.home-page-module__bnwM_W__resultsBody {
  scrollbar-width: thin;
  scrollbar-color: #3878c833 transparent;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding-bottom: .8rem;
  padding-right: .38rem;
  display: flex;
  overflow-y: auto;
}

.home-page-module__bnwM_W__resultsBody::-webkit-scrollbar {
  width: 6px;
}

.home-page-module__bnwM_W__resultsBody::-webkit-scrollbar-track {
  background: none;
}

.home-page-module__bnwM_W__resultsBody::-webkit-scrollbar-thumb {
  background: #3878c833;
  border-radius: 99px;
}

.home-page-module__bnwM_W__resultsBody::-webkit-scrollbar-thumb:hover {
  background: #3878c84d;
}

.home-page-module__bnwM_W__empty {
  border: 1px dashed var(--dash-border);
  width: 100%;
  min-height: 0;
  color: var(--dash-text-soft);
  letter-spacing: .01em;
  background: radial-gradient(circle at 72% 20%, #3d72ff1a, #0000 58%), #0808082e;
  border-radius: 1rem;
  flex: auto;
  place-items: center;
  display: grid;
}

.home-page-module__bnwM_W__resultsGrid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-content: start;
  gap: .94rem;
  padding-bottom: .2rem;
  display: grid;
}

.home-page-module__bnwM_W__job {
  background: #000;
  border: 1px solid #ffffff1a;
  border-radius: 1.08rem;
  transition: border-color .2s, background .2s, box-shadow .2s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff12, inset 0 -1px #ffffff08, 0 14px 28px #00000059;
}

.home-page-module__bnwM_W__job:before {
  content: none;
}

.home-page-module__bnwM_W__jobActive {
  border-color: #6097ff8f;
  box-shadow: inset 0 1px #ffffff17, 0 0 0 1px #6097ff38, 0 0 24px #1f5eff33, 0 18px 32px #0000006b;
}

.home-page-module__bnwM_W__jobActive:before {
  content: none;
}

.home-page-module__bnwM_W__jobPending {
  border-color: #8c9bb275;
  box-shadow: inset 0 1px #ffffff14, 0 0 0 1px #8c9bb233, 0 0 20px #4053762e, 0 18px 32px #0000006b;
}

.home-page-module__bnwM_W__jobPending:before {
  content: none;
}

.home-page-module__bnwM_W__jobError {
  border-color: #d6676785;
  box-shadow: inset 0 1px #ffffff0f, 0 0 0 1px #d6676733, 0 16px 30px #0000006b;
}

.home-page-module__bnwM_W__jobError:before {
  content: none;
}

.home-page-module__bnwM_W__jobHeader, .home-page-module__bnwM_W__jobFooter {
  justify-content: space-between;
  align-items: center;
  gap: .55rem;
  padding: .68rem .84rem;
  display: flex;
}

.home-page-module__bnwM_W__jobHeader {
  background: #ffffff05;
  border-bottom: 1px solid #ffffff14;
}

.home-page-module__bnwM_W__jobHeader span {
  letter-spacing: .03em;
  color: #b7d0ff;
  white-space: nowrap;
  background: #122048;
  border: 1px solid #6097ff80;
  border-radius: 999px;
  align-items: center;
  padding: .13rem .46rem;
  font-size: .66rem;
  font-weight: 590;
  line-height: 1.2;
  display: inline-flex;
}

.home-page-module__bnwM_W__mediaWrap {
  aspect-ratio: 16 / 9;
  box-sizing: border-box;
  background: #000;
  border-top-left-radius: calc(1.08rem - 1px);
  border-top-right-radius: calc(1.08rem - 1px);
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.home-page-module__bnwM_W__mediaAsset {
  object-fit: contain;
  object-position: center;
  background: none;
  border: 0;
  border-radius: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.home-page-module__bnwM_W__overlay {
  text-align: center;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #050910d6;
  border: 1px solid #ffffff14;
  border-radius: .72rem;
  align-content: center;
  justify-items: center;
  gap: .3rem;
  padding: .74rem;
  display: grid;
  position: absolute;
  inset: .72rem;
}

.home-page-module__bnwM_W__overlay p {
  color: var(--dash-text-soft);
  margin: 0;
  font-size: .84rem;
}

.home-page-module__bnwM_W__processingOverlay {
  background: #101f48e0;
  border: 1px solid #6097ff80;
  box-shadow: inset 0 0 0 1px #6097ff29, 0 0 24px #1f5eff29;
}

.home-page-module__bnwM_W__pendingOverlay {
  background: #181d28e6;
  border: 1px solid #8c9bb270;
  box-shadow: inset 0 0 0 1px #a0adc224, 0 0 20px #4053762e;
}

.home-page-module__bnwM_W__overlay .home-page-module__bnwM_W__processingOverlayTitle {
  color: #d0e2ff;
  letter-spacing: .01em;
  font-size: .9rem;
  font-weight: 640;
  animation: 1.2s ease-in-out infinite home-page-module__bnwM_W__processingTitleOpacityPulse;
}

.home-page-module__bnwM_W__overlay .home-page-module__bnwM_W__pendingOverlayTitle {
  color: #c5cede;
  letter-spacing: .01em;
  font-size: .9rem;
  font-weight: 640;
  animation: 1.2s ease-in-out infinite home-page-module__bnwM_W__pendingTitleOpacityPulse;
}

.home-page-module__bnwM_W__errorOverlay {
  background: #2b1312e6;
  border: 1px solid #d6676780;
}

.home-page-module__bnwM_W__overlay .home-page-module__bnwM_W__errorOverlayTitle {
  color: #ffd0d0;
  font-size: .9rem;
  font-weight: 640;
}

.home-page-module__bnwM_W__overlay .home-page-module__bnwM_W__errorOverlayDescription {
  color: #f3b9b9;
  font-size: .82rem;
}

@keyframes home-page-module__bnwM_W__processingTitleOpacityPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .72;
  }
}

@keyframes home-page-module__bnwM_W__pendingTitleOpacityPulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .72;
  }
}

.home-page-module__bnwM_W__jobFooter {
  background: linear-gradient(145deg, #0c0c0cd1, #06080edb);
  border-top: 1px solid #ffffff14;
  border-bottom-right-radius: calc(1.08rem - 1px);
  border-bottom-left-radius: calc(1.08rem - 1px);
}

.home-page-module__bnwM_W__jobFooter small {
  color: var(--dash-text-muted);
  letter-spacing: .02em;
  font-size: .71rem;
}

.home-page-module__bnwM_W__jobMeta {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.home-page-module__bnwM_W__jobMetaTopRow {
  align-items: center;
  gap: .36rem;
  min-width: 0;
  display: inline-flex;
}

.home-page-module__bnwM_W__jobGenerationNumber {
  letter-spacing: .03em;
  color: #ffffffa6;
  font-variant-numeric: tabular-nums;
  font-size: .62rem;
  font-weight: 700;
  line-height: 1.2;
}

.home-page-module__bnwM_W__jobTypePill {
  letter-spacing: .03em;
  text-transform: uppercase;
  border: 1px solid #0000;
  border-radius: 999px;
  align-items: center;
  padding: .12rem .44rem;
  font-size: .62rem;
  font-weight: 620;
  line-height: 1.2;
  display: inline-flex;
}

.home-page-module__bnwM_W__jobTypePillImage {
  color: #d9eeff;
  background: #1646888c;
  border-color: #7cbbff99;
}

.home-page-module__bnwM_W__jobTypePillVideo {
  color: #f0dfff;
  background: #5326848c;
  border-color: #c08cff94;
}

.home-page-module__bnwM_W__jobDate {
  margin-top: .26rem;
}

.home-page-module__bnwM_W__requestInfoWrap {
  align-items: center;
  display: inline-flex;
}

.home-page-module__bnwM_W__requestInfoButton {
  border: 1px solid var(--dash-border-strong);
  width: 1.14rem;
  min-width: 1.14rem;
  height: 1.14rem;
  color: var(--dash-text-soft);
  cursor: pointer;
  background: linear-gradient(145deg, #101010f2, #080808f7);
  border-radius: 999px;
  place-items: center;
  padding: 0;
  line-height: 0;
  transition: border-color .2s, background .2s, color .2s, box-shadow .2s;
  display: inline-grid;
}

.home-page-module__bnwM_W__requestInfoButton:hover {
  color: var(--dash-text-main);
  background: linear-gradient(145deg, #192b57f0, #101d3ef2);
  border-color: #7cbbff85;
  box-shadow: 0 8px 18px #12254c57;
}

.home-page-module__bnwM_W__requestInfoButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #c2d6fff2;
}

.home-page-module__bnwM_W__requestInfoIcon {
  width: .74rem;
  height: .74rem;
  margin: 0;
  display: block;
}

.home-page-module__bnwM_W__requestInfoFloating {
  z-index: 35;
  border: 1px solid var(--dash-border-strong);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  will-change: opacity, transform;
  background: linear-gradient(150deg, #0c0c0cf5, #04060afa);
  border-radius: .86rem;
  max-height: min(70vh, 460px);
  padding: .72rem;
  position: fixed;
  overflow: auto;
  box-shadow: inset 0 1px #ffffff0d, 0 24px 44px #0000008c;
}

.home-page-module__bnwM_W__requestInfoFloatingOpen {
  animation: .18s home-page-module__bnwM_W__requestInfoIn;
}

.home-page-module__bnwM_W__requestInfoFloatingClosing {
  pointer-events: none;
  animation: .18s forwards home-page-module__bnwM_W__requestInfoOut;
}

.home-page-module__bnwM_W__requestInfoFloating::-webkit-scrollbar {
  width: 6px;
}

.home-page-module__bnwM_W__requestInfoFloating::-webkit-scrollbar-thumb {
  background: #6a91da57;
  border-radius: 99px;
}

.home-page-module__bnwM_W__requestInfoFloating::-webkit-scrollbar-thumb:hover {
  background: #85abf175;
}

.home-page-module__bnwM_W__requestInfoTitle {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--dash-text-soft);
  margin: 0 0 .48rem;
  font-size: .68rem;
  font-weight: 700;
}

.home-page-module__bnwM_W__requestInfoList {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: .36rem;
  margin: 0;
  display: grid;
}

.home-page-module__bnwM_W__requestInfoListItem {
  gap: .1rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

.home-page-module__bnwM_W__requestInfoListItemWide {
  grid-column: 1 / -1;
}

.home-page-module__bnwM_W__requestInfoListItem dt {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .58rem;
  font-weight: 650;
}

.home-page-module__bnwM_W__requestInfoListItem dd {
  color: var(--dash-text-main);
  word-break: break-word;
  margin: 0;
  font-size: .66rem;
  line-height: 1.35;
}

.home-page-module__bnwM_W__requestInfoPromptValue {
  white-space: pre-wrap;
  max-height: 5.5rem;
  padding-right: .2rem;
  overflow: auto;
}

.home-page-module__bnwM_W__requestFrameSection {
  border-top: 1px solid #ffffff1a;
  gap: .42rem;
  margin-top: .58rem;
  padding-top: .56rem;
  display: grid;
}

.home-page-module__bnwM_W__requestFrameTitle {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .58rem;
  font-weight: 650;
}

.home-page-module__bnwM_W__requestFrameGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: .42rem;
  display: grid;
}

.home-page-module__bnwM_W__requestFrameItem {
  gap: .24rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

.home-page-module__bnwM_W__requestFrameThumb {
  aspect-ratio: 4 / 3;
  background-color: #080a0eeb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff1f;
  border-radius: .5rem;
  width: 100%;
  box-shadow: inset 0 0 0 1px #ffffff0a;
}

.home-page-module__bnwM_W__requestFrameLabel {
  color: var(--dash-text-soft);
  margin: 0;
  font-size: .6rem;
  line-height: 1.2;
}

.home-page-module__bnwM_W__requestFrameSpacer {
  min-height: 1px;
}

.home-page-module__bnwM_W__requestReferenceSection {
  border-top: 1px solid #ffffff1a;
  gap: .42rem;
  margin-top: .58rem;
  padding-top: .56rem;
  display: grid;
}

.home-page-module__bnwM_W__requestReferenceTitle {
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .58rem;
  font-weight: 650;
}

.home-page-module__bnwM_W__requestReferenceGrid {
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  gap: .4rem;
  display: grid;
}

.home-page-module__bnwM_W__requestReferenceItem {
  gap: .24rem;
  min-width: 0;
  margin: 0;
  display: grid;
}

.home-page-module__bnwM_W__requestReferenceThumb {
  aspect-ratio: 4 / 3;
  background-color: #080a0eeb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ffffff1f;
  border-radius: .5rem;
  width: 100%;
  box-shadow: inset 0 0 0 1px #ffffff0a;
}

.home-page-module__bnwM_W__requestReferenceLabel {
  color: var(--dash-text-soft);
  margin: 0;
  font-size: .57rem;
  line-height: 1.25;
}

@keyframes home-page-module__bnwM_W__requestInfoIn {
  from {
    opacity: 0;
    transform: translate3d(0, 6px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes home-page-module__bnwM_W__requestInfoOut {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 6px, 0);
  }
}

.home-page-module__bnwM_W__jobActions {
  align-items: center;
  gap: .42rem;
  display: inline-flex;
}

.home-page-module__bnwM_W__mediaControlButton {
  cursor: pointer;
  border: 1px solid #0000;
  border-radius: .48rem;
  justify-content: center;
  align-items: center;
  width: 1.58rem;
  min-width: 1.58rem;
  height: 1.58rem;
  padding: 0;
  text-decoration: none;
  transition: background .2s, border-color .2s, box-shadow .2s, color .2s;
  display: inline-flex;
}

.home-page-module__bnwM_W__mediaControlIcon {
  width: .84rem;
  height: .84rem;
  display: block;
}

.home-page-module__bnwM_W__downloadButton {
  color: #dce8ff;
  background: linear-gradient(#172f68f2, #112452f2);
  border-color: #6097ff94;
  box-shadow: 0 6px 14px #15317059;
}

.home-page-module__bnwM_W__downloadButton:hover:not(:disabled) {
  color: #f1f6ff;
  background: linear-gradient(#2150bef2, #193e96f2);
  border-color: #7eaeffb8;
  box-shadow: 0 10px 20px #1a449e5c;
}

.home-page-module__bnwM_W__playButton {
  color: #d6ffe7;
  background: linear-gradient(#13582beb, #0c411eeb);
  border-color: #6bbe868f;
  box-shadow: 0 6px 14px #0e542a57;
}

.home-page-module__bnwM_W__playButton:hover:not(:disabled) {
  color: #ecfff5;
  background: linear-gradient(#1e7e3df0, #15612ff0);
  border-color: #87d7a0b8;
  box-shadow: 0 10px 20px #146b345c;
}

.home-page-module__bnwM_W__retryButton {
  color: #f5e6a0;
  background: #2b250ae0;
  border: 1px solid #d6b43c80;
  box-shadow: 0 6px 14px #4a3c0a42;
}

.home-page-module__bnwM_W__retryButton:hover:not(:disabled) {
  color: #fff5c8;
  background: #6e5a14;
  border-color: #ecc85099;
  box-shadow: 0 10px 20px #6450144d;
}

.home-page-module__bnwM_W__deleteButton {
  color: #f6c1c1;
  background: #2b1312e0;
  border: 1px solid #d6676780;
  box-shadow: 0 6px 14px #4a121242;
}

.home-page-module__bnwM_W__deleteButton:hover:not(:disabled) {
  color: #ffe0e0;
  background: #6e2828;
  border-color: #ec838399;
  box-shadow: 0 10px 20px #6420204d;
}

.home-page-module__bnwM_W__mediaControlButton:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #c2d6fff2;
}

.home-page-module__bnwM_W__mediaAssetClickable {
  cursor: zoom-in;
}

.home-page-module__bnwM_W__videoThumbnail {
  object-fit: cover;
}

.home-page-module__bnwM_W__lightboxBackdrop {
  z-index: 100;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #000000eb;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
  position: fixed;
  inset: 0;
}

.home-page-module__bnwM_W__lightboxClose {
  color: #fffc;
  cursor: pointer;
  z-index: 101;
  background: #ffffff14;
  border: 1px solid #ffffff2e;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 1.4rem;
  line-height: 1;
  transition: background .15s, color .15s;
  display: flex;
  position: fixed;
  top: 1.1rem;
  right: 1.4rem;
}

.home-page-module__bnwM_W__lightboxClose:hover {
  color: #fff;
  background: #ffffff29;
}

.home-page-module__bnwM_W__lightboxMedia {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  display: flex;
}

.home-page-module__bnwM_W__lightboxAsset {
  object-fit: contain;
  border-radius: .6rem;
  width: auto;
  max-width: min(1400px, 96vw);
  height: auto;
  max-height: 92vh;
  box-shadow: 0 24px 80px #0009;
}

.home-page-module__bnwM_W__modalBackdrop {
  z-index: 50;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #010206b8;
  place-items: center;
  padding: 1rem;
  display: grid;
  position: fixed;
  inset: 0;
}

.home-page-module__bnwM_W__modal {
  border: 1px solid var(--dash-border);
  background: linear-gradient(150deg, #0c0c0cf5, #040404fc);
  border-radius: 1.05rem;
  gap: .74rem;
  width: min(460px, 100%);
  padding: 1rem;
  display: grid;
  box-shadow: inset 0 1px #ffffff0d, 0 24px 48px #0000006b;
}

.home-page-module__bnwM_W__modalTitle {
  color: var(--dash-text-main);
  margin: 0;
  font-size: 1.08rem;
  font-weight: 640;
}

.home-page-module__bnwM_W__modalText {
  color: var(--dash-text-soft);
  margin: 0;
  font-size: .84rem;
  line-height: 1.46;
}

.home-page-module__bnwM_W__modalActions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .55rem;
  display: flex;
}

.home-page-module__bnwM_W__danger {
  color: #f6c1c1;
  background: #2b1312e0;
  border-color: #d6676780;
  box-shadow: 0 6px 14px #4a121242;
}

.home-page-module__bnwM_W__danger:hover:not(:disabled) {
  color: #ffe0e0;
  background: #6e2828;
  border-color: #ec838399;
  box-shadow: 0 10px 20px #6420204d;
}

@keyframes home-page-module__bnwM_W__riseIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.home-page-module__bnwM_W__queueSection {
  border: 1px solid var(--dash-border);
  background: #ffffff05;
  border-radius: .88rem;
  gap: .52rem;
  padding: .72rem .88rem;
  display: grid;
}

.home-page-module__bnwM_W__queueCount {
  background: var(--dash-accent);
  color: #fff;
  vertical-align: middle;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  height: 1.08rem;
  margin-left: .38rem;
  padding: 0 .3rem;
  font-size: .58rem;
  font-weight: 700;
  display: inline-flex;
}

.home-page-module__bnwM_W__queueProcessingHint {
  color: var(--dash-accent-strong);
  margin: 0;
  font-size: .64rem;
  line-height: 1.4;
}

.home-page-module__bnwM_W__queueEmptyHint {
  color: var(--dash-text-muted);
  margin: 0;
  font-size: .63rem;
  line-height: 1.5;
}

.home-page-module__bnwM_W__queueList {
  gap: .3rem;
  max-height: 10rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  overflow-y: auto;
}

.home-page-module__bnwM_W__queueEntry {
  border: 1px solid var(--dash-border);
  background: #ffffff07;
  border-radius: .58rem;
  align-items: center;
  gap: .48rem;
  padding: .4rem .56rem;
  display: flex;
}

.home-page-module__bnwM_W__queueEntryPosition {
  border: 1px solid var(--dash-border-strong);
  width: 1.32rem;
  height: 1.32rem;
  color: var(--dash-text-muted);
  background: #ffffff0f;
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: .58rem;
  font-weight: 700;
  display: flex;
}

.home-page-module__bnwM_W__queueEntryInfo {
  flex: 1;
  gap: .1rem;
  min-width: 0;
  display: grid;
}

.home-page-module__bnwM_W__queueEntryName {
  color: var(--dash-text-main);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .7rem;
  font-weight: 600;
  overflow: hidden;
}

.home-page-module__bnwM_W__queueEntryMeta {
  color: var(--dash-text-muted);
  font-size: .6rem;
}

.home-page-module__bnwM_W__queueEntryRemove {
  width: 1.28rem;
  height: 1.28rem;
  color: var(--dash-text-muted);
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: .36rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1;
  transition: background .15s, color .15s, border-color .15s;
  display: flex;
}

.home-page-module__bnwM_W__queueEntryRemove:hover {
  color: var(--dash-danger);
  background: #dc4e4e24;
  border-color: #d6676747;
}

.home-page-module__bnwM_W__submitRow {
  gap: .52rem;
  display: flex;
}

.home-page-module__bnwM_W__submitRow > .home-page-module__bnwM_W__button:first-child {
  flex: 1;
}

.home-page-module__bnwM_W__addToQueueButton {
  white-space: nowrap;
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .home-page-module__bnwM_W__layout {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .home-page-module__bnwM_W__panel.home-page-module__bnwM_W__createPanel {
    border: 1px solid var(--dash-border);
    border-radius: 0;
    min-height: auto;
    max-height: none;
    overflow: visible;
  }

  .home-page-module__bnwM_W__resultsPanel {
    height: auto;
    min-height: 0;
  }

  .home-page-module__bnwM_W__resultsBody {
    height: auto;
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }
}

@media (max-width: 640px) {
  .home-page-module__bnwM_W__page {
    padding-right: var(--results-edge-gap);
  }

  .home-page-module__bnwM_W__row {
    grid-template-columns: 1fr;
  }

  .home-page-module__bnwM_W__panel {
    border-radius: .95rem;
  }

  .home-page-module__bnwM_W__panel.home-page-module__bnwM_W__createPanel {
    border-radius: 0;
  }

  .home-page-module__bnwM_W__resultsHeader {
    flex-direction: column;
    align-items: stretch;
  }

  .home-page-module__bnwM_W__resultsHeaderMeta {
    justify-content: space-between;
    width: 100%;
  }

  .home-page-module__bnwM_W__resultsHeaderActions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .home-page-module__bnwM_W__resultsTypeSwitch {
    width: 100%;
  }

  .home-page-module__bnwM_W__resultsTypeSwitchButton {
    flex: 1 1 0;
  }

  .home-page-module__bnwM_W__resultsDownloadAllButton, .home-page-module__bnwM_W__resultsDeleteAllButton {
    justify-content: center;
    width: 100%;
  }

  .home-page-module__bnwM_W__resultsZoomControl {
    justify-items: start;
    width: 100%;
  }

  .home-page-module__bnwM_W__resultsZoomSlider {
    width: 100%;
  }
}

/*# sourceMappingURL=app_home-page_module_0d8aab26.css.map*/