.skin-gallery-quickbar {
  position: sticky;
  top: 0;
  z-index: 15;
  margin: 0 0 12px;
  padding: clamp(6px, 0.7vw, 14px);
  border: 1px solid #71f68f;
  border-radius: 8px;
  background: rgba(5, 27, 13, 0.98);
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.75);
  color: #b6ffc3;
  font: 700 clamp(10px, 0.72vw, 15px)/1.2 "Courier New", monospace;
}
.skin-gallery-quickbar[hidden] { display: none; }
.skin-gallery-quickbar-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.skin-gallery-quickbar-head img {
  width: clamp(52px, 7vw, 125px);
  aspect-ratio: 16 / 9;
  object-fit: contain;
  border: 1px solid rgba(110, 255, 130, 0.45);
  border-radius: 5px;
}
.skin-gallery-quickbar-name {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.skin-gallery-quickbar-state {
  display: block;
  margin-top: 3px;
  color: #8fc69b;
  font-size: 0.86em;
}
.skin-gallery-quickbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.skin-gallery-quickbar-actions button,
.skin-gallery-quickbar-actions a {
  min-height: 29px;
  padding: 4px 8px;
  border: 1px solid #619976;
  border-radius: 5px;
  background: #11361d;
  color: #ccffd6;
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.skin-gallery-quickbar-actions button:hover,
.skin-gallery-quickbar-actions a:hover,
.skin-gallery-quickbar-actions button:focus-visible,
.skin-gallery-quickbar-actions a:focus-visible {
  border-color: white;
  outline: 1px solid white;
}
.skin-gallery-quickbar-actions button:disabled {
  opacity: .4;
  cursor: not-allowed;
}
.skin-gallery-quickbar-actions .skin-gallery-publish {
  border-color: #f6d48e;
  background: #45321b;
}
.skin-gallery-quickbar-status {
  margin: 5px 0 0;
  color: #b4f1bc;
  font-size: .87em;
}
.skin-gallery-quickbar-history {
  max-height: min(30vh, 240px);
  overflow-y: auto;
  margin-top: 6px;
}
.skin-gallery-quickbar-history .skin-publish-history {
  margin-top: 0;
}
@media (max-width: 700px) {
  .skin-gallery-quickbar {
    padding: 5px;
    font-size: 10px;
  }
  .skin-gallery-quickbar-actions button,
  .skin-gallery-quickbar-actions a {
    min-height: 27px;
    padding: 3px 5px;
  }
}