html:not([data-interface-details="on"]) [data-ui-detail] {display:none!important}

.interface-controls {display:flex;align-items:center;flex-shrink:0;gap:8px}
.interface-details-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:44px;
    height:44px;
    padding:10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--card);
    color:var(--ink);
    cursor:pointer;
    line-height:1;
    touch-action:manipulation
}
.interface-details-toggle[hidden] {display:none}
[data-interface-details] .interface-details-toggle[hidden] {display:inline-flex!important;visibility:hidden}
.interface-details-toggle:hover {background:var(--surface-soft);border-color:var(--green)}
html[data-interface-details="on"] .interface-controls button.interface-details-toggle[aria-pressed="true"] {background:var(--green);border-color:var(--green);color:var(--button-ink)}
.interface-details-toggle:focus-visible {outline:3px solid var(--focus);outline-offset:4px}
.interface-details-toggle svg {flex-shrink:0;pointer-events:none}
.music-admin-main-nav>.interface-controls {margin-inline-start:auto}

@media (max-width:600px) {
    .site-header>.interface-controls,.music-admin-main-nav>.interface-controls {order:1;margin-inline-start:auto}
}