.history-dialog{width:min(740px,calc(100vw - 32px));max-height:85vh}.history-create{display:flex;gap:10px;margin:20px 0}.history-create input{flex:1;min-width:0;background:#191c1d;border:1px solid #3a3d3e;border-radius:7px;color:inherit;padding:10px}.history-list{display:grid;gap:9px;max-height:45vh;overflow:auto}.history-item{display:flex;align-items:center;gap:12px;padding:13px;background:#202324;border:1px solid #343738;border-radius:8px}.history-item>div{flex:1;min-width:0}.history-item strong,.history-item span,.history-item small{display:block;overflow-wrap:anywhere}.history-item span{font-size:12px;margin:5px 0;color:#aaa}.history-item small{color:#86c1ae}.export-quality{display:grid;grid-template-columns:1fr 1fr;gap:12px}.export-quality label{min-width:0}.export-option{display:flex!important;gap:10px;align-items:center;margin-top:12px!important;font-size:12px!important;letter-spacing:0!important}.export-option input{width:auto!important}.delivery-note{font-size:12px;line-height:1.6;color:#a5aaa9}.composition-midi{flex-wrap:wrap}.history-create .export-btn{white-space:nowrap}@media(max-width:600px){.history-item{flex-wrap:wrap}.history-item>div{flex-basis:100%}.history-create{flex-wrap:wrap}.history-create input{flex-basis:100%}.top-actions{flex-wrap:wrap}.export-quality{grid-template-columns:1fr}}
.audio-storage{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:13px 16px}.audio-storage>div{display:grid;gap:5px;font-size:12px}.audio-storage span{color:#bbcfaa;font-size:11px}.audio-storage p{flex:1;min-width:200px;color:#a4b398;font-size:11px;line-height:1.5}.audio-clips-inspector-header{flex-wrap:wrap}@media(max-width:700px){.audio-storage{gap:8px}}
.meter-controls{display:flex;align-items:center;gap:4px}.meter-controls input,.meter-controls select{width:48px;color:var(--cream);background:#252a22;border:1px solid #4a5344;border-radius:4px;padding:3px;font-family:'Space Grotesk';font-size:14px}.meter-controls select{width:50px}.signature .meter-controls{margin-top:3px}.pattern-bar #patternLength{width:65px}.rack{overflow-x:auto}.rack .steps{grid-template-columns:repeat(var(--rack-steps,16),minmax(18px,1fr));min-width:calc(var(--rack-steps,16)*21px)}

/* Export processing choices */
#audioExportDialog { width: min(560px, calc(100vw - 32px)); }
#audioExportDialog #renderAudio { width: auto; min-width: 96px; padding-inline: 12px; font-size: 11px; }
#audioExportDialog .export-dialog-head + p { margin-block: 10px 12px; }
#audioExportDialog form > label:not(.export-option),
#audioExportDialog .export-quality label { margin-block: 9px; }
#audioExportDialog .export-quality { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#audioExportDialog .delivery-note { margin-block: 10px; }
#audioExportDialog .export-dialog-actions { margin-top: 14px; }
@media (min-width: 540px) {
  #audioExportDialog .export-stem-effects {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 12px;
  }
  #audioExportDialog .export-stem-effects small { grid-column: 1 / -1; }
}
#audioExportDialog :is(.export-stem-effects, .export-loudness-fields) {
  margin: 12px 0;
  padding: 6px 10px 8px;
  min-inline-size: 0;
  border: 1px solid #4a5b70;
  border-radius: 5px;
}
#audioExportDialog :is(.export-stem-effects, .export-loudness-fields) legend {
  padding-inline: 4px;
  font-size: 11px;
  color: #cfdbec;
}
#audioExportDialog .export-stem-effects .export-option {
  margin: 4px 0;
}
#audioExportDialog :is(.export-stem-effects, .export-loudness-fields) small {
  display: block;
  margin-top: 6px;
  color: #a9bacf;
  font-size: 10px;
}
#audioExportDialog .export-processing-note {
  margin: 8px 0 12px;
}
#audioExportDialog .export-loudness-targets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
#audioExportDialog .export-loudness-targets label { margin: 4px 0; }
#audioExportDialog .export-loudness-fields > label { margin-block: 6px 9px; }
#audioExportDialog .export-loudness-fields select { height: 32px; }
#audioExportDialog :is(.export-loudness-targets, .export-preview-build) input[type="number"] {
  display: block;
  width: 100%;
  height: 32px;
  margin-top: 5px;
  padding: 0 8px;
  color: inherit;
  background: var(--studio-surface, #1e2a37);
  border: 1px solid #52647a;
  border-radius: 4px;
  font-size: 13px;
}
#audioExportDialog #exportLimiterSettings {
  margin-top: 10px;
  padding-top: 7px;
  border-top: 1px solid #4a5b70;
}
#audioExportDialog #exportLimiterSettings summary { color: #cfdbec; font-size: 11px; cursor: pointer; }
#audioExportDialog .export-limiter-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 6px; }
#audioExportDialog .export-limiter-controls label { display: flex; flex-direction: column; justify-content: flex-end; }
#audioExportDialog #exportDownloadLoudnessReport { margin-top: 9px; }
#audioExportDialog .export-limiter-preview {
  margin: 10px 0;
  padding: 8px 10px;
  border: 1px solid #4a5b70;
  border-radius: 5px;
}
#audioExportDialog .export-limiter-preview summary { color: #d7e5f3; font-size: 12px; cursor: pointer; }
#audioExportDialog .export-limiter-preview small { color: #a9bacf; font-size: 10px; }
#audioExportDialog :is(.export-preview-build, .export-preview-versions, .export-preview-transport) {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
#audioExportDialog .export-preview-build { margin: 8px 0 6px; }
#audioExportDialog .export-preview-build label { flex: 0 1 88px; min-width: 76px; margin: 0; }
#audioExportDialog .export-preview-build label:first-child { flex: 1 1 125px; }
#audioExportDialog .export-preview-build select { height: 32px; margin-top: 5px; }
#audioExportDialog .export-preview-build button { min-height: 32px; }
#audioExportDialog .export-preview-status { margin: 7px 0; font-size: 11px; color: #b7c9dd; }
#audioExportDialog .export-preview-versions button { flex: 1 1 100px; min-height: 30px; }
#audioExportDialog .export-preview-versions button[aria-pressed="true"] {
  background: #29443c;
  border-color: #6ba794;
  color: #e0f4e5;
}
#audioExportDialog .export-preview-controls input[type="range"] { width: 100%; margin: 7px 0; accent-color: #a9d5a0; }
#audioExportDialog .export-preview-transport { align-items: center; }
#audioExportDialog .export-preview-transport span { margin-left: auto; color: #b7c9dd; font: 11px 'DM Sans', sans-serif; font-variant-numeric: tabular-nums; }