/* workspace/starcode/css/cosmos-audio-edit.css */
/* DCOSMOS-AUDIOEDIT (SC-FB02): the Sound Edit dev popup. One seat to the
   left of the options gear -- same circular-button language as
   #optionsToggle (css/cosmos-options.css), so the two read as one row of
   tools rather than two unrelated pieces of chrome. */
.ae-dev-banner { text-align: center; padding: 5px 8px; font: 600 11px monospace; letter-spacing: .18em; text-transform: uppercase; color: #ff9944; background: rgba(180,90,0,.18); border-bottom: 1px solid rgba(255,153,68,.25); border-radius: 8px 8px 0 0; margin: -12px -12px 8px; }
/* The toggle is a plain button under Options > Dev Tools (styled by
   cosmos-options.css .btn-reset-intro); no floating icon any more. */
.audio-edit-sheet {
  position: fixed;
  top: 60px;
  right: 16px;
  z-index: 210;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  min-width: 240px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55);
}
.audio-edit-sheet[hidden] { display: none; }
/* The currently-playing row's file name -- small and plain, a fact, not a
   label the owner needs to style around. */
.audio-edit-file {
  color: var(--text-primary);
  font-size: 12px;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-light);
  border-radius: 6px;
  padding: 5px 8px;
  margin-bottom: 6px;
  word-break: break-all;
}
.audio-edit-readonly { color: var(--text-dim); opacity: 0.6; margin-bottom: 3px; }
.audio-edit-pool {
  color: var(--text-dim);
  font-size: 11px;
  margin-bottom: 8px;
}
.audio-edit-buttons {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.audio-edit-buttons button {
  flex: 1;
  min-height: 34px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  background: rgba(30, 44, 70, 0.7);
  border: 1px solid var(--border-light);
  color: var(--text-primary);
}
.audio-edit-buttons button:hover { background: var(--bg-card-hover); border-color: var(--accent); }
.audio-edit-buttons button:disabled { opacity: 0.4; cursor: default; }
.audio-edit-status {
  margin-top: 6px;
  min-height: 14px;
  color: var(--accent);
  font-size: 11px;
  text-align: center;
}
/* SC-HEADER-CLEARANCE: at phone widths the header row has no second tool
   seat (the nav cluster reaches the gear's own reserved lane), so this
   button sits directly below the gear instead of beside it, and its sheet
   opens below the pair. Last in the file so these win the equal-
   specificity fight against the base rules above. */
@media (max-width: 480px) {
  #audioEditToggle { top: 60px; right: 16px; }
  .audio-edit-sheet { top: 104px; }
}