/* Additive Music DNA controls: waveform, comments and playback retain their handlers. */
.music-dna{--dna-accent:#45d1e8;--dna-muted:#a1b3bd;color:#e8f2f6;box-sizing:border-box;font-size:13px;line-height:1.45;text-align:start;min-width:0}
.music-dna *{box-sizing:border-box}
.music-dna [hidden]{display:none!important}
.music-dna-public{margin:12px 0 8px}
.music-dna-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.music-dna .music-dna-button{font:inherit;font-weight:600;color:#e8f2f6;background:rgba(16,37,49,.92);border:1px solid rgba(94,171,196,.28);border-radius:9px;min-height:36px;padding:7px 12px;cursor:pointer;white-space:normal;line-height:1.35}
.music-dna .music-dna-button:hover{border-color:var(--dna-accent);background:#143b4b}
.music-dna .music-dna-button:focus-visible,.music-dna input:focus-visible,.music-dna select:focus-visible,.music-dna summary:focus-visible{outline:2px solid var(--dna-accent);outline-offset:3px}
.music-dna .music-dna-button:disabled{opacity:.5;cursor:default}
.music-dna .music-dna-toggle[aria-pressed=true],.music-dna .is-primary{border-color:#2babbf;background:linear-gradient(125deg,#075568,#037d99)}
.music-dna-caption,.music-dna-help,.music-dna-summary>span{color:var(--dna-muted);font-size:12px}
.music-dna-help{margin:10px 0;overflow-wrap:anywhere}
.music-dna-public-panel{margin-top:10px;padding:12px;background:rgba(5,19,27,.78);border:1px solid rgba(68,183,209,.22);border-radius:12px}
.music-dna-facts{display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.music-dna-fact{display:grid;gap:1px}
.music-dna-fact>small{font-size:11px;color:var(--dna-muted)}
.music-dna-fact>strong{font-size:15px;font-weight:650;color:#e8f5fa}
.music-dna-estimate{margin-inline-start:auto;align-self:start;color:var(--dna-accent);font-size:11px;border:1px solid rgba(69,209,232,.25);border-radius:20px;padding:3px 8px}
.music-dna-sections{position:relative;width:100%;height:31px;isolation:isolate;background:rgba(34,54,66,.45);border-radius:6px;overflow:hidden}
.music-dna-section{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-inline-start:1px solid rgba(188,240,248,.42);background:hsla(calc(185 + var(--dna-color) * 21),55%,35%,.38);font-size:11px;color:#e1f8fc}
.music-dna-wave-active{position:relative}
.music-track-waveform>.music-dna-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none!important;overflow:hidden}
.music-dna-wave-active>.music-waveform-bars{position:relative;z-index:2}
.music-dna-wave-active>.music-waveform-comments{z-index:4}
.music-dna-energy{fill:rgba(62,222,216,.16);stroke:rgba(64,229,217,.65);stroke-width:1;vector-effect:non-scaling-stroke}
.music-dna-beat{stroke:rgba(127,206,225,.28);stroke-width:1;vector-effect:non-scaling-stroke}
.music-dna-boundary{stroke:rgba(104,224,245,.8);stroke-width:1;vector-effect:non-scaling-stroke}
.music-dna-studio{margin:14px 0 2px;border:1px solid rgba(69,192,215,.3);border-radius:12px;background:rgba(4,22,31,.74);overflow:hidden;width:100%}
.artist-uploaded-track-row>.music-dna-studio{grid-column:1/-1;margin-top:0}
.music-dna-summary{padding:12px 14px;cursor:pointer;background:linear-gradient(115deg,rgba(3,39,54,.93),rgba(4,83,103,.58));list-style-position:inside}
.music-dna-summary>strong{font-size:14px;margin-inline-end:14px}.music-dna-summary>span{display:inline;font-weight:400}
.music-dna-studio[open]>.music-dna-summary{border-bottom:1px solid rgba(69,192,215,.2)}
.music-dna-editor-body{padding:14px;min-width:0}
.music-dna-editor-body:empty{padding:0}
.music-dna-notice{margin:0 14px 12px;color:#75d7df;font-size:12px;min-height:0}.music-dna-notice:empty{display:none}.music-dna-notice.is-error{color:#ffafaf}
.music-dna-editor-form{margin:0;min-width:0}
.music-dna-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.music-dna-field{display:flex;flex-direction:column;gap:5px;min-width:0;color:#b3c8d2;font-size:11px}
.music-dna .music-dna-field input,.music-dna .music-dna-field select{height:38px;min-height:38px;width:100%;min-width:0;margin:0;padding:7px 9px;color:#ecf8fa;background:#0b1c25;border:1px solid rgba(124,175,194,.36);border-radius:7px;font:inherit;font-size:13px;box-shadow:none}
.music-dna select option{background:#0b1c25;color:#ecf8fa}
.music-dna-boundaries{padding:0;border:0;margin:16px 0;min-width:0}.music-dna-boundaries>legend{font-size:13px;margin-bottom:8px;padding:0;font-weight:600;color:#e8f2f6}
.music-dna-section-inputs{display:grid;gap:9px;margin-bottom:10px;max-height:380px;overflow-y:auto;overscroll-behavior:contain;padding:3px 4px 4px 2px}
.music-dna-section-row{display:grid;grid-template-columns:minmax(100px,1.5fr) repeat(2,minmax(76px,1fr)) auto;gap:8px;align-items:end}
.music-dna .music-dna-remove{min-height:38px;font-size:11px;padding:6px 9px}
.music-dna-editor-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid rgba(76,125,147,.25)}
@media(max-width:700px){.music-dna-caption{font-size:11px}.music-dna-editor-body{padding:11px}.music-dna-summary{padding:11px}.music-dna-summary>span{display:block;margin-top:3px}.music-dna-section-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid rgba(83,151,175,.2);border-radius:8px}.music-dna-section-row>.music-dna-field:first-child{grid-column:1/-1}.music-dna-section-row>.music-dna-remove{grid-column:1/-1;justify-self:start}.music-dna-section-inputs{max-height:440px}.music-dna-facts{gap:10px 18px}.music-dna-estimate{margin-inline-start:0}.music-dna-section{padding-inline:4px}.music-dna-studio{max-width:100%}}
@media(prefers-reduced-motion:reduce){.music-dna *{transition:none!important}}


/* PAXOR MOBILE DNA INFO ROW V1 */
@media (max-width: 760px) {
    html body .music-track-detail-hero
    .music-track-accordion-menu.paxor-dna-info-row {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body .paxor-dna-info-row
    .music-dna-public.paxor-dna-inline:not([hidden]),
    html body .paxor-dna-info-row
    .paxor-dna-inline:not([hidden]) > .music-dna-toolbar {
        display: contents !important;
    }

    html body .paxor-dna-info-row
    .paxor-dna-inline[hidden],
    html body .paxor-dna-info-row
    .paxor-dna-inline .music-dna-caption,
    html body .paxor-dna-info-row
    .paxor-dna-inline .music-dna-public-panel[hidden] {
        display: none !important;
    }

    html body .music-track-detail-hero
    .paxor-dna-info-row > .music-track-accordion-button,
    html body .music-track-detail-hero
    .paxor-dna-info-row .music-dna-toggle {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 36px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 7px 4px !important;
        box-sizing: border-box !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        white-space: normal !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    html body .music-track-detail-hero
    .paxor-dna-info-row .music-dna-public-panel:not([hidden]) {
        display: block !important;
        flex: 0 0 100% !important;
        order: 100 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 4px !important;
        box-sizing: border-box !important;
    }
}

/* Desktop Music DNA shares the existing track information button row. */
@media (min-width: 761px) {
    html body .music-track-accordion-menu.paxor-dna-info-row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        min-width: 0 !important;
    }
    html body .music-track-accordion-menu.paxor-dna-info-row .music-dna-public.paxor-dna-inline:not([hidden]),
    html body .music-track-accordion-menu.paxor-dna-info-row .paxor-dna-inline:not([hidden]) > .music-dna-toolbar {
        display: contents !important;
    }
    html body .music-track-accordion-menu.paxor-dna-info-row .paxor-dna-inline .music-dna-caption {
        display: none !important;
    }
    html body .music-track-accordion-menu.paxor-dna-info-row > .music-track-accordion-button,
    html body .music-track-accordion-menu.paxor-dna-info-row .music-dna-toggle {
        flex: 0 1 90px !important;
        width: 90px !important;
        min-width: 0 !important;
        max-width: 90px !important;
        min-height: 34px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 7px 6px !important;
        border-radius: 999px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }
    html body .music-track-accordion-menu.paxor-dna-info-row .music-dna-toggle {
        border: 1px solid #555b60 !important;
        background: #050505 !important;
        color: #fff !important;
    }
    html body .music-track-accordion-menu.paxor-dna-info-row .music-dna-toggle:hover,
    html body .music-track-accordion-menu.paxor-dna-info-row .music-dna-toggle[aria-expanded="true"] {
        border-color: #fff !important;
        background: #fff !important;
        color: #000 !important;
    }
}
@media (min-width: 761px) and (max-width: 1200px) {
    html body .music-track-detail-hero:has(.music-track-accordion-menu.paxor-dna-info-row) {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    html body .music-track-detail-hero:has(.paxor-dna-info-row) > .music-track-cover-stack {
        align-self: center !important;
        width: 100% !important;
        max-width: 280px !important;
    }
    html body .music-track-detail-hero:has(.paxor-dna-info-row) > .music-feature-copy,
    html body .music-track-detail-hero:has(.paxor-dna-info-row) > .music-public-hero-copy {
        width: 100% !important;
        min-width: 0 !important;
    }
}