/* P-13/P-14 · инструменты: хаб + плеер */

.norecord { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--ink-3); background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md); padding: 11px 15px; margin-bottom: var(--sp-5); }
.norecord svg { flex: none; color: var(--ink-3); }

.tools { display: flex; flex-direction: column; gap: var(--sp-3); }
.tool { display: flex; align-items: center; gap: var(--sp-4); width: 100%; text-align: start; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-5); font: inherit; color: var(--ink); cursor: pointer; text-decoration: none; transition: border-color .15s, background .15s, transform .12s; }
.tool:hover { border-color: var(--primary); background: var(--primary-tint); }
.tool:active { transform: scale(.995); }
.tool .ico { flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--surface-2); display: grid; place-items: center; color: var(--primary); }
.tool:hover .ico { background: var(--paper); }
.tool .txt { flex: 1; min-width: 0; }
.tool .txt b { display: block; font-size: 18px; font-weight: 600; letter-spacing: -.012em; margin-bottom: 3px; }
.tool .txt span { display: block; font-size: 14.5px; color: var(--ink-2); }
.tool .dur { flex: none; font-size: 13px; color: var(--ink-3); white-space: nowrap; }

.hint { font-size: 13.5px; color: var(--ink-3); margin: var(--sp-5) 0 0; line-height: 1.55; }