.np-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; align-items: start; }
@media (max-width: 760px) { .np-layout { grid-template-columns: 1fr; } }
.np-side { padding: 12px; border-radius: var(--r-lg); background: var(--glass-soft); border: 1px solid var(--line); }
.np-list { display: grid; gap: 4px; max-height: 420px; overflow-y: auto; }
@media (max-width: 760px) { .np-list { max-height: 220px; } }
.np-item { display: grid; gap: 2px; text-align: left; padding: 9px 11px; border-radius: 12px; border: 1px solid transparent; background: none; color: var(--ink); font: inherit; cursor: pointer; min-width: 0; }
.np-item strong { font-size: 0.92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.np-item small { color: var(--muted); font-size: 0.78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.np-item:hover { background: var(--glass); }
.np-item[aria-selected='true'] { background: var(--glass-strong); border-color: var(--accent); }
.tool-ui .np-title { font-size: 1.15rem !important; font-weight: 700; }
#np-body { min-height: 380px; }