--- a/hg-web/src/index.css	Sun Aug 02 10:07:40 2026 -0700
+++ b/hg-web/src/index.css	Sun Aug 02 13:51:11 2026 -0700
@@ -382,7 +382,6 @@
    =========================================== */
 .changeset-paper {
   background: var(--bg);
-  background-image: url("/pencil_texture.png");
   border: 1px solid var(--border);
   border-radius: 6px;
   padding: 24px;
@@ -755,11 +754,53 @@
   opacity: 0.7;
 }
 
+.file-viewer-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.file-viewer-actions a {
+  font-size: 13px;
+}
+
 .file-viewer-content {
   overflow: auto;
   flex: 1;
 }
 
+.static-file-viewer {
+  max-width: 1100px;
+}
+
+.static-file-preview {
+  min-height: 240px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg-subtle);
+}
+
+.static-file-image,
+.static-file-video {
+  display: block;
+  max-width: 100%;
+  max-height: 75vh;
+  object-fit: contain;
+}
+
+.static-file-audio {
+  width: min(100%, 640px);
+}
+
+.static-file-pdf {
+  width: 100%;
+  height: 75vh;
+  border: 0;
+  background: #fff;
+}
+
 .file-viewer-content pre {
   margin: 0;
   padding: 16px;