.viewer-body { height:100dvh; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.viewer-header { min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:12px 28px; border-bottom:1px solid var(--line); background:var(--paper); }
.viewer-home { display:flex; align-items:center; gap:10px; font-size:23px; font-weight:600; white-space:nowrap; min-height:44px; }
.viewer-home img { width:34px; height:34px; }
.back-label { font-size:15px; font-weight:400; margin-left:9px; color:var(--muted); border-left:1px solid var(--line); padding-left:18px; }
.project-tabs { display:flex; align-items:center; gap:8px; }
.project-tabs a { font-size:16px; padding:12px 19px; min-height:46px; border-radius:5px; color:var(--muted); white-space:nowrap; }
.project-tabs a[aria-current=page] { color:white; background:var(--accent); }
.project-tabs a:hover { background:#e0e7df; color:var(--ink); }
.viewer-actions { display:flex; gap:22px; align-items:center; font-size:15px; white-space:nowrap; }
.viewer-actions a,.viewer-actions button { min-height:44px; display:inline-flex; align-items:center; gap:8px; }
.viewer-actions a { color:var(--muted); }
.viewer-main { position:relative; flex:1; min-height:0; background:#e4eae4; }
.viewer-main iframe { display:block; border:0; width:100%; height:100%; background:white; }
#load-status { position:absolute; z-index:2; top:20px; left:50%; transform:translateX(-50%); padding:14px 20px; max-width:calc(100% - 32px); font-size:16px; line-height:1.7; text-align:center; background:#f8faf6; border:1px solid var(--line); border-radius:6px; box-shadow:0 5px 25px #263b391a; }
#load-status[hidden] { display:none; }
.noscript-note { position:absolute; top:130px; left:20px; right:20px; padding:25px; background:white; font-size:16px; line-height:1.8; }
.noscript-note a { text-decoration:underline; }
@media(max-width:1100px) {
  .viewer-header { padding-inline:20px; gap:16px; }
  .back-label { display:none; }
  .project-tabs { gap:2px; }
  .project-tabs a { padding-inline:14px; }
  .viewer-actions { gap:15px; }
}
@media(max-width:760px) {
  .viewer-header { min-height:130px; padding:12px 20px 9px; flex-wrap:wrap; gap:7px; }
  .viewer-home { font-size:22px; }
  .viewer-actions { margin-left:auto; gap:15px; font-size:14px; }
  .viewer-actions a { min-height:44px; }
  .project-tabs { order:3; width:100%; justify-content:space-between; gap:8px; }
  .project-tabs a { text-align:center; flex:1; padding:11px 9px; font-size:16px; }
}
@media(max-width:380px) {
  .viewer-header { padding-inline:16px; }
  .viewer-home { font-size:20px; gap:7px; }
  .viewer-home img { width:28px; height:28px; }
  .viewer-actions { gap:12px; }
}