.tnGrid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:900px){.tnGrid{grid-template-columns:220px 300px 1fr}}
.tnSide h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:16px 0 6px;opacity:.75}
.tnNew{width:100%}
.tnNbs{list-style:none;margin:0;padding:0}
.tnNbs button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:8px;min-height:40px;padding:6px 10px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.tnNbs button.on,.tnNbs button:hover{background:rgba(0,0,0,.06)}
.tnTags{display:flex;flex-wrap:wrap;gap:6px}
.tnBar{display:flex;gap:8px;margin-bottom:8px}
.tnBar input{flex:1;min-width:0;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.18);font:inherit}
.tnBar select{min-height:44px;border-radius:12px;font:inherit}
.tnList{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:70vh;overflow:auto}
.tnItem{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff8;color:inherit;font:inherit;cursor:pointer}
.tnItem.on{outline:2px solid var(--gold,#c9a227)}
.tnEd textarea,.tnEd input{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.18);font:inherit}
.tnRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tnRow>input{flex:1;min-width:160px}
.tnEd audio{width:100%;margin:8px 0}