/* The viewer origin's only stylesheet. Matches the portal's palette so the framed panel does not
   look like a different product, but shares no file with it: this origin must be servable from a
   bucket with nothing else on it. */
:root { --paper: #f7f6f2; --ink: #1d1d1b; --muted: #6b6b65; --bad: #a12f2f; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--paper); color: var(--ink);
             font: 14px/1.5 -apple-system, "Segoe UI", Inter, Roboto, sans-serif; }
body { display: flex; flex-direction: column; }
#c { flex: 1; width: 100%; min-height: 0; display: block; cursor: grab; touch-action: none;
     background: #fff; }
#c:active { cursor: grabbing; }
#c:focus-visible { outline: 2px solid #0b5d6b; outline-offset: -2px; }
#status, #note { margin: 0; padding: .4rem .7rem; color: var(--muted); font-size: .8rem; }
#status.err { color: var(--bad); }