/* Display mode owns three rows: optional notice, score, persistent controls. */
#linkDisplayFooter[hidden],#linkDisplayPanel[hidden],#linkDisplayFooter [hidden],#linkDisplayPanel [hidden]{display:none!important}
#app.link-display{display:block!important;width:100%;height:100%;overflow:hidden}
#app.link-display>.library,#app.link-display>.library-scrim{display:none!important}
#app.link-display .stage{display:grid!important;width:100%;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto!important;padding-top:env(safe-area-inset-top);background:#0d0f12}
#app.link-display .stage>.stage-header,#app.link-display #pageStatus,#app.link-display .page-zone,#app.link-display #lockedIndicator{display:none!important}
#app.link-display #bandLinkNotice{grid-row:1!important;margin:0;border-radius:0;padding:8px 12px;min-width:0}
#app.link-display #viewerShell{grid-row:2!important;width:100%;height:100%;min-height:0;margin:0;padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);overflow:hidden}
#app.link-display #paperWrap{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:auto;filter:none}
#app.link-display #paper{width:100%;height:100%;background:transparent;border-radius:0}
#app.link-display #paper img{object-fit:contain}
#app.link-display #viewerShell.width-mode{display:block;overflow-y:auto;scroll-snap-type:none;overscroll-behavior:contain}
#app.link-display #viewerShell.width-mode #paperWrap,#app.link-display #viewerShell.width-mode #paper{height:auto;max-height:none;display:block}
#app.link-display.link-display-locked #viewerShell{overflow:hidden;touch-action:none}
#app.link-display.link-display-locked #paperWrap{touch-action:none}
#linkDisplayFooter{grid-row:3;display:flex;align-items:center;gap:14px;min-width:0;padding:7px max(10px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#171a1f;border-top:1px solid #34383e;color:#e9e7e1;z-index:5}
#linkDisplayFooter button{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid #383d44;border-radius:10px;background:#22262c;color:#d4d6d9;cursor:pointer;touch-action:manipulation}
#linkDisplayFooter button svg{width:22px;height:22px;display:block}
#linkDisplayFooter button[aria-pressed=true]{color:#f6cd7a;border-color:#8b672d;background:#42321c}
#linkDisplayFooter button:disabled{opacity:.4;cursor:default}
#linkDisplayFooter .display-connection{display:flex;gap:9px;justify-content:flex-start;width:auto;max-width:230px;padding:0 10px;border-color:transparent;background:transparent;text-align:left}
.display-connection i{width:8px;height:8px;flex:none;border-radius:50%;background:#e6b45c}
#linkDisplayFooter[data-connected=true] .display-connection i{background:#76c6ab}
.display-connection span{min-width:0}.display-connection strong{display:block;font-size:13px}.display-connection small{display:block;font-size:11px;white-space:nowrap;color:#b8bdc5;margin-top:3px}
.display-score{flex:1;min-width:0}.display-score strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:#82c5b0}.display-score small{display:block;margin-top:3px;color:#969da8;font-size:10px;letter-spacing:.4px}
.display-actions,.display-pages{display:flex;align-items:center;gap:6px;flex:none}
#displayPage{min-width:44px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
#displayLock.holding{box-shadow:inset 0 0 0 3px #e6b45c;animation:displayUnlock 1.2s linear forwards}
@keyframes displayUnlock{from{background:#42321c}to{background:#49715f}}
#linkDisplayPanel{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0009;backdrop-filter:blur(5px)}
#linkDisplayPanel section{width:min(480px,100%);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;background:#191c21;border:1px solid #3d424a;border-radius:18px;box-shadow:0 20px 70px #0008;color:#ebe8e1}
#linkDisplayPanel header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #343940;gap:15px}
#linkDisplayPanel header small{color:#d7a44a;font-weight:800;letter-spacing:1.3px;font-size:10px}#linkDisplayPanel h2{font-size:21px;margin:7px 0 0}
#linkDisplayPanel button{min-height:44px;padding:10px 15px;border:1px solid #414750;border-radius:10px;background:#272c32;color:#ede9e1;font-size:14px;cursor:pointer}
#linkDisplayPanel #displayPanelClose{font-size:24px;width:44px;padding:0;flex:none}
.display-panel-body{padding:20px;display:grid;gap:14px}.display-peer{padding:14px;background:#22272d;border-radius:10px}.display-peer strong{font-size:14px}.display-peer p{margin:8px 0 0;font-size:13px;color:#bcc3cc;line-height:1.5}
.display-setting{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px}.display-setting input{width:22px;height:22px;accent-color:#d7a44a;flex:none}
.display-note{margin:0;color:#adb4be;font-size:12px;line-height:1.6}
#linkDisplayPanel #displayExit{margin-top:5px;border-color:#876231;background:#40311f;color:#f4ce84}
@media(max-width:850px){#linkDisplayFooter{gap:7px}.display-score small{display:none}#linkDisplayFooter .display-connection{max-width:185px;padding:0 4px}}
@media(max-width:650px){#linkDisplayFooter{flex-wrap:wrap;gap:5px 10px}.display-score{order:0;flex-basis:calc(100% - 200px);font-size:12px}.display-pages{margin-right:auto}.display-actions{margin-left:auto}#linkDisplayFooter .display-connection{min-width:155px}.display-score strong{font-size:12px}}

#app.link-display #paper:not(.bounded-pdf-host){align-items:center;justify-content:center}