.preview-cell {
  width: 180px;
}

.preview-pair {
  display: flex;
  gap: 8px;
}

.preview-link,
.preview-missing {
  display: flex;
  width: 82px;
  flex-direction: column;
  gap: 3px;
  color: #8b9994;
  font-size: 9px;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.preview {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: cover;
  border: 1px solid #34403d;
  border-radius: 3px;
  background: #101314;
}

.preview:hover {
  border-color: var(--lime);
}

.preview-missing {
  color: #596461;
}

.viewer-panel {
  margin-top: 20px;
}

.viewer-panel[hidden] {
  display: none;
}

model-viewer {
  display: block;
  width: 100%;
  height: 520px;
  border: 1px solid #34403d;
  border-radius: 4px;
  background: radial-gradient(circle at 50% 35%, #27322f, #101314 70%);
}