.oc-brand-link{min-height:var(--layout-control-min);color:inherit;align-items:center;text-decoration:none;display:inline-flex}.oc-brand-link .ux-brand{align-items:center;gap:10px;display:inline-flex}.oc-brand-link .ux-brand-mark{border-radius:var(--radius-md);background:var(--color-brand-mark);color:#fff;place-items:center;width:32px;height:32px;display:grid;position:relative}.oc-brand-link .ux-brand-dot{background:#030712;border:2px solid #f7f7f5;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.oc-brand-link .ux-brand-wordmark{color:#030712;letter-spacing:-.45px;white-space:nowrap;font-size:18px;font-weight:600}.oc-brand-link .ux-brand-wordmark sup{vertical-align:super;margin-left:2px;font-size:9px;line-height:0}.oc-row{gap:var(--layout-space-2);flex-wrap:wrap;align-items:center;display:flex}.oc-button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:2.75rem;color:var(--color-fg);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.oc-button:hover{background:var(--color-surface-subtle)}.oc-button-primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-fg-inverse)}.oc-button-primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.oc-button:disabled{opacity:.55;cursor:not-allowed}.oc-state-page{gap:1rem;max-width:36rem;margin:0 auto;padding:3rem 16px 4rem;display:grid}.oc-state-page h1{margin:1.5rem 0 0;font-size:2rem;line-height:1.2}.oc-state-page p{color:var(--color-fg-muted);margin:0;line-height:1.55}