.navview { --nv-bg: #0c0b10; --nv-fg: #ece2cd; --nv-line: #2e2a36; margin: 1.5rem 0; }
.navview .nv-bar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .6rem; }
.navview select, .navview button {
  font: inherit; font-size: .9rem; color: var(--primary); background: var(--entry); border: 1px solid var(--border);
  border-radius: 8px; padding: .35rem .7rem; cursor: pointer;
}
.navview .nv-seg { display: inline-flex; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.navview .nv-seg button { border: 0; border-radius: 0; border-right: 1px solid var(--border); }
.navview .nv-seg button:last-child { border-right: 0; }
.navview .nv-seg button[aria-pressed="true"] { background: var(--c, #d9c9a3); color: #15121a; font-weight: 700; }
.navview .nv-stage { position: relative; background: var(--nv-bg); border-radius: 12px; overflow: hidden; line-height: 0; }
.navview .nv-img { width: 100%; height: auto; display: block; margin: 0; user-select: none; visibility: hidden; }
.navview .nv-cv { position: absolute; inset: 0; width: 100%; height: 100%; cursor: grab; touch-action: none; }
.navview .nv-cv:active { cursor: grabbing; }
.navview .nv-info { font-size: .85rem; color: var(--secondary); margin-top: .5rem; min-height: 1.3em; }
.navview .nv-hint { font-size: .8rem; color: var(--secondary); margin: .2rem 0 0; }