:root{--d0-viewer-bar: 34px}.d0-viewer-bar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-height:34px;padding:5px 10px;border-bottom:1px solid var(--d0-ui-border);background:var(--d0-ui-paper);color:var(--d0-ui-foreground-secondary);font-size:11px}.d0-viewer-brand{font-family:var(--d0-ui-font-display);font-size:10px;flex:none;letter-spacing:.02em;color:var(--d0-ui-foreground-faint)}.d0-viewer-field{display:flex;align-items:center;flex:none;gap:5px;min-width:0}.d0-viewer-label{font-size:10px;color:var(--d0-ui-foreground-faint)}.d0-viewer-select{height:24px;min-width:0;max-width:100%;padding:0 22px 0 7px;border:1px solid transparent;border-radius:5px;background-color:var(--d0-ui-muted);color:var(--d0-ui-foreground-secondary);font:inherit;font-size:11px}select.d0-viewer-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;cursor:pointer}.d0-viewer-select:hover{border-color:var(--d0-ui-border);color:var(--d0-ui-foreground)}.d0-viewer-select:focus-visible{outline:2px solid var(--d0-ui-ring);outline-offset:2px}.d0-viewer-host{width:82px}.d0-viewer-chroma{width:130px}.d0-viewer-scope{width:132px}.d0-viewer-display{width:104px}.d0-viewer-user{margin-left:auto}.d0-viewer-user select{width:208px}.d0-viewer-token{gap:6px}.d0-viewer-token-input{width:190px;font-family:var(--font-geist-mono);font-size:11px}.d0-viewer-token-ok{font-size:11px;color:var(--d0-ui-foreground)}.d0-viewer-token-error{font-size:11px;color:var(--d0-ui-destructive)}.d0-viewer-link{border:0;background:none;padding:0 2px;color:var(--d0-ui-foreground-faint);font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.d0-viewer-link:hover{color:var(--d0-ui-foreground)}.d0-viewer-link:disabled{opacity:.5;cursor:default}@media(max-width:960px){.d0-viewer-bar{gap:6px;padding-inline:8px}.d0-viewer-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:520px){.d0-viewer-brand{display:none}.d0-viewer-user{margin-left:0}.d0-viewer-token{flex-wrap:wrap;flex:1 1 100%}.d0-viewer-token-ok{overflow-wrap:anywhere}}.d0-viewer .d0-site{inset:calc(var(--d0-viewer-bar) + var(--d0-site-gutter)) var(--d0-site-gutter) var(--d0-site-gutter)}.d0-bare{position:fixed;inset:var(--d0-viewer-bar) 0 0 0;display:flex;background:var(--d0-ui-paper)}.d0-bare>*{flex:1;min-width:0;min-height:0}