.starwing-embed {
  margin-top: 14px;
  padding: 14px;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #17405c;
  box-shadow: inset 0 0 20px #45ddff1e;
  background: radial-gradient(circle at 50% -20%, #12305a 0, transparent 36rem), #03050d;
  color: #ebf5ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.starwing-embed * {
  box-sizing: border-box;
}

.starwing-embed__eyebrow {
  margin: 0 0 8px;
  color: #ffdc4a;
  font-size: 11px;
}

.starwing-embed__controls {
  display: flex;
  gap: 8px;
  align-items: end;
  justify-content: center;
  flex-wrap: wrap;
}

.starwing-embed__controls label {
  display: grid;
  gap: 4px;
  font-size: 11px;
  color: #9ab3c8;
}

.starwing-embed__controls select,
.starwing-embed__controls input,
.starwing-embed__controls button {
  border: 1px solid #2a5471;
  border-radius: 3px;
  padding: 7px 8px;
  color: #ebf5ff;
  background: #091525;
  font: inherit;
}

.starwing-embed__controls input {
  width: 78px;
}

.starwing-embed__controls button {
  color: #071019;
  background: #45ddff;
  cursor: pointer;
}

.starwing-embed #viewport {
  position: relative;
  width: 700px;
  height: 875px;
  max-width: 100%;
  margin: 18px auto;
  overflow: hidden;
  border: 1px solid #17405c;
  box-shadow: 0 0 28px #45ddff22;
  background: #000;
  display: grid;
  place-items: center;
}

.starwing-embed canvas {
  display: block;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  outline: none;
}

.starwing-embed__help {
  margin: 10px 0 0;
  text-align: center;
  color: #7891a6;
  font-size: 11px;
}