dialog.music-dialog[open] {
  width: min(1040px, 96vw);
  max-width: 1040px;
  max-height: 94dvh;
  padding: 0;
  background: #161616;
  border: 1px solid #40373b;
  border-radius: 18px;
  overflow: hidden;
}
.music-dialog > form {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
}
.music-dialog > form .close {
  width: 40px;
  height: 40px;
  background: #252124;
  border-radius: 50%;
}
.music-dialog #dialog-body {
  padding: 0;
}
.music-library {
  display: flex;
  flex-direction: column;
  max-height: 92dvh;
  padding: 28px 28px 14px;
  gap: 14px;
  color: #eee;
}
.music-library header {
  display: flex;
  align-items: end;
  gap: 15px;
  padding-right: 40px;
}
.music-library h2 {
  margin: 5px 0 0;
  font-size: 30px;
  letter-spacing: -1px;
}
.music-library .eyebrow {
  color: #f5d94e;
  letter-spacing: 2px;
}
.music-count {
  margin-left: auto;
  white-space: nowrap;
  font-size: 12px;
  color: #bbb;
}
.music-search {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 10px;
}
.music-library input,
.music-library select {
  min-width: 0;
}
.music-search input,
.music-search select,
.music-options select {
  min-height: 42px;
  background: #0a0a0a;
  border-color: #423a3e;
}
.music-collections {
  display: flex;
  gap: 7px;
  overflow-x: auto;
  flex-shrink: 0;
  padding-bottom: 3px;
}
.music-collections button {
  white-space: nowrap;
  min-height: 38px;
  border-radius: 20px;
  background: #252124;
  font-size: 12px;
}
.music-collections [aria-pressed='true'] {
  background: #542124;
  border-color: #d62828;
  color: #fff;
}
.music-curated button {
  font-size: 11px;
  background: transparent;
  color: #c7bcc0;
  border-color: #3d3439;
}
.music-options {
  display: flex;
  align-items: center;
  gap: 10px;
}
.music-options span {
  color: #aaa;
  font-size: 11px;
  margin-left: auto;
}
.music-results {
  overflow: auto;
  min-height: 100px;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.music-track {
  border-bottom: 1px solid #393136;
  padding: 14px 4px;
}
.music-track-main {
  display: flex;
  align-items: center;
  gap: 14px;
}
.music-track [data-preview] {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #292125;
}
.music-track [data-preview][aria-pressed='true'] {
  background: #d62828;
  border-color: #f07070;
}
.music-track-title {
  min-width: 150px;
  flex: 1;
}
.music-track h3 {
  margin: 0 0 4px;
  font-size: 16px;
  letter-spacing: -0.2px;
}
.music-track-title span,
.music-track-title small {
  display: block;
  color: #bbb;
  font-size: 11px;
  line-height: 1.7;
}
.music-track-title small {
  color: #a89ba2;
}
.music-wave {
  width: 150px;
  height: 36px;
  fill: #b78992;
  flex: 0 1 150px;
}
.music-favorite {
  width: 40px;
  min-height: 40px;
  padding: 4px;
  font-size: 21px;
  color: #8d8288;
  background: transparent;
  border: 0;
  flex: none;
}
.music-favorite[aria-pressed='true'] {
  color: #f5d94e;
}
.music-add {
  min-height: 42px;
  font-size: 12px;
  white-space: nowrap;
}
.music-track details {
  margin-left: 58px;
  margin-top: 8px;
  font-size: 11px;
  color: #bbb;
}
.music-track summary {
  cursor: pointer;
  width: fit-content;
  min-height: 26px;
}
.music-license {
  max-width: 700px;
  background: #201b1e;
  padding: 14px;
  border-radius: 8px;
  line-height: 1.6;
}
.music-license textarea {
  width: 100%;
  min-height: 95px;
  font-size: 12px;
}
.music-license a {
  color: #edb6b8;
}
.music-player {
  display: grid;
  grid-template-columns: 44px minmax(120px, 1fr) minmax(100px, 2fr) auto 90px;
  gap: 12px;
  align-items: center;
  border: 1px solid #69434a;
  background: linear-gradient(110deg, #321b20, #211c20);
  border-radius: 12px;
  padding: 12px;
  flex-shrink: 0;
}
.music-player button {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #d62828;
}
.music-playing {
  font-size: 12px;
  line-height: 1.5;
}
.music-player output {
  font-size: 11px;
  color: #bbb;
  font-variant-numeric: tabular-nums;
}
.music-volume {
  font-size: 10px;
  color: #bbb;
  display: block;
}
.music-player input[type='range'] {
  width: 100%;
  accent-color: #d62828;
}
.music-license-note {
  font-size: 11px;
  color: #bfb3b8;
  margin: 0;
  line-height: 1.5;
}
.music-status {
  margin: 0;
  font-size: 12px;
  color: #f5d94e;
}
.music-status:empty {
  display: none;
}
.music-empty {
  padding: 40px 20px;
  text-align: center;
  color: #c3b8bd;
}
@media (max-width: 700px) {
  dialog.music-dialog[open] {
    width: 100vw;
    height: 100dvh;
    max-width: 100vw;
    max-height: 100dvh;
    border-radius: 0;
  }
  .music-library {
    height: 100dvh;
    max-height: 100dvh;
    padding: 18px 14px 10px;
    gap: 10px;
    box-sizing: border-box;
  }
  .music-library h2 {
    font-size: 24px;
  }
  .music-count {
    font-size: 10px;
  }
  .music-search {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .music-search input {
    grid-column: 1/-1;
  }
  .music-options span {
    display: none;
  }
  .music-options select {
    flex: 1;
  }
  .music-track-main {
    gap: 9px;
    flex-wrap: wrap;
  }
  .music-track-title {
    min-width: 130px;
  }
  .music-wave {
    display: block;
    flex: 0 0 calc(100% - 53px);
    width: calc(100% - 53px);
    height: 26px;
    margin-left: 53px;
    order: 3;
  }
  .music-track-title {
    order: 1;
  }
  .music-favorite {
    order: 2;
  }
  .music-track .music-add {
    order: 4;
    margin-left: 53px;
    width: calc(100% - 53px);
  }
  .music-track details {
    margin-left: 53px;
  }
  .music-player {
    grid-template-columns: 42px 1fr auto;
    gap: 7px;
    padding: 10px;
  }
  .music-player #music-position {
    grid-column: 1/3;
    grid-row: 2;
  }
  .music-player #music-time {
    grid-column: 3;
    grid-row: 2;
  }
  .music-volume {
    width: 70px;
  }
  .music-results {
    flex: 1;
  }
  .music-license-note {
    font-size: 10px;
  }
}
.music-refine-toggle {
  display: none;
}
@media (max-height: 540px) and (orientation: landscape) {
  .music-library {
    padding: 12px 18px;
    gap: 7px;
    overflow-y: auto;
  }
  .music-library h2 {
    font-size: 22px;
  }
  .music-search {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .music-search input {
    grid-column: auto;
  }
  .music-options,
  .music-curated,
  .music-license-note {
    display: none;
  }
  .music-player {
    padding: 6px 10px;
  }
  .music-library header {
    padding-right: 40px;
  }
  .music-refine-toggle {
    display: block;
    min-height: 40px;
    flex-shrink: 0;
  }
  .music-library.expanded-filters .music-options,
  .music-library.expanded-filters .music-curated {
    display: flex;
    flex-shrink: 0;
  }
  .music-library.expanded-filters .music-results {
    min-height: 150px;
  }
}