.navigation-panel{position:fixed;z-index:92;width:min(370px,calc(100vw - 20px));height:min(68vh,620px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 58px rgba(15,23,42,.24);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.navigation-panel[hidden]{display:none}.navigation-tabs{height:44px;display:flex;align-items:center;padding:5px;border-bottom:1px solid var(--line);background:var(--chrome)}.nav-tab{height:34px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:12px;font-weight:800}.nav-tab.active{background:var(--paper);color:var(--text);box-shadow:0 0 0 1px var(--line)}.nav-close{margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:22px}.nav-pane{display:none;min-height:0;overflow:auto;padding:8px}.nav-pane.active{display:block}.outline-list{display:grid;gap:2px}.outline-item{min-height:36px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;padding:7px 8px 7px calc(8px + var(--depth,0)*14px);font-size:12px}.outline-item:active{background:var(--toolbar-hover)}.nav-empty{padding:18px 10px;color:var(--muted);font-size:12px;text-align:center}.thumb-toolbar{height:38px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:5px;position:sticky;top:-8px;z-index:3;background:var(--paper);padding-bottom:4px}.thumb-toolbar button{height:30px;border:1px solid var(--line);border-radius:8px;background:var(--chrome);color:var(--text)}.thumb-toolbar span{text-align:center;font-size:11px;font-weight:750;color:var(--muted)}.thumb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.thumb-card{border:1px solid var(--line);border-radius:9px;background:var(--chrome);padding:5px;display:grid;gap:4px;min-width:0}.thumb-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.thumb-card canvas{display:block;width:100%;height:auto;background:white}.thumb-card span{text-align:center;font-size:10px;font-weight:750;color:var(--muted)}
@media(max-width:640px){.navigation-panel{width:calc(100vw - 16px);height:min(66vh,560px)}}