:root { --mv-bg:#0f1115; --mv-fg:#e9edf1; --mv-muted:#b7c0c8; --mv-line:#2a2f3a; --mv-accent:#8bd5ca; }

#mv-topbar {
  position: sticky;
  top: 0;
  z-index: 99999;
  background: rgba(15,17,21,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--mv-line);
}
#mv-topbar .mv-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 14px;
  max-width: 1100px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
#mv-topbar .mv-left{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#mv-topbar .mv-brand{ color: var(--mv-fg); font-weight:600; letter-spacing:0.2px; }
#mv-topbar .mv-nav{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
#mv-topbar .mv-link{
  color: var(--mv-muted);
  text-decoration:none;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.95rem;
}
#mv-topbar .mv-link:hover{ color: var(--mv-fg); border-color: var(--mv-line); background: rgba(255,255,255,0.04); }
#mv-topbar .mv-right{ display:flex; gap:8px; align-items:center; }

#mv-topbar .mv-btn{
  cursor:pointer;
  color: var(--mv-fg);
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--mv-line);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.92rem;
}
#mv-topbar .mv-btn:hover{ background: rgba(255,255,255,0.07); }
#mv-topbar .mv-btn[aria-pressed="true"]{ border-color: rgba(139,213,202,0.55); background: rgba(139,213,202,0.10); }

#mv-progress{ height: 2px; background: transparent; }
#mv-progress-bar{ height: 2px; width: 0%; background: rgba(139,213,202,0.9); }

body.mv-stillness #mv-topbar { background: rgba(15,17,21,0.97); }
body.mv-stillness { background: var(--mv-bg) !important; }

@media print {
  #mv-topbar[data-hide-on-print="1"] { display:none !important; }
  #mv-topbar { position: static; }
}

/* Non-HTML manual renderers (PDF/text/markdown/download) */
.mv-filewrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 14px 40px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.mv-filecard{
  border: 1px solid var(--mv-line);
  border-radius: 16px;
  background: rgba(255,255,255,0.02);
  padding: 18px 16px;
}
.mv-filetitle{ margin: 0 0 6px; font-size: 1.35rem; color: var(--mv-fg); }
.mv-filemeta{ margin: 0 0 14px; color: var(--mv-muted); }
.mv-pre{
  background: rgba(0,0,0,0.28);
  border: 1px solid var(--mv-line);
  border-radius: 12px;
  padding: 12px;
  overflow: auto;
  color: var(--mv-fg);
  line-height: 1.45;
  white-space: pre-wrap;
}
.mv-fileactions{ margin-top: 14px; }
.mv-download{
  display: inline-block;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(139,213,202,0.55);
  background: rgba(139,213,202,0.10);
  color: var(--mv-fg);
  text-decoration: none;
}
.mv-download:hover{ background: rgba(139,213,202,0.18); }
.mv-pdf{
  width: 100%;
  height: min(80vh, 900px);
  border: 1px solid var(--mv-line);
  border-radius: 12px;
  background: #111;
}
.mv-md{ color: var(--mv-fg); line-height: 1.6; }
.mv-md p{ color: var(--mv-fg); }
.mv-md a{ color: var(--mv-accent); }
.mv-md code{ background: rgba(0,0,0,0.28); padding: 2px 6px; border-radius: 8px; border: 1px solid var(--mv-line); }
.mv-md pre{ background: rgba(0,0,0,0.28); padding: 12px; border-radius: 12px; border: 1px solid var(--mv-line); overflow:auto; }
.mv-md h1,.mv-md h2,.mv-md h3,.mv-md h4,.mv-md h5,.mv-md h6{ color: var(--mv-fg); margin: 18px 0 8px; }
.mv-md ul{ padding-left: 1.1rem; }