/* Upload-only genre controls. Create's genre model remains independent. */
[data-upload-stage] .workspace-upload-genre-field { display: grid; align-content: start; gap: 9px; min-width: 0; color: #36313a; font-size: .78rem; font-weight: 800; }
[data-upload-stage] .workspace-upload-genre-field > span { display: flex; align-items: center; gap: 7px; }
[data-upload-stage] .workspace-upload-genre-field > span > label { display: inline; }
[data-upload-stage] [data-upload-genre-custom][hidden],
[data-upload-stage] [data-upload-secondary-menu][hidden] { display: none !important; }
[data-upload-stage] .upload-genre-custom { display: grid; gap: 6px; margin-top: 10px; }
[data-upload-stage] .upload-secondary-picker { position: relative; min-width: 0; }
[data-upload-stage] .upload-secondary-trigger { width: 100%; min-height: 53px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 2px; border: 0; border-bottom: 2px solid #cbc5d5; border-radius: 0; background: transparent; color: #211b2c; font: inherit; text-align: left; cursor: pointer; }
[data-upload-stage] .upload-secondary-trigger:is(:hover, :focus-visible) { border-color: #7654df; color: #593bb8; }
[data-upload-stage] .upload-secondary-trigger:focus-visible, [data-upload-stage] .upload-secondary-pills button:focus-visible, [data-upload-stage] .upload-secondary-custom button:focus-visible { outline: 2px solid #7654df; outline-offset: 3px; }
[data-upload-stage] .upload-secondary-pills { display: flex; flex-wrap: wrap; gap: 7px; margin: 8px 0; min-width: 0; }
[data-upload-stage] .upload-secondary-pills button { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; max-width: 100%; padding: 7px 12px; border: 1px solid #c7b8f5; border-radius: 999px; background: #f1ebff; color: #593bb8; overflow-wrap: anywhere; text-align: left; }
[data-upload-stage] .upload-secondary-menu { position: absolute; z-index: 45; top: 100%; left: 0; right: 0; max-height: min(360px, 48vh); overflow: auto; padding: 12px; border: 1px solid #d9cfee; border-radius: 14px; background: #fff; box-shadow: 0 12px 35px #21123726; }
[data-upload-stage] .upload-secondary-options { display: grid; gap: 3px; }
[data-upload-stage] .upload-secondary-options label { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px; cursor: pointer; }
[data-upload-stage] .upload-secondary-options input[type="checkbox"] { box-sizing: border-box; width: 20px; height: 20px; min-width: 20px; min-height: 20px; max-width: 20px; max-height: 20px; padding: 0; margin: 0; flex: 0 0 20px; box-shadow: none; }
[data-upload-stage] .upload-secondary-options label:has(input:disabled) { opacity: .55; cursor: default; }
[data-upload-stage] .upload-secondary-custom { display: flex; align-items: end; gap: 8px; margin-top: 10px; }
[data-upload-stage] .upload-secondary-custom input { min-width: 0; flex: 1; }
[data-upload-stage] .upload-secondary-custom button { min-height: 44px; flex: 0 0 auto; padding: 8px 16px; border: 1px solid #c7b8f5; border-radius: 999px; color: #593bb8; background: #f1ebff; font: inherit; cursor: pointer; }
[data-upload-stage] .workspace-upload-genre-field > small { color: #71677f; font-weight: 500; line-height: 1.5; }
[data-upload-stage] [data-upload-genre-error] { color: #a22e4b; font-size: .85rem; line-height: 1.5; }
[data-upload-stage] [data-upload-genre-error]:empty { display: none; }
@media (max-width: 600px) {
  /* Reserve scroll space below the pills so the last option and custom Add
     remain reachable above the sticky workflow footer on a narrow screen. */
  [data-upload-stage] .upload-secondary-menu { position: relative; top: auto; margin-top: 8px; }
}
@media (forced-colors: active) {
  [data-upload-stage] .upload-secondary-menu, [data-upload-stage] .upload-secondary-pills button { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
}