/* Audio Tag Manager: legible, responsive interface-element illustrations.
   Native browser text remains readable at all viewport sizes (no tiny baked-in labels). */
.audio-tag-controls .cs-feature-row{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:20px;padding:24px}
.audio-tag-controls .cs-feature-art{min-width:0;overflow:visible;border:0;background:transparent;box-shadow:none}
.audio-tag-controls .cs-feature-copy p{max-width:62ch}
.atm-visual{width:100%;min-width:0;min-height:312px;padding:12px;background:linear-gradient(140deg,#f7f5ff 0%,#eeeaff 55%,#eef2ff 100%);border:1px solid #dedafa;border-radius:17px;color:#182342;box-shadow:0 8px 24px rgba(72,62,145,.10);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.38;display:flex;flex-direction:column;gap:9px}
.atm-visual-head{display:flex;align-items:center;gap:9px;padding:6px 8px;min-height:36px;font-size:16px;color:#172042}
.atm-visual-head strong{font-size:15px;font-weight:750}
.atm-visual-icon{display:grid;place-items:center;width:29px;height:29px;background:#e1dafe;border-radius:9px;color:#6550d9;font-size:20px;font-weight:800}
.atm-visual .atm-pane{min-width:0;border-radius:12px;background:#fff;border:1px solid #e6e3f5;box-shadow:0 3px 10px rgba(62,58,122,.055);padding:12px;display:flex;flex-direction:column;gap:9px}
.atm-pane-title{font-size:14px;color:#1c2850;font-weight:750}
.atm-tag-layout{display:grid;grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);gap:9px;flex:1}
.atm-file{display:flex;gap:7px;align-items:center;padding:9px 6px;border-radius:8px;font-size:14px;min-width:0;line-height:1.25}
.atm-filename{min-width:0;overflow-wrap:anywhere;font-weight:600}
.atm-selected{background:#e8e2ff!important;color:#39308d!important}
.atm-music-icon{font-size:21px;color:#705fdd}
.atm-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.atm-field{display:flex;flex-direction:column;gap:3px;min-width:0}
.atm-field-label{font-size:12px;color:#576079;font-weight:650}
.atm-field-value{font-size:14px;font-weight:650;min-width:0;overflow-wrap:anywhere;background:#fdfcff;border:1px solid #c9c2ed;padding:8px;border-radius:7px;line-height:1.15;color:#16213c}
.atm-actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:4px}
.atm-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;background:#f7f5ff;border:1px solid #c4b8ed;color:#543cc0;font-weight:750;font-size:14px;min-height:35px;text-align:center}
.atm-primary{background:#7158e5;color:#fff;border-color:#7158e5;box-shadow:0 4px 10px rgba(104,79,222,.16)}
.atm-stacked{flex:1}
.atm-visual-rename .atm-field-value,.atm-visual-musicbrainz .atm-field-value{font-size:16px;padding:9px}
.atm-chips{display:flex;gap:7px;flex-wrap:wrap}
.atm-chip{display:inline-flex;padding:6px 12px;border-radius:7px;background:#ece8fe;color:#523fc0;font-weight:700;font-size:13px;border:1px solid #d6cdfb}
.atm-rename-preview{display:grid;grid-template-columns:minmax(0,.68fr) 22px minmax(0,1.32fr);align-items:center;gap:6px;background:#f5f2ff;border-radius:9px;padding:11px 9px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.atm-rename-preview strong{font-size:14px}
.atm-rename-arrow{color:#6f56e1;font-weight:900;font-size:20px}
.atm-results-table{display:grid;gap:1px;border:1px solid #e7e2fb;border-radius:8px;overflow:hidden}
.atm-result{display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:6px;padding:9px 8px;background:white;font-size:14px;min-width:0}
.atm-result span{min-width:0;overflow-wrap:anywhere}
.atm-song{font-weight:650}
.atm-table-head{color:#4e4480!important;font-weight:750;background:#e8e2fb!important}
.atm-presets-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px;flex:1}
.atm-preset-name{padding:11px 9px;border-radius:8px;font-weight:650;font-size:14px}
.atm-step{display:flex;align-items:center;gap:8px;border-radius:8px;background:#f4f0ff;padding:10px;font-size:14px;font-weight:600}
.atm-step b{background:#755ee3;color:white;border-radius:6px;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px}
.atm-cover-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;flex:1}
.atm-cover-column{background:white;border-radius:12px;padding:12px;min-width:0;border:1px solid #e6e3f5}
.atm-album-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1/1;max-height:212px;width:100%;margin-top:9px;background:linear-gradient(160deg,#a1aaf0,#c68fc8 58%,#f1bf87);border-radius:10px}
.atm-sun{position:absolute;right:18%;top:15%;width:47px;height:47px;background:#f7d8a3;border-radius:50%}
.atm-mountain{position:absolute;inset:auto -10% -12%;height:70%;clip-path:polygon(0% 100%,42% 7%,68% 53%,82% 32%,100% 100%)}
.atm-mountain-back{background:#6b68b9}
.atm-mountain-front{background:#353f88;transform:translateY(20%) scale(1.17)}
.atm-cover-info{justify-content:space-between}
.atm-cover-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:auto}
@media(min-width:1300px){.audio-tag-controls .cs-feature-row{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important}}
@media(max-width:1000px){.audio-tag-controls .cs-feature-row{grid-template-columns:1fr!important}.audio-tag-controls .cs-feature-art{width:100%}.atm-visual{min-height:0}}
@media(max-width:500px){.atm-visual{padding:8px;font-size:13px}.atm-visual-head strong{font-size:14px}.atm-pane-title{font-size:13px}.atm-visual .atm-pane{padding:9px;gap:7px}.atm-field-value,.atm-rename-preview,.atm-file,.atm-step,.atm-preset-name,.atm-result{font-size:13px}.atm-fields{gap:6px}.atm-cover-actions .atm-button{font-size:12px;padding:7px}.atm-album-art{max-height:165px}}