.viewer{display:flex;flex-direction:column;height:100dvh}.bar{flex:none;display:flex;align-items:center;gap:10px;height:52px;padding-inline:14px;background:var(--paper);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.bar::-webkit-scrollbar{display:none}.bar .brand{flex:none;font-size:15px;font-weight:700;letter-spacing:-.03em}.bar .addr{flex:none;font-family:var(--mono);font-size:12.5px;letter-spacing:-.02em;color:var(--ink-2);background:var(--wash);border:1px solid var(--line);border-radius:var(--r-sm);padding:4px 9px}.bar .spacer{flex:1 1 auto;min-width:8px}.bar a.action{flex:none;font-size:13px;font-weight:500;color:var(--ink-2);padding:6px 11px;border:1px solid var(--line);border-radius:var(--r-sm);transition:color .15s ease,border-color .15s ease,background-color .15s ease}.bar a.action:hover{color:var(--ink);border-color:var(--ink-3);background:var(--wash)}.frame{flex:1 1 auto;width:100%;border:0;background:#fff}.empty{min-height:100dvh;display:grid;place-items:center;padding:var(--gutter)}.empty .inner{max-width:460px;text-align:center}.empty h1{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.empty p{color:var(--ink-2)}.empty .addr{display:block;margin:18px 0 26px;font-family:var(--mono);font-size:12.5px;letter-spacing:-.02em;color:var(--ink-3);word-break:break-all}