.creator-guide-launcher {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #a58cff88;
  border-radius: 99px;
  padding: 10px 16px 10px 10px;
  background: #18213a;
  color: #f9f8ff;
  box-shadow: 0 8px 30px #0007;
  font:
    600 12px/1.2 Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  cursor: pointer;
}
.creator-guide-launcher:hover {
  background: #2b2d50;
}
.creator-guide-launcher > span:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #a58cff;
  color: #101223;
  font-size: 17px;
  font-weight: 750;
}
.creator-guide-launcher:focus-visible,
.creator-guide-close:focus-visible {
  outline: 3px solid #39d4e9;
  outline-offset: 4px;
}
.creator-guide-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(1320px, 96vw);
  height: min(880px, 94dvh);
  max-width: 96vw;
  max-height: 94dvh;
  padding: 0;
  border: 1px solid #526081;
  border-radius: 17px;
  background: #09111f;
  box-shadow: 0 20px 100px #0009;
  color: #f9f8ff;
  overflow: hidden;
}
.creator-guide-dialog[open] {
  display: flex;
  flex-direction: column;
}
.creator-guide-dialog::backdrop {
  background: #02050bd9;
  backdrop-filter: blur(7px);
}
.creator-guide-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 17px;
  border-bottom: 1px solid #283551;
  min-height: 48px;
  flex-shrink: 0;
}
.creator-guide-dialog-header > span {
  font:
    550 11px/1.4 Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  color: #afbbd0;
  letter-spacing: 0.5px;
}
.creator-guide-close {
  border: 1px solid #34405b;
  background: #18213a;
  color: #fff;
  min-width: 34px;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 6px;
  font:
    500 12px/1.3 Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    sans-serif;
  cursor: pointer;
}
.creator-guide-dialog iframe {
  width: 100%;
  height: 100%;
  flex: 1;
  border: 0;
  min-height: 0;
  background: #09111f;
}
@media (max-width: 600px) {
  .creator-guide-launcher {
    right: 14px;
    bottom: 14px;
    padding: 8px 13px 8px 8px;
    font-size: 11px;
  }
  .creator-guide-dialog {
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border: 0;
    border-radius: 0;
  }
}
@media print {
  .creator-guide-launcher,
  .creator-guide-dialog {
    display: none !important;
  }
}