/* 자료 열람 도구: 기존 워크스페이스 토큰·패널을 재사용한다. */
#vpReaderToolbar{display:flex;align-items:center;gap:12px;min-height:calc(48px*var(--ws-font-scale,1));padding:1px 12px;border-bottom:1px solid var(--ws-line);background:var(--ws-panel);color:var(--ws-ink);flex:none;position:relative;z-index:20}
#vpReaderToolbar[hidden],#vpReaderRestore[hidden]{display:none!important}
.vp-reader-heading{min-width:0;flex:1}.vp-reader-heading small,.vp-reader-heading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vp-reader-heading small{font-size:10px;color:var(--ws-muted);margin-bottom:3px}.vp-reader-heading strong{font-size:12px;font-weight:600}
.vp-reader-actions{display:flex;align-items:center;gap:2px;flex:none}#vpReaderToolbar .gh-icon,#vpReaderRestore{width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:6px;background:transparent;color:var(--ws-muted);display:flex;align-items:center;justify-content:center;padding:0}
#vpReaderToolbar svg,#vpReaderRestore svg{width:18px;height:18px}#vpReaderFullIcon{display:flex}#vpReaderToolbar [data-reader=collapse] svg{transform:rotate(180deg)}#vpReaderToolbar [data-reader=right] svg{transform:rotate(180deg)}
#vpReaderMenu{position:relative}#vpReaderMenu>summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;min-width:68px;min-height:44px;padding:0 5px;border-radius:6px;font-size:12px;cursor:pointer;color:var(--ws-muted);font-variant-numeric:tabular-nums}
#vpReaderMenu>summary::-webkit-details-marker{display:none}#vpReaderMenu>summary svg{width:13px;height:13px}
.vp-reader-menu{position:absolute;right:0;top:calc(100% + 8px);width:252px;max-width:calc(100vw - 32px);border:1px solid var(--ws-line);border-radius:8px;background:var(--ws-raised);padding:6px;box-shadow:0 8px 28px #0002;z-index:25}
.vp-reader-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:5px;background:none;color:var(--ws-ink);font:inherit;text-align:left;cursor:pointer}.vp-reader-menu button[aria-pressed=true]{background:var(--ws-selected);color:var(--ws-accent)}
.vp-reader-menu kbd{font:inherit;color:var(--ws-muted)}.vp-reader-menu [role=separator]{height:1px;background:var(--ws-line);margin:6px}.vp-reader-menu p{font-size:11px;line-height:1.8;color:var(--ws-muted);padding:4px 12px;margin:6px 0 0}
#vpReaderRestore{position:absolute;right:12px;top:8px;z-index:22;background:var(--ws-panel);border:1px solid var(--ws-line);box-shadow:0 2px 8px #0001}
#vpReaderTrail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.vp-reader-actions .vp-full-panel{display:none!important}
body.vp-reading{--ws-top:0px;--ws-bottom:0px}body.workspace.vp-reading>header,body.workspace.vp-reading>footer{display:none}body.workspace.vp-reading>main{inset:0}
body.workspace.vp-reading #hubWrap{grid-template-columns:var(--vp-left,0px) minmax(0,1fr) var(--vp-right,0px)!important}body.vp-reading #sideNav,body.vp-reading #infoPanel,body.vp-reading .gh-resizer{display:none!important}
body.vp-reading .vp-reader-actions .vp-full-panel{display:flex!important}body.vp-reading.vp-reader-left{--vp-left:var(--col-proj,304px)}body.vp-reading.vp-reader-right{--vp-right:var(--col-hist,420px)}body.vp-reading.vp-reader-left #sideNav,body.vp-reading.vp-reader-right #infoPanel{display:flex!important}
body.vp-reading #wsNotes,body.vp-reading #wsNoteGrip{display:none!important}
@media(hover:hover){#vpReaderToolbar .gh-icon:hover,#vpReaderMenu>summary:hover,#vpReaderRestore:hover,.vp-reader-menu button:hover{background:var(--ws-hover);color:var(--ws-ink)}}
@media(max-width:900px){body.workspace.vp-reading #ghPreview{grid-column:2;grid-row:1}body.workspace.vp-reading #hubWrap{grid-template-columns:0 minmax(0,1fr) 0!important}body.vp-reading.vp-reader-left #sideNav{position:absolute;inset:calc(48px*var(--ws-font-scale,1)) auto 0 0;width:min(304px,84vw);z-index:40;transform:none}body.vp-reading.vp-reader-right #infoPanel{position:absolute;inset:calc(48px*var(--ws-font-scale,1)) 0 0 auto;width:min(420px,88vw);z-index:40}}
@media(max-width:640px){#vpReaderToolbar{padding:1px 6px;gap:4px}.vp-reader-heading small{font-size:9px}.vp-reader-heading strong{font-size:11px}#vpReaderMenu>summary{min-width:60px;gap:3px}#vpReaderToolbar .gh-icon{width:44px}body.vp-reading .vp-reader-heading small{display:none}body.vp-reading .vp-reader-heading strong{font-size:10px}#vpReaderRestore{right:8px}}