.project-links button,.resource-list button{border-bottom:1px solid var(--vi-line);padding-bottom:3px;text-align:left}
.project-links button:hover,.resource-list button:hover{color:var(--vi-focus)}
.document-preview{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--vi-ink);background:var(--vi-conversation);font-family:var(--vi-font-ui)}
.document-preview[open]{display:block}
.document-preview::backdrop{background:var(--vi-backdrop)}
.document-header{position:absolute;inset:0 0 auto;z-index:1;display:grid;grid-template-columns:minmax(132px,1fr) minmax(0,2fr) minmax(132px,1fr);align-items:center;gap:16px;padding:12px 24px;background:transparent;border:0}
.document-header>[data-document-action="close"]{justify-self:start}
.document-header h2{font-size:15px;font-weight:500;margin:0;line-height:1.4;text-align:center;overflow-wrap:anywhere}
.document-viewport{height:100%;overflow:auto;overscroll-behavior:contain;background:var(--vi-conversation);min-width:0;position:relative}
.document-stage{box-sizing:border-box;min-height:100%;position:relative;display:flex;flex-direction:column;padding:var(--document-safe-space,80px) 32px}
.document-spread{position:relative;flex:none;margin:auto}
.document-paper{display:grid;gap:12px;align-items:start;margin:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.document-paper[hidden]{display:none}
.document-paper :is(img,canvas){background:var(--vi-surface);box-shadow:var(--vi-shadow);min-width:0}
.document-paper :is(img,canvas){display:block;width:100%;height:auto;-webkit-user-drag:none}
.document-status{position:absolute;inset:50% 0 auto;margin:0;transform:translateY(-50%);padding:32px;text-align:center;font-size:13px;color:var(--vi-text-secondary)}
.document-pagination{position:absolute;inset:100% 0 auto;display:flex;justify-content:center;align-items:center;gap:28px;padding:12px 0 24px}
.document-zoom{display:flex;justify-self:end;align-items:center;gap:8px;font-size:12px}
.document-zoom>span{min-width:42px;text-align:center}
.document-preview button:disabled{opacity:.35;cursor:default}
@media(max-width:700px){
 .document-header{grid-template-columns:44px minmax(0,1fr) 44px;padding:10px 12px;gap:4px 8px}.document-header h2{font-size:13px}
 .document-zoom{grid-column:1/-1;gap:4px}
 .document-stage{padding-inline:12px}
 .document-paper{gap:6px}
 .document-pagination{padding-bottom:12px}
}