/* Screen-owned audio composer player and upload timeline. */
body.ghostsocial-v2 .media-preview-item.gs-audio-attachment {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 9px 10px;
  padding: 11px;
}
body.ghostsocial-v2 .gs-audio-attachment .media-preview-icon {
  grid-column: 1;
  grid-row: 1;
}
body.ghostsocial-v2 .gs-audio-attachment .media-preview-info {
  grid-column: 2;
  grid-row: 1;
}
body.ghostsocial-v2 .gs-audio-attachment .media-preview-del {
  grid-column: 3;
  grid-row: 1;
}
body.ghostsocial-v2 .gs-audio-composer-player {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
}
body.ghostsocial-v2 .gs-audio-preview-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
body.ghostsocial-v2 .gs-audio-preview-play {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
  color: #17121f;
  font-size: 13px;
}
body.ghostsocial-v2 .gs-audio-preview-seek {
  --gs-audio-play-progress: 0%;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 18px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: pointer;
}
body.ghostsocial-v2 .gs-audio-preview-seek::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(to right, var(--primary) 0 var(--gs-audio-play-progress), rgba(255,255,255,.2) var(--gs-audio-play-progress) 100%);
}
body.ghostsocial-v2 .gs-audio-preview-seek::-moz-range-track {
  height: 4px;
  border-radius: 4px;
  background: rgba(255,255,255,.2);
}
body.ghostsocial-v2 .gs-audio-preview-seek::-moz-range-progress {
  height: 4px;
  border-radius: 4px;
  background: var(--primary);
}
body.ghostsocial-v2 .gs-audio-preview-seek::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
}
body.ghostsocial-v2 .gs-audio-preview-seek::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 50%;
  background: var(--primary);
}
body.ghostsocial-v2 .gs-audio-preview-seek:disabled { opacity: .45; cursor: default; }
body.ghostsocial-v2 .gs-audio-preview-time {
  color: var(--sub);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.ghostsocial-v2 .gs-audio-upload-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
body.ghostsocial-v2 .gs-audio-upload-label {
  overflow: hidden;
  color: var(--sub);
  font-size: 11px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.ghostsocial-v2 .gs-audio-upload-track {
  grid-column: 1 / -1;
  height: 5px;
  min-height: 5px;
  overflow: hidden;
  border-radius: 4px;
  background: rgba(255,255,255,.28);
}
body.ghostsocial-v2 .gs-audio-upload-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #c1a8ff, var(--primary));
  transition: width 100ms linear;
}
body.ghostsocial-v2.miniska-mode .gs-player-host--minisky-float {
  bottom: calc(var(--nav-h) + var(--gs-msk-caption-height, 96px) + 12px);
}
@media (prefers-reduced-motion: reduce) {
  body.ghostsocial-v2 .gs-audio-upload-fill { transition: none; }
}

body.ghostsocial-v2 .media-preview-item.gs-audio-attachment.uploading:not(.audio-expanded) {
  grid-template-columns: 48px minmax(0, 1fr) 32px;
}