.kx-viewer{z-index:200;background:var(--kx-brand-bg);height:100dvh;color:var(--kx-brand-ink);font-family:var(--kx-brand-body);flex-direction:column;display:flex;position:fixed;inset:0}.kx-viewer-header{padding:20px var(--kx-brand-gutter);border-bottom:1px solid var(--kx-brand-border);background:var(--kx-brand-surface);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.kx-viewer-back,.kx-viewer-close,.kx-viewer-reset{border:1px solid var(--kx-brand-border);min-height:44px;color:var(--kx-brand-ink);background:var(--kx-brand-elevated);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.kx-viewer-back{justify-self:start}.kx-viewer-close{justify-self:end}.kx-viewer-title{text-align:center}.kx-viewer-title p{letter-spacing:.14em;color:var(--kx-brand-accent);margin:0;font-size:10px}.kx-viewer-title h1{font:500 20px/1.4 var(--kx-brand-display);margin:4px 0 0}.kx-viewer-canvas{flex:1;order:1;min-height:0}.kx-viewer-controls{padding:16px var(--kx-brand-gutter);color:var(--kx-brand-muted);border-top:1px solid var(--kx-brand-border);background:var(--kx-brand-surface);flex-wrap:wrap;order:2;justify-content:center;align-items:center;gap:16px;font-size:12px;display:flex}.kx-viewer-reset{color:var(--kx-brand-accent-ink);background:var(--kx-brand-accent);border-color:var(--kx-brand-accent)}.kx-viewer button:focus-visible,.kx-viewer a:focus-visible{outline:3px solid var(--kx-brand-focus);outline-offset:3px}.kx-viewer-loading{border:1px solid var(--kx-brand-border);background:var(--kx-brand-surface);max-width:240px;color:var(--kx-brand-muted);font:14px/1.6 var(--kx-brand-body);text-align:center;white-space:nowrap;pointer-events:none;border-radius:12px;padding:16px 24px}@media (width<=640px){.kx-viewer-header{grid-template-columns:1fr auto;gap:12px;padding:12px 20px}.kx-viewer-title{grid-area:2/1/auto/-1}.kx-viewer-title h1{font-size:18px}.kx-viewer-controls{gap:10px 16px;padding:12px 20px}.kx-viewer-reset{width:100%;min-height:42px}}